GPT와 이미지 한 장으로 모션그래픽을 만드는 '핵심 원리'

📌 OpenAI가 서울에서 진행하는 Codex 게임 개발 해커톤
‘OpenAI Game Builders Seoul’ 참가자를 모집하고 있습니다.

참가 신청은 8월 26일까지이며
개인은 물론 최대 3명까지 팀으로도 참여할 수 있다고 합니다.

Codex를 활용해 만든 게임 프로토타입과
브라우저에서 실행되는 플레이 링크 등을 제출하는 방식이라
게임 아이디어는 있었는데 직접 만들어볼 계기가 없었던 분들은 한번 도전해보셔도 좋을 것 같습니다.

자세한 내용은 아래에서 확인해주세요!
👉 https://openaigame2026.com/#main
---

[ 영상에서 사용한 프롬프트 ]
👇
1. 이 이미지 속 리소스를 각각 개별 리소스(배경이 투명한 알파 리소스)로 재생성하여 동일한 위치에 배치하는 레이어로 만듭니다. 하나의 이미지에서 단순히 투박하게 자르는 것이 아닌, 이미지 생성을 이용하여 각각 개별 리소스로 '생성'해야 합니다. 다른 요소에 가려져 보이지 않는 영역도 생성해야 합니다.
2. 재생성 리소스의 위치를 원본 이미지의 위치에 그대로 유지하여 배치하는 방식으로 레이어 분리가 완료된 PSD 파일로 생성합니다.
3. 완료된 PSD 파일의 레이어 상태를 이용하여 AEP 파일로 만들고, 각 요소들이 오퍼시티 0에서 100으로 나타나며 가장자리에서 등장하여 2에서 생성한 위치에 도달합니다. 등장 순서는 레이어 하위 순서부터 등장합니다.
4. 도달한 요소들은 로테이션 wiggle을 극소폭(1 정도) 수준으로 조금씩 흔들립니다. 저프레임을 사용하여 스톱모션처럼 보일 수 있어야 합니다. 이때 배경이 되는 레이어에는 wiggle을 부여하지 않으며, 종속 관계가 될 수 있는 레이어들은 부모-자식 관계를 맺어 불필요한 모션은 제거합니다.


---


오늘은 ChatGPT 데스크톱 앱을 활용해서
이미지 한 장을 레이어가 분리된 PSD → 모션이 적용된 AEP 파일까지 만들어봅니다.

이미지 속 주요 오브젝트를 개별 리소스로 분리하고,
원본 위치에 맞춰 PSD 레이어를 구성한 뒤
After Effects에서 등장 모션과 간단한 표현식까지 적용하는 방식입니다.

이번 작업은 대부분의 시간이 이미지 리소스를 생성하는 데 사용됐습니다.
한 번 리소스를 분리해두면 이후에는 조금 더 효율적인 방법이 있을 겁니다.
영상을 구성하는 하나의 장면을 이렇게 구성을 했는데, 이 방식의 결과가 모인다면 더 긴 영상도 만들 수 있겠죠?


#ChatGPT #Codex #AfterEffects #Photoshop #AI디자인 #모션그래픽 #디자이너덕디