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

제품 UI, 폰, 차트, 파티클

점에서 시작해 터미널, 우주, 모바일로 이어지는 Sahi 트레이딩 애니메이션

검은 화면의 점 하나에서 Sahi 트레이딩 터미널의 창들이 펼쳐지고, 카메라가 물러나 데스크톱을 점으로 만든 뒤 가로 모드 모바일 화면으로 다시 들어가는 애니메이션 프롬프트입니다.

Full Prompt 결과물

Full Prompt로 RAISE LAB 이 직접 만든 결과물입니다. (Claude Opus 5.5 사용)

렌더 모델 Opus 5.5추론 노력 높음(high)

Full Prompt

원문 프롬프트를 강화하여 결과에 좀 더 의도성을 반영한 프롬프트입니다.

  • 길이를 15초로 정하고 96 BPM, 6마디로 나눠 마디마다 장면과 기법을 하나씩 배정했습니다.
  • 원문의 막연한 표현(숨이 멎을 만큼, 시각적으로 압도적)을 줌 하나의 카메라 언어와 컷 없는 변형 연결로 바꿨습니다.
  • 서체는 Pretendard, 화면 글자는 한국어, 색은 초록·빨강·파랑과 흑백으로 못 박았습니다.
  • 원문에 없던 금지 목록(글로우, 크로스페이드, 바운스 이징 등)과 가상 데이터 사용 원칙을 넣었습니다.
  • 자바스크립트라는 요구는 window.seek(t) 기반 HTML 한 파일로 구체화했고, 끝 문구가 점으로 접혀 첫 프레임과 맞물리도록 했습니다.
15초짜리 모션그래픽을 만든다. 목표는 Sahi 트레이딩 터미널이 점 하나에서 데스크톱으로, 데스크톱이 다시 점으로, 그 점이 가로 모드 모바일 화면으로 이어지는 과정을 하나의 생각으로 보여 주는 것이다.
콘셉트: 「점 하나가 화면이 되고, 화면이 다시 점이 된다」. 검은 화면의 점 하나에서 시작해 창 네 개(차트, 포지션, 옵션 체인, 관심종목)가 그 점에서 펼쳐진다. 카메라 언어는 줌 하나뿐이며 여러 배율로 들어갔다 나온다. 데스크톱 전체가 점이 될 만큼 물러난 뒤 그 점에서 다시 들어가 가로 모드 모바일 화면을 드러낸다. 왼쪽 절반은 차트, 오른쪽 절반은 옵션 체인이다. 모든 장면은 앞 장면에서 변형돼 나오고 컷은 없다. 숫자와 캔들은 그럴듯한 가상 데이터로 하고 실제 시세처럼 보이게 꾸미지 않는다.
타이포와 색: 서체는 Pretendard 한 종만. 화면 글자는 전부 한국어(차트, 포지션, 옵션 체인, 관심종목)이고 브랜드명 SAHI만 영문. 색은 초록, 빨강, 파랑 세 가지와 흑백만.
금지: 파티클 폭발, 글로우, 렌즈 플레어, 카메라 흔들림, RGB 분리, 크로스페이드, 범용 그라디언트, 바운스 이징, 0.5초 넘게 멈춘 화면.
박자: 96 BPM, 한 마디 2.5초, 모두 6마디. 마디마다 기법 하나: 점의 탄생, 창의 전개, 줌 인, 줌 아웃, 점으로의 후퇴와 모바일 등장, 마무리 문구 「싱글 스크린 트레이딩, SAHI」. 마지막은 문구가 점 하나로 접혀 첫 프레임과 같아진다.
빌드 방법: 1920x1080 HTML 한 파일, 모든 상태는 window.seek(t) 안에서 시간의 함수로. CSS 애니메이션과 타이머는 쓰지 않는다.
검토: 본 렌더 전에 0.5초 간격 스틸로 겹침, 빈 프레임, 박자 어긋남, 가독성을 확인하고 고친다.
시작: 먼저 박자별 스토리보드를 적고, 묻지 말고 바로 만든다.

원문 프롬프트

create a self contained aesthetically pleasing, breathtaking animation of the Sahi Trading Terminal. it should start with a single dot on a black screen and then have multiple windows show up on the screen such as Charts, Positons , Option Chain, Watchlist. And zoom into and out at multiple scales. Finally the camera zooms out to make the desktop look like a point in space. And then it zooms back in to reveal a mobile screen in landscape mode with a chart in one half and an option chain in another. The video ends in Sjngle Screen Trading on SAHI
use javascript for it. be detailed and accurate. it should be visually stunning

출처Dale Vaz @dale_vaz (새 탭에서 열림)Opus 5.5

한국어 번역

Sahi 트레이딩 터미널을 담은, 단독으로 실행되는 보기 좋고 숨이 멎을 만큼 아름다운 애니메이션을 만들어라. 검은 화면의 점 하나에서 시작해, 차트, 포지션, 옵션 체인, 워치리스트 같은 여러 창이 화면에 나타나야 한다. 그리고 여러 배율로 확대와 축소를 한다. 마지막에는 카메라가 멀어져 데스크톱이 우주 속 한 점처럼 보이게 한다. 이어서 다시 확대해 가로 모드의 모바일 화면을 드러내는데, 한쪽 절반에는 차트, 다른 절반에는 옵션 체인이 있다. 영상은 SAHI의 싱글 스크린 트레이딩(Single Screen Trading on SAHI)으로 끝난다. 이를 위해 자바스크립트를 써라. 자세하고 정확하게 만들고, 시각적으로 압도적이어야 한다.