제품 UI, 사진
사각형 하나가 사이트로 변하는 15초 광고 모션
사이트 광고용 모션 디자인 프롬프트를 요청한 원문을 바탕으로, 사각형 하나가 브라우저 창과 버튼, 결과 카드로 이어지며 사이트 이름에 닿는 15초 광고 영상을 만들도록 정리했습니다.
Full Prompt 결과물
Full Prompt로 RAISE LAB 이 직접 만든 결과물입니다. (Claude Opus 5.5 사용)
렌더 모델 Opus 5.5추론 노력 높음(high)
Full Prompt
원문 프롬프트를 강화하여 결과에 좀 더 의도성을 반영한 프롬프트입니다.
- 원문에 없던 길이를 15초로, 박자를 96 BPM 6마디로 정했습니다.
- 「사각형 하나가 사이트가 된다」는 콘셉트를 정해 장면이 앞 장면에서 변형되어 이어지게 했습니다.
- 서체는 Pretendard 한 종, 색은 남색·흰색·강조색 하나로 제한하고 화면 글자는 한국어로 못 박았습니다.
- 사이트 이름과 한 줄 약속은 변수로 분리해 어느 사이트에도 글자만 바꿔 쓸 수 있게 했습니다.
- 마디마다 기법 하나를 배정하고, 첫 프레임과 끝 프레임을 일치시켜 반복 재생을 고려했습니다.
- 1920x1080 HTML 한 파일, window.seek(t) 구조와 0.5초 간격 스틸 검토 절차를 명시했습니다.
15초짜리 사이트 광고 모션그래픽을 만든다. 목표는 기능 목록이 아니라 「이 사이트에서는 일이 한 걸음에 끝난다」는 인상 하나를 남기는 것이다. 사이트 이름과 한 줄 약속은 자리표시자 문구로 두고, 코드 맨 위 변수 두 개로 분리해 나중에 글자만 바꿔 끼울 수 있게 한다.
콘셉트: 「사각형 하나가 사이트가 된다」. 화면 한가운데 작은 사각형이 늘어나 브라우저 창이 되고, 창 안의 선이 입력 칸과 버튼이 되고, 버튼이 눌리면 결과 카드로 변한다. 카드가 줄어들어 사이트 이름 자리에 닿으며 끝난다. 모든 장면은 앞 장면에서 변형돼 나온다. 컷도 페이드도 없다.
타이포와 색: 서체는 Pretendard 한 종만. 화면 글자는 전부 한국어. 색은 짙은 남색, 흰색, 강조색 하나, 이 세 가지와 흑백만 쓴다. 카메라 언어는 정면 고정 하나.
금지: 파티클 폭발, 글로우, 렌즈 플레어, 카메라 흔들림, RGB 분리, 크로스페이드, 범용 그라디언트, 바운스 이징, 0.5초 넘게 멈춘 화면.
박자: 96 BPM, 6마디(마디당 2.5초). 박마다 무엇인가 바뀐다. 마디별 기법은 하나씩: 1 크기 변형, 2 마스크 와이프, 3 선 그리기, 4 숫자 세기, 5 위치 이동, 6 수렴. 첫 프레임과 마지막 프레임을 같게 해서 반복 재생해도 이어지게 한다.
빌드 방법: 1920x1080 HTML 한 파일. 모든 상태는 window.seek(t) 안에서 시간의 함수로 계산한다. CSS 애니메이션과 타이머는 쓰지 않는다.
검토: 본 렌더 전에 0.5초 간격 스틸을 뽑아 겹침, 빈 프레임, 박자 어긋남, 글자 가독성을 확인하고 고친다.
시작: 먼저 마디별 스토리보드를 적고, 묻지 말고 바로 만든다.원문 프롬프트
create a motion design prompt for an ad for our site출처Josip @l3d1c (새 탭에서 열림)Opus 5.5
한국어 번역
우리 사이트 광고용 모션 디자인 프롬프트를 만들어 줘.