# Button Press: 버튼 클릭 애니메이션

커서가 버튼을 누르면 스피너와 체크 표시가 시작됩니다. 동영상 템플릿. Claude용 코드를 복사하거나 Subclip에서 편집하세요.

Canonical URL: https://www.subclip.app/ko/motion-graphics-templates/remotion/button-press

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-button-press.mp4?v=01f7476931

커서가 파란 분할 버튼 위에 올라가면 버튼이 어두워지고 눌린 뒤, 대기 상태의 스피너를 거쳐 체크 표시로 끝나는 장면입니다.

- 프레임워크: Remotion
- 카테고리: 클릭
- 길이: 4초
- 화면 비율: 16:9 가로
- 코드: 코드 받기(무료 로그인): https://www.subclip.app/ko/motion-graphics-templates/remotion/button-press

밝은 화면 가운데에 파란 분할 버튼 하나가 놓여 있습니다. 라벨, 얇은 구분선, 작은 화살표로 이루어진 버튼입니다. 커서가 다가오면 버튼이 어두워지고, 클릭과 함께 살짝 눌립니다. 라벨은 "Deploying..." 같은 대기 상태로 바뀌며 작은 스피너가 돌고, 이어서 체크 표시가 그려지며 완료 라벨로 마무리됩니다. 길이는 4초를 조금 넘습니다.

대기 전, 진행 중, 완료 세 가지 상태의 라벨을 직접 쓸 수 있습니다. 배포, 게시, 보내기 같은 문구를 넣고, 긴 단어도 들어가도록 버튼 너비를 조정하세요. 라이트 모드와 다크 모드를 전환하고 재생 속도를 편집 템포에 맞출 수 있습니다. 출시 영상의 배포나 게시 순간, 튜토리얼 단계, 분명한 행동 유도가 필요한 제품 데모에 잘 맞습니다.

## 이럴 때 쓰세요

- 배포와 게시 순간
- 데모 속 전송과 제출 장면
- 튜토리얼의 행동 유도

## 바꿀 수 있는 항목

- `speed`: 재생 속도 (숫자)
- `label`: 버튼 라벨 (텍스트)
- `pending`: 진행 중 라벨 (텍스트)
- `done`: 완료 라벨 (텍스트)
- `width`: 버튼 너비 (숫자)
- `mode`: 라이트 또는 다크 모드 (텍스트)
- `stageBackground`: 장면 주변 배경 (텍스트)

## 이 템플릿 사용 방법

1. Mac 또는 Windows용 Subclip을 내려받으세요. 이 페이지의 모든 템플릿이 미리 설치되어 있습니다.
2. 템플릿 패널을 열고 Button Press을(를) 골라 타임라인에 끌어다 놓으세요.
3. 레이어 설정에서 텍스트, 색상, 타이밍을 바꾸거나 AI 에이전트에게 수정을 맡기세요.
4. 영상을 내보내거나, 코드를 내려받아 내 프로젝트에서 템플릿을 사용하세요.

snapcn의 Button Press을(를) 바탕으로 제작: https://snapcn.dev