본문으로 건너뛰기
RAISE LAB
← 목록으로

제품 UI, 코드

Lism CSS 1.0 릴리스를 알리는 15초 모션그래픽 영상

Lism CSS 1.0 릴리스를 SNS에 알리기 위해, 모션 디자이너로서의 실력을 보여 주는 심플하면서 역동적인 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초짜리 모션그래픽 영상을 만든다. Lism CSS 1.0 릴리스를 알리는 SNS용 영상이며, 목표는 기법의 나열이 아니라 「레이아웃이 한 번에 정리된다」는 하나의 인상을 남기는 것이다.
콘셉트: 「네모 하나가 레이아웃이 된다」. 화면 한가운데 네모 하나에서 시작해 나뉘고, 쌓이고, 늘어서며 격자가 된다. 모든 장면은 앞 장면에서 변형돼 나오고 컷은 없다. 마지막에는 다시 네모 하나로 돌아와 제품명과 1.0이 드러난다.
타이포와 색: 서체는 Pretendard 한 종만 쓴다. 화면 글자는 한국어로 하되 제품명 Lism CSS와 버전 1.0만 예외로 한다. 색은 세 가지 이내와 흑백만 쓴다.
금지: 파티클 폭발, 글로우, 렌즈 플레어, 카메라 흔들림, RGB 분리, 크로스페이드, 범용 그라디언트, 바운스 이징, 0.5초 넘게 멈춘 화면.
박자: 128 BPM, 한 마디는 약 1.875초이고 8마디가 15초다. 박마다 무엇인가 바뀌고, 마디마다 기법은 하나만 쓴다. 첫 프레임과 마지막 프레임을 같게 맞춘다.
빌드 방법: 1920x1080 HTML 한 파일로 만들고, 모든 상태는 window.seek(t) 안에서 시간의 함수로 계산한다. CSS 애니메이션과 타이머는 쓰지 않는다.
검토: 본 렌더 전에 0.5초 간격 스틸로 겹침, 빈 프레임, 박자 어긋남, 가독성을 확인하고 고친다.
시작: 먼저 마디별 스토리보드를 적고, 묻지 말고 바로 만든다.

원문 프롬프트

Lism CSS ver.1.0 をリリースする時にSNSに動画を投稿したい。あなたがどれほど素晴らしいモーションデザイナーかを示す、シンプルかつダイナミックさもある15秒のモーショングラフィックスビデオを作成してください。

출처了@Lism @ddryo_loos (새 탭에서 열림)Opus 5.5

한국어 번역

Lism CSS ver.1.0 를 릴리스할 때 SNS에 동영상을 게시하고 싶습니다. 당신이 얼마나 훌륭한 모션 디자이너인지를 보여 주는, 심플하면서도 다이내믹함도 있는 15초짜리 모션그래픽 비디오를 만들어 주세요.