Breadcrumb Abstract Shape
Breadcrumb Abstract Shape
Breadcrumb Abstract Shape

GPT 5.6 Sol + Higgsfield로 모션그래픽 만드는 법 – 프롬프트 제공, 애프터이펙트 없이 가능하다

GPT 5.6 Sol + Higgsfiel 모션 그래픽 만드는 법

모션그래픽을 제대로 만들려면 보통 애프터이펙트부터 떠올립니다.

레이어를 나누고, 키프레임을 만들고, 움직임을 조절하고, 여러 번 수정합니다.

짧은 영상 하나를 만드는 데도 생각보다 많은 시간이 필요합니다.

그런데 GPT 5.6 Sol과 Higgsfield를 함께 사용하면 접근 방법이 완전히 달라집니다.

영상 자체를 처음부터 만드는 것이 아닙니다.

먼저 완성된 이미지를 만든 뒤 그 이미지 사이를 움직이게 하는 방식입니다.

이 방법을 사용하면 간단한 숫자 카드부터 로고 애니메이션, UI 데모, 제품 광고까지 만들 수 있습니다. 원문에서도 타이틀 카드, 로고 애니메이션, UI 데모, 설명용 그래픽 등 기존에 애프터이펙트로 만들던 다양한 결과물을 이 방식으로 제작할 수 있다고 설명합니다.


GPT 5.6 Sol + Higgsfield 모션그래픽의 핵심 원리

가장 중요한 원칙부터 알아야 합니다.

영상부터 만들지 않습니다.

먼저 이미지 모델을 이용해 스틸 이미지를 만듭니다.

그다음 완성된 이미지들을 영상 생성 모델에 넣어 움직이게 합니다. 원문에서도 먼저 스틸 이미지를 만들고, 승인한 화면을 기준으로 영상 모델이 비주얼을 유지하도록 하는 흐름을 사용합니다.

전체 과정은 다음과 같습니다.

아이디어 → 스틸 이미지 → 이미지 상태 변화 → 영상 생성

이 방식이 특히 중요한 이유는 텍스트입니다.

AI 영상 모델은 화면 안의 글자가 움직이기 시작하면 글자를 변형하거나 다른 글자로 바꾸는 경우가 있습니다.

그래서 영상 안에서 텍스트를 새로 만들게 하지 않습니다.

이미지 단계에서 텍스트를 정확하게 완성한 다음, 그 이미지를 영상의 기준 화면으로 사용하는 것입니다.

원문에서도 텍스트가 선명하게 유지되는 이유를 영상 모델이 글자를 만든 것이 아니라 이미지로 먼저 제작했기 때문이라고 설명합니다.


1. 가장 간단한 모션그래픽은 이미지 2장이면 된다

처음부터 복잡하게 시작할 필요는 없습니다.

가장 간단한 방식은 다음 두 장입니다.

시작 이미지

완성 이미지

원문에서는 큰 숫자 하나와 짧은 문장이 들어가는 통계 카드부터 시작합니다.

예를 들어 여행용 캐리어 광고를 만든다고 해보겠습니다.

시작 이미지

아무것도 없는 연한 베이지색 배경입니다.

완성 이미지

같은 배경 위에 캐리어가 등장합니다.

그리고 다음과 같은 문구가 들어갑니다.

“20% LIGHTER”

이제 두 이미지를 Higgsfield에 넣고 움직임을 지정합니다.

첫 번째 이미지에서 두 번째 이미지로 자연스럽게 전환한다.

배경색과 조명은 변경하지 않는다.

캐리어가 화면 중앙에서 부드럽게 나타난다.

텍스트는 천천히 페이드인한다.

모든 요소는 최종 이미지에 지정된 위치에서 멈춘다.

카메라는 고정한다.

5초 동안 진행한다.

이 정도만으로도 짧은 광고형 모션그래픽을 만들 수 있습니다.

원문에서도 첫 번째 예제는 빈 배경과 완성된 카드 두 장만 사용하고, 약 5초 동안 요소가 나타난 뒤 제자리에 머무르는 방식으로 제작합니다.


2. 이미지마다 배경을 다시 만들면 안 된다

여기서 중요한 규칙이 하나 있습니다.

모든 이미지를 독립적으로 생성하면 안 됩니다.

첫 번째 이미지의 배경을 다음 이미지의 레퍼런스로 사용해야 합니다.

예를 들어 첫 화면이 따뜻한 종이 질감의 베이지색이라면 두 번째 이미지에서도 같은 배경을 그대로 사용해야 합니다.

바뀌어야 하는 것은 필요한 요소뿐입니다.

원문에서도 프롬프트를 만들 때 가장 먼저 고정하는 요소가 있습니다.

  • 색상
  • 조명
  • 질감
  • 배경

그리고 그 뒤에 이번 화면에서 달라질 요소만 지정합니다.

배경이 이미지마다 조금씩 달라지면 영상으로 연결하는 순간 미세한 변화가 깜빡임처럼 보일 수 있기 때문입니다.

따라서 프롬프트도 이런 형태가 좋습니다.

이전 이미지의 배경색, 조명, 질감, 카메라 위치를
정확하게 유지한다.

다른 요소는 변경하지 않는다.

이번 이미지에서는 중앙에 제품만 추가한다.

무엇을 만들 것인지 설명하는 것만큼 무엇을 바꾸지 않을 것인지 지정하는 것도 중요합니다.


3. 물체가 움직인다면 중간 이미지를 하나 추가한다

이미지 두 장만으로 충분하지 않은 경우도 있습니다.

물체가 화면을 가로질러 움직이거나 위치가 크게 변경되는 장면입니다.

이때는 중간 이미지를 하나 추가합니다.

구조는 이렇게 됩니다.

START

MIDDLE

END

원문에서도 로고 애니메이션을 만들 때 이 방법을 사용합니다.

처음에는 검은 화면입니다.

중간에는 로고를 구성하는 특정 글자 하나만 나타납니다.

마지막에는 전체 로고가 완성됩니다.

이 중간 이미지를 경로상의 목표점으로 사용합니다.

예를 들어 커피 브랜드 로고 애니메이션이라면 이렇게 만들 수 있습니다.

START

검은색 화면

MIDDLE

화면 중앙에 커피콩 아이콘

END

커피콩 아이콘 옆으로 전체 브랜드명이 완성된 상태

영상 프롬프트는 다음과 같이 만들 수 있습니다.

검은 화면에서 시작한다.

화면 중앙에 커피콩 심볼이 먼저 페이드인한다.

심볼이 조금 작아지며 최종 위치로 이동한다.

그 다음 브랜드명이 양옆으로 자연스럽게 나타난다.

최종 프레임의 디자인과 위치를 정확하게 유지한다.

6초 동안 진행한다.

영상 모델에게 움직임을 말로만 설명하는 것보다 중간 상태를 직접 이미지로 보여주는 방식이 훨씬 명확합니다.


4. 복잡한 움직임은 상태별 이미지를 여러 장 만든다

조금 더 복잡한 모션그래픽도 원리는 같습니다.

예를 들어 스마트폰 설정 화면을 만든다고 가정해보겠습니다.

처음에는 모든 옵션이 꺼져 있습니다.

그다음 메인 스위치를 켭니다.

다른 옵션들이 차례대로 켜집니다.

마지막으로 저장 버튼을 누르고 완료 표시가 나타납니다.

이 경우 한 번에 모든 움직임을 생성시키지 않습니다.

각 상태를 이미지로 만듭니다.

이미지 1

모든 옵션 OFF

이미지 2

메인 옵션 ON

이미지 3

나머지 옵션 ON

이미지 4

저장 완료

워프센스 뉴스레터 구독하기

1,720 + 이상 구독중 – 무료 진짜 정보, 놓치면 손해!

1줄 뉴스레터 가입폼

구독은 언제든지 해지할 수 있습니다.

원문의 UI 예제도 같은 방식입니다.

처음에는 모든 토글이 꺼져 있고 저장 버튼도 비활성화되어 있습니다.

그다음 메인 토글이 켜지고, 나머지 항목이 켜지고, 커서가 저장 버튼으로 이동합니다.

마지막에는 저장 버튼이 체크 표시로 바뀝니다.

복잡한 모션그래픽을 잘 만드는 방법은 AI에게 복잡한 프롬프트를 쓰는 것이 아닙니다.

복잡한 움직임을 여러 개의 단순한 상태로 나누는 것입니다.


5. UI 애니메이션에서는 작은 디테일까지 지정한다

인터페이스 화면은 작은 오류도 쉽게 보입니다.

마우스 커서가 버튼의 엉뚱한 위치를 누르거나 토글 버튼의 원이 찌그러지는 순간 영상이 어색해집니다.

그래서 UI 영상에서는 구체적으로 위치를 지정해야 합니다.

예를 들어 다음과 같습니다.

커서는 버튼의 텍스트가 아니라
오른쪽 끝의 토글 원을 정확하게 클릭한다.

토글 내부의 원은 이동하는 동안에도
완벽한 원형을 유지한다.

커서 클릭과 토글 움직임은 동시에 일어난다.

원문에서도 커서가 토글의 정확한 위치에 도착하도록 하고, 토글 안의 원이 이동 과정에서 늘어나지 않고 원형을 유지하도록 별도로 지정합니다.

이런 작은 조건 하나가 최종 영상의 완성도를 크게 바꿉니다.


6. 효과음까지 넣으면 UI 영상이 훨씬 자연스러워진다

UI 모션그래픽에서는 소리도 중요합니다.

예를 들어 다음과 같은 효과를 넣을 수 있습니다.

  • 커서 이동 : 가벼운 Whoosh
  • 토글 클릭 : Click
  • 버튼 클릭 : 조금 더 묵직한 Click
  • 완료 표시 : Pop

원문의 UI 예제에서도 커서 이동, 토글 변경, 버튼 클릭, 체크 표시 등장에 서로 다른 인터페이스 효과음을 사용합니다.

화면만 보면 단순히 움직이는 이미지처럼 보일 수 있습니다.

하지만 움직임과 정확하게 맞는 효과음이 들어가면 실제 인터페이스를 조작하는 느낌이 훨씬 강해집니다.


7. 제품 광고는 먼저 제품 레퍼런스부터 만든다

이제 더 복잡한 단계입니다.

제품 광고에서는 단순히 시작과 끝 이미지만 만드는 것으로 부족할 수 있습니다.

제품 자체의 모습이 계속 동일해야 하기 때문입니다.

이럴 때는 먼저 Product Sheet, 즉 제품 레퍼런스 이미지를 만듭니다.

예를 들어 초콜릿 광고라면 제품의 소재를 먼저 정의합니다.

  • 무광 종이 포장
  • 금박 로고
  • 유광 초콜릿
  • 흐르는 캐러멜

제품이 어떤 형태인지 먼저 확정합니다.

그다음 이 제품을 기준으로 스토리보드를 만듭니다.

원문에서도 초콜릿 바 제품을 먼저 만들고, 포장지·금박·초콜릿·캐러멜처럼 카메라에서 다르게 보이는 소재를 설정합니다. 이후 제품 시트가 모든 장면에서 제품의 외형을 유지하는 기준이 됩니다.


8. 제품 시트와 스토리보드의 역할은 다르다

제품 광고를 만들 때 두 가지 자료를 사용합니다.

Product Sheet

제품이 어떻게 생겼는지 알려줍니다.

Storyboard

영상이 어떤 순서로 진행되는지 알려줍니다.

둘의 역할이 다릅니다.

스토리보드에는 여러 장면이 한 화면에 들어가기 때문에 이것을 영상의 시작 프레임으로 사용하면 안 됩니다.

그렇게 하면 AI가 스토리보드 전체를 하나의 화면으로 인식해 여러 패널 자체를 움직일 수 있습니다.

원문에서도 제품 시트와 스토리보드는 레퍼런스로 사용하지만 시작 프레임으로 사용하지 않는 것을 강조합니다.

정리하면 다음과 같습니다.

Product Sheet

→ 제품 디자인 유지

Storyboard

→ 장면 순서 유지

Video Prompt

→ 움직임과 카메라 지정


9. 제품 광고에서는 카메라가 움직임을 만든다

간단한 모션그래픽에서는 카메라를 고정하는 것이 좋습니다.

하지만 제품 광고는 다릅니다.

제품이 크게 움직이지 않아도 카메라가 움직이면 역동적인 영상을 만들 수 있습니다.

원문의 마지막 예제도 빠르게 움직이는 카메라와 3D 렌더링을 활용합니다.

예를 들어 초콜릿 광고라면 다음과 같이 만들 수 있습니다.

카메라가 제품 포장 표면을 빠르게 스쳐 지나간다.

금박 로고 위를 지나며 빛이 반사된다.

카메라는 포장 안쪽으로 이동한다.

초콜릿이 갈라지면서 캐러멜이 늘어난다.

카메라는 캐러멜 사이를 통과한다.

마지막에는 전체 제품이 보이는 위치에서 멈춘다.

이렇게 하면 오브젝트가 복잡하게 움직이지 않아도 영상에 속도감을 만들 수 있습니다.


10. 카메라가 빠르게 움직일 때 텍스트는 멈춰야 한다

제품 광고에서 특히 주의할 것이 있습니다.

텍스트와 빠른 카메라 움직임을 동시에 사용하지 않는 것입니다.

카메라가 빠르게 움직이는 동안 글자를 유지하려고 하면 텍스트가 쉽게 깨질 수 있습니다.

따라서 브랜드명이나 중요한 문구를 보여줘야 할 순간에는 카메라가 잠시 멈추도록 설계합니다.

원문의 마지막 제품 광고도 전체 영상에서 카메라가 거의 계속 움직이지만 텍스트를 보여줘야 하는 두 순간만 정지하도록 설계합니다.

다시 말해,

움직일 때는 움직임에 집중하고, 읽어야 할 때는 잠시 멈추는 것입니다.


GPT 5.6 Sol에서 사용할 모션그래픽 마스터 프롬프트

아래 프롬프트를 기본으로 사용할 수 있습니다.

Higgsfield를 사용해서 모션그래픽을 제작하려고 한다.

바로 영상을 생성하지 말고
먼저 전체 제작 과정을 설계해줘.

다음 순서로 진행한다.

1. 콘텐츠 목적 분석
2. 디자인 콘셉트 결정
3. 필요한 이미지 프레임 수 결정
4. 시작 이미지 제작
5. 필요한 경우 중간 이미지 제작
6. 완성 이미지 제작
7. 영상 움직임 설계
8. Higgsfield 영상 생성 프롬프트 작성

다음 규칙을 반드시 지킨다.

모든 프레임에서 변경할 필요가 없는 요소를 먼저 정의한다.

배경색
조명
질감
카메라 위치
제품 디자인
글꼴
그래픽 스타일은 동일하게 유지한다.

각 프레임에서는 필요한 요소만 변경한다.

텍스트는 영상 생성 단계에서 새로 만들지 않는다.

가능하면 이미지 단계에서 텍스트를 완성한 뒤
그 이미지를 기준으로 애니메이션한다.

단순한 등장 애니메이션은
시작 이미지와 완성 이미지 2장을 사용한다.

오브젝트가 이동하거나 형태가 크게 변한다면
중간 이미지를 추가한다.

복잡한 UI나 단계별 변화가 필요한 경우
상태별 이미지를 여러 장 제작한다.

제품 광고라면
먼저 제품 레퍼런스 시트를 만든다.

그 다음 스토리보드를 제작한다.

제품 시트는 제품의 디자인을 유지하는 용도로 사용하고
스토리보드는 장면 순서를 지정하는 용도로 사용한다.

스토리보드 이미지를
영상의 시작 프레임으로 사용하지 않는다.

빠른 카메라 움직임이 필요한 영상에서는
중요한 텍스트가 등장하는 순간 카메라를 멈춘다.

마지막으로
각 프레임을 제작하기 위한 이미지 프롬프트와
최종 영상을 만들기 위한 Higgsfield 프롬프트를
각각 작성해줘.

GPT + Higgsfield 모션그래픽에서 기억해야 할 4가지

복잡해 보이지만 원리는 네 가지로 정리할 수 있습니다.

첫째, 영상을 바로 만들지 않습니다.

먼저 이미지를 만듭니다.

둘째, 변하지 않을 요소를 고정합니다.

배경, 조명, 디자인이 이미지마다 바뀌지 않게 합니다.

셋째, 움직임이 복잡하면 이미지를 추가합니다.

Start → End로 부족하다면 Middle Frame을 추가합니다.

더 복잡하면 상태별 이미지를 여러 장 만듭니다.

넷째, 영상 모델에는 움직임을 맡깁니다.

디자인과 텍스트는 이미지에서 최대한 완성하고, 영상 모델은 그 사이의 움직임을 만드는 데 집중하게 합니다.

원문의 전체 제작 방식도 마지막에는 한 문장으로 정리됩니다.

이미지를 먼저 만들고, 그 이미지 사이를 애니메이션합니다.


AI 영상 생성이라고 하면 흔히 한 줄 프롬프트를 입력하고 완성된 영상이 한 번에 나오는 모습을 떠올립니다.

하지만 모션그래픽은 오히려 반대로 접근하는 것이 좋습니다.

한 번에 많은 것을 맡기기보다 완성 상태를 이미지로 하나씩 만들어 AI가 판단해야 할 범위를 줄이는 것입니다.

간단한 모션그래픽이라면 이미지 두 장으로 시작합니다.

움직임이 있으면 중간 이미지를 추가합니다.

UI라면 각 상태별 이미지를 만듭니다.

제품 광고라면 제품 레퍼런스와 스토리보드를 먼저 만듭니다.

그리고 마지막에 Higgsfield가 그 이미지 사이를 움직이게 합니다.

이 방식만 익혀도 기존에 전문 모션그래픽 프로그램으로 만들던 여러 형태의 콘텐츠를 훨씬 쉽게 시도할 수 있습니다.


댓글을 남겨주세요

Round-verified SVG Icon

제이원

🚀 1인 워드프레스 비즈니스 전문가
🎓 워프센스 대표 · AI·워드프레스 수익화 강사
🏢 서울시 50플러스 · 경기도 IT새일센터 강사
🛠 IT·웹개발·기획 25년+ 고인물

워프센스 뉴스레터

어디에서도 쉽게 들을 수 없는,
워드프레스와 AI 바이브 코딩 1인 온라인 사업 관련
1,720 + 이상 구독하고 계십니다.
자세히 >>>

1줄 뉴스레터 가입폼

절대 스팸을 보내지 않습니다.
구독은 언제든지 취소할 수 있습니다.