막대가 자라나는 UI 모션

발표 자료나 로딩 화면에 활용하기 좋은 간결한 모션이에요.

GPT Image 2.6 Images2.6 GIF 애니메이션 스프라이트 이미지 반복 애니메이션

작성 포인트

✍️ 막대가 한꺼번에 올라가는 것보다 순서를 두고 올라가는 편이 보기 좋아요. 모션 디자인의 기본이에요. 모델이 데이터를 지어내지 않도록 숫자는 넣지 않았어요. 타이밍을 정확하게 조절하려면 CSS나 Lottie가 더 적합해요.

전체 프롬프트

📋 프롬프트 자연어

6프레임 UI 모션 스프라이트 시트를 만들어 주세요. 512x512 크기의 동일한 셀을 3열 2행으로 배치하고 깨끗한 흰색 배경을 사용해 주세요. 주인공은 둥근 모서리의 플랫 카드로, 안에는 하나의 고정된 기준선 위에 청록색 둥근 막대 4개가 놓인 단순한 막대그래프가 있어요. 막대는 순서를 두고 올라가요: 모두 낮은 상태, 첫 번째 막대가 높아진 상태, 앞의 두 막대가 높아진 상태, 세 막대가 높아진 상태, 모두 높아진 상태, 다시 낮아지는 상태. 카드, 기준선, 막대 너비는 모든 셀에서 완전히 같게 유지해 주세요. 간격은 일정하게, 축 레이블은 없이 표현해 주세요. 셀 사이의 격자선, 숫자, 텍스트, 로고는 넣지 마세요.

AI 창작 시작하기