아트·모션 실험 / MOTION STUDY

15초 모션 쇼릴

도형의 크기와 위치, 글자 등장 시점을 바꾸어 짧은 시간 안에 움직임의 개성을 보여줍니다.

원본 보기 ↗

원본 영상 · 무음으로 자동 재생됩니다. 소리는 영상의 음량 버튼으로 켤 수 있습니다.

원본에서 보기 ↗

자료 상태원문 프롬프트

실행·재현미검증

MP4 출력미검증

자료 확인일2026-10-07

수집한 작품입니다. 이 안내로 같은 결과를 재현했거나 영상 파일 출력을 확인했다는 뜻은 아닙니다. 브라우저 애니메이션과 MP4 영상 출력은 별도로 확인해야 합니다.

어떤 원리로
움직일까요?

요청문을 바탕으로 제안하는 구현 방법입니다. 도형의 크기와 위치, 글자 등장 시점을 바꾸어 짧은 시간 안에 움직임의 개성을 보여줍니다.

자료에 표시된 도구Canvas

Canvas는 웹페이지 안의 도화지입니다. 코드로 점과 선을 반복해서 그리면 움직이는 화면이 됩니다.

공개 자료에서 확보한 원문 요청문입니다.

make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out.

추가 공개 원문

추가 공개 자료에서 확보한 요청문 원문입니다. 기존 수집 원문과 별도로 표시하며, 라이브러리가 새로 만든 요청문이 아닙니다. 제작자 게시물과의 독립 대조는 미확인입니다.

make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out.

공개 자료 확인 ↗

이제,
내 버전으로.

소재와 조건을 바꾸면 실행에 쓸 요청문이 완성됩니다.

만들 대상영상 길이 (초)분위기핵심 문구브랜드 색상사용 도구

내 프로젝트 요청문

입력 내용이 바로 반영됩니다.

다음은 원문을 바탕으로 새로 작성한 적용 요청문입니다.

만들 대상: 내 서비스 소개
참고할 효과: 15초 모션 쇼릴
길이: 15초
화면 비율: 16:9 (필요하면 세로형으로 조정)
핵심 문구: 반복 업무를 줄이세요
색상: 검정, 흰색
제공 자료: 아래 준비할 자료 목록을 확인하고, 없는 파일은 먼저 요청해 주세요.

도형의 크기와 위치, 글자 등장 시점을 바꾸어 짧은 시간 안에 움직임의 개성을 보여줍니다.

소개·대표 작업·마무리의 세 장면으로 나눕니다.
색상 두 개와 글꼴 한 개를 정하고 먼저 정지 화면을 만듭니다.
선택한 길이에 맞춰 장면별 시간을 배분한 뒤 움직임을 추가합니다.
먼저 장면별 정지 화면을 보여 주세요. 확인 후 움직임을 추가하고, 실행 방법과 수정할 파일을 설명해 주세요. 브라우저 데모와 영상 파일 출력은 따로 확인해 주세요. 유료 서비스가 필요하면 실행 전에 비용을 알려 주세요.

[참고 작품]
제목: 15초 모션 쇼릴
핵심 효과: 도형의 크기와 위치, 글자 등장 시점을 바꾸어 짧은 시간 안에 움직임의 개성을 보여줍니다.
원본: https://x.com/ajith_io/status/2103449416325890146
참고 구현 기술: Canvas

[내 프로젝트 조건]
만들 대상: 내 서비스 소개
목표 길이: 15초
분위기: 절제된 제품 광고
핵심 문구: 반복 업무를 줄이세요
브랜드 색상: 검정, 흰색
사용 도구: Claude Code

[결과 요구사항]
1. 필요한 파일과 설치 과정을 먼저 알려 주세요.
2. 핵심 효과를 구현한 뒤 글자, 색상, 속도를 쉽게 바꿀 수 있게 해 주세요.
3. 브라우저에서 실행되는 결과를 먼저 확인해 주세요.
4. MP4 출력은 별도 단계입니다. 출력 도구와 해상도, 프레임 수, 파일 생성 여부를 확인하고, 지원하지 않으면 정확히 알려 주세요.
5. 직접 실행하지 않은 항목은 검증 완료로 표시하지 마세요.

[준비할 자료]
- 보여줄 작업 3개와 한 줄 소개
- 사용 권한이 있는 로고

[실행 및 확인 순서]
1. 소개·대표 작업·마무리의 세 장면으로 나눕니다.
2. 색상 두 개와 글꼴 한 개를 정하고 먼저 정지 화면을 만듭니다.
3. 선택한 길이에 맞춰 장면별 시간을 배분한 뒤 움직임을 추가합니다.

[작품별 확인 사항]
- 작업 이름을 읽을 시간이 충분한지 확인합니다.
- 마지막 화면이 갑자기 잘리지 않는지 확인합니다.
- 브라우저 재생과 MP4 파일 출력을 각각 확인합니다.

[문제 해결]
- 화면이 복잡하면 동시에 움직이는 요소를 하나로 줄여 달라고 요청합니다.

[수정 요청문]
핵심 효과가 잘 드러나지 않습니다. 현재 결과와 요청 조건의 차이를 확인하고, 동작 타이밍과 화면 구성을 한 항목씩 수정해 주세요. 수정 후 실행 결과를 다시 확인해 주세요.

실행할 때 확인할 것

작업 이름을 읽을 시간이 충분한지 확인합니다.
마지막 화면이 갑자기 잘리지 않는지 확인합니다.
브라우저 재생과 MP4 파일 출력을 각각 확인합니다.

결과가 예상과 다를 때

화면이 복잡하면 동시에 움직이는 요소를 하나로 줄여 달라고 요청합니다.