# Click Type: 프롬프트 입력 애니메이션

커서가 프롬프트 상자를 클릭하면 메시지가 입력됩니다. 동영상 템플릿. Claude용 코드를 복사하거나 Subclip에서 편집하세요.

Canonical URL: https://www.subclip.app/ko/motion-graphics-templates/remotion/click-type

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-click-type.mp4?v=f0b9700819

커서가 입력란을 클릭하는 동안 안내 문구가 저절로 써지고, 이어서 입력창 클로즈업으로 컷되어 프롬프트가 타이핑되는 유리 질감 프롬프트 박스입니다.

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

부드러운 파란 그라데이션 위 반투명 프롬프트 박스로 시작합니다. 둥근 전송 버튼이 있고 안내 문구가 저절로 써집니다. 커서가 화면 가장자리에서 날아와 입력란을 클릭합니다. 이어서 화면이 박스 클로즈업으로 하드 컷되고, "Build me a marketing..." 같은 실제 프롬프트가 커서 위치에서 타이핑되며 아래에 작은 힌트 문구가 보입니다. 입력이 끝나면 전송 버튼이 활성화됩니다. 길이는 약 3.5초입니다.

안내 문구, 프롬프트, 입력란 아래 힌트를 직접 쓰고, 전송 버튼에 쓰이는 강조 색을 정할 수 있습니다. 라이트 모드와 다크 모드를 전환하고 재생 속도를 편집에 맞추세요. AI 제품 데모의 시작, 워크플로의 첫 단계, 결과 화면으로 넘어가기 전 프롬프트를 보여 주는 장면에 쓰기 좋습니다.

## 이럴 때 쓰세요

- AI 앱 데모 오프닝
- 워크플로 튜토리얼의 첫 단계
- 결과 공개 전 프롬프트 장면

## 바꿀 수 있는 항목

- `speed`: 재생 속도 (숫자)
- `placeholder`: 안내 문구 (텍스트)
- `prompt`: 프롬프트 텍스트 (텍스트)
- `hint`: 힌트 문구 (텍스트)
- `accentColor`: 강조 색 (색상)
- `mode`: 라이트 또는 다크 모드 (텍스트)
- `stageBackground`: 장면 주변 배경 (텍스트)

## 이 템플릿 사용 방법

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

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