제품 UI, 키네틱 타입
내 웹사이트를 위한 15초 모션 디자이너 쇼릴
웹사이트 주소를 넣으면 모션 디자이너로서의 실력을 보여 주는 15초짜리 역동적인 모션그래픽 영상을 만들게 하는 짧은 프롬프트입니다.
Full Prompt 결과물
Full Prompt로 RAISE LAB 이 직접 만든 결과물입니다. (Claude Opus 5.5 사용)
렌더 모델 Opus 5.5추론 노력 높음(high)
Full Prompt
원문 프롬프트를 강화하여 결과에 좀 더 의도성을 반영한 프롬프트입니다.
- 원문이 맡겨 둔 「역동적」이라는 말을 「사각형 하나가 계속 변형된다」는 하나의 콘셉트로 정했습니다.
- 서체는 Pretendard 한 종, 색은 검정·흰색·주황 하나로 정했고 화면 글자는 한국어로 못박았습니다.
- 파티클 폭발, 글로우, 크로스페이드 같은 흔한 연출을 금지 목록으로 적었습니다.
- 128 BPM에 8마디로 15초를 딱 맞추고, 마디마다 기법 하나를 배정했습니다.
- 1920x1080 HTML 한 파일과 window.seek(t) 방식으로 만드는 방법, 0.5초 간격 스틸 검토를 추가했습니다.
- 스토리보드를 적은 뒤 묻지 않고 바로 만들도록 시작 방식을 정했습니다.
15초짜리 모션그래픽 영상을 만든다. 목표는 보는 사람이 「이 사이트를 만든 사람은 모션 디자이너로서 믿을 만하다」고 느끼게 하는 것이다. 기법의 나열이 아니라 하나의 생각으로 남아야 한다. 대상 사이트의 이름과 주소는 사용자가 알려 준 것을 쓴다. 콘셉트: 「사각형 하나가 사이트의 모든 화면이 된다」. 첫 장면의 사각형이 늘어나 표가 되고, 표가 선이 되고, 선이 글자가 된다. 모든 장면은 앞 장면에서 변형돼 나온다. 컷도 페이드도 없다. 타이포와 색: 서체는 Pretendard 한 종만. 화면 글자는 전부 한국어(사이트 주소만 영문 그대로). 색은 검정 배경, 흰색, 포인트 색 하나(주황 #FF5A1F)로 한정한다. 금지: 파티클 폭발, 글로우, 렌즈 플레어, 카메라 흔들림, RGB 분리, 크로스페이드, 범용 그라디언트, 바운스 이징, 0.5초 넘게 멈춘 화면. 박자: 128 BPM, 8마디가 정확히 15초. 박마다 무엇인가 바뀐다. 한 마디에 기법 하나(이동, 크기, 마스크, 회전, 선 그리기, 글자 쪼개기, 색 반전, 복귀). 7마디에 사이트 주소가 나타나고 마지막 마디에 사각형으로 돌아가, 첫 프레임과 마지막 프레임이 같은 구도가 되게 한다. 빌드 방법: 1920x1080 HTML 한 파일, 모든 상태는 window.seek(t) 안에서 시간의 함수로 계산한다. CSS 애니메이션과 타이머는 쓰지 않는다. 검토: 본 렌더 전에 0.5초 간격 스틸 31장으로 겹침, 빈 프레임, 박자 어긋남, 가독성을 확인하고 고친다. 시작: 먼저 마디별 스토리보드를 적고, 묻지 말고 바로 만든다.
원문 프롬프트
make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are for <website url>
출처Melvyn • Builder @melvynx (새 탭에서 열림)Opus 5.5
한국어 번역
[웹사이트 URL]을(를) 위해, 당신이 얼마나 뛰어난 모션 디자이너인지 보여 주는 역동적인 15초짜리 모션그래픽 영상을 만들어 줘.