# Keystroke: 키보드 단축키 오버레이

단축키마다 3D 키캡이 올라와 보조 키를 누른 채 실제 순서대로 눌리고, 다시 튀어 오른 뒤 사라집니다. 동영상 템플릿. Claude용 코드를 복사하거나 Subclip에서 편집하세요.

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-keystroke.mp4?v=90da95af14

화면 아래쪽의 실물 같은 키캡이 각 단축키를 올바른 순서로 누르고, 눌린 동안 빛나며, 이후 다시 튀어 오릅니다.

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

밝은 회색 화면 아래쪽에 오프화이트 키캡이 올라와 ⌘K를 누릅니다. 먼저 ⌘ 키가 내려가고, 그 상태로 K가 눌리며, 키가 눌린 동안 글자가 파랗게 바뀐 뒤 다시 튀어 오릅니다. 이어서 G와 I가 순서대로, 마지막으로 ⇧⌘P가 눌리며, 새 단축키가 나올 때마다 이전 단축키는 뒤로 물러나며 흐려집니다. 잠시 멈춘 뒤 키캡이 사라집니다. 약 6초 동안 재생됩니다.

Mac 기호와 Windows 키 이름을 전환하고, 라이트 또는 다크 테마를 고르고, 악센트 색상, 키캡 크기, 마지막 키 이후 남아 있는 시간, 줄의 위치와 함께 재생 속도와 배경도 변경할 수 있습니다. 소프트웨어 튜토리얼, 키보드 중심 제품 데모, 생산성 팁, 개발자 도구 화면 녹화에 사용하세요.

## 이럴 때 쓰세요

- 소프트웨어 튜토리얼
- 키보드 중심 제품 데모
- 생산성 팁
- 개발자 도구 화면 녹화

## 바꿀 수 있는 항목

- `speed`: 재생 속도 (숫자)
- `platform`: 플랫폼 (텍스트)
- `theme`: 테마 (텍스트)
- `accent`: 악센트 색상 (색상)
- `size`: 키캡 크기 (숫자)
- `linger`: 마지막 키 이후 유지(프레임) (숫자)
- `x`: 수평 위치 (숫자)
- `y`: 수직 위치 (숫자)
- `stageBackground`: 현장 주변의 배경 (색상)

## 이 템플릿 사용 방법

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

remocn의 Keystroke을(를) 바탕으로 제작: https://remocn.dev