# Search Typing: 검색창 애니메이션

카메라는 넓은 검색 필드에서 쿼리를 따릅니다. Subclip에서 편집하는 동영상 템플릿.

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-search-typing.mp4?v=9737c498d0

앞으로 이동하는 프레임보다 큰 넓은 검색 필드는 자연스럽게 일시 중지된 쿼리를 입력하고 텍스트를 따라 이동한 다음 뒤로 물러납니다.

- 프레임워크: Remotion
- 카테고리: AI 채팅 입력
- 길이: 7초
- 화면 비율: 16:9 가로
- 코드: 코드 받기(무료 로그인): https://www.subclip.app/ko/motion-graphics-templates/remotion/search-typing

장면은 장면보다 더 넓은 둥근 검색 필드에서 열리고 밝은 배경에서 약 2/3가 보입니다. 그런 다음 필드는 카메라에 더 가까이 이동하고 단어 사이와 구두점 뒤에 사람이 잠시 멈추는 방식으로 쿼리 유형이 왼쪽 절반을 가로지릅니다. 텍스트가 가장자리에 도달하면 뷰가 오른쪽 절반으로 이동하여 선을 마무리하고 잠시 유지한 다음 뒤로 당깁니다. 약 7초 동안 실행됩니다.

쿼리를 작성하고 타이핑 속도, 인간화된 리듬, 단어 및 구두점 일시 중지 및 시작 지연을 설정할 수 있습니다. 별도의 제어 장치로 앞으로 이동, 팬, 홀드 및 풀백 시간을 측정하고 필드가 앞으로 얼마나 멀리 나아가고 프레임에 얼마나 머무르는지를 제어합니다. 캐럿 스타일, 깜박임 속도, 표면, 아이콘, 글꼴 두께, 모드 및 글꼴을 모두 조정할 수 있습니다. AI 검색 및 명령 팔레트 데모에 사용하세요.

## 이럴 때 쓰세요

- AI 검색 제품 데모
- 명령 팔레트 연습
- 비디오 시작 부분에 질문 고리가 있습니다.

## 바꿀 수 있는 항목

- `speed`: 재생 속도 (숫자)
- `text`: 텍스트 검색 (텍스트)
- `charsPerSecond`: 타이핑 속도 (숫자)
- `humanize`: 자연스러운 타이핑 리듬 (숫자)
- `wordPause`: 단어 사이에 잠시 멈춤 (숫자)
- `punctuationPause`: 구두점 다음에 일시정지 (숫자)
- `startDelay`: 시작 지연 (숫자)
- `dollyDuration`: 앞으로 이동 기간 (숫자)
- `panDuration`: 팬 지속 시간 (숫자)
- `holdAfter`: 입력 후 잠시 기다리기 (숫자)
- `recedeDuration`: 풀백 기간 (숫자)
- `dolly`: 앞으로 이동 금액 (숫자)
- `fieldHeight`: 필드 높이 (숫자)
- `frontVisible`: 보이는 필드 부분 (숫자)
- `edgeInset`: 가장자리 삽입 (숫자)
- `caretBlinksPerSecond`: 캐럿 깜박임 속도 (숫자)
- `caret`: 캐럿 스타일 (켜기/끄기)
- `surface`: 필드 표면 (텍스트)
- `mode`: 밝거나 어두운 모드 (텍스트)
- `icon`: 검색 아이콘 (텍스트)
- `fontWeight`: 글꼴 두께 (숫자)
- `seed`: 무작위 변형 (텍스트)
- `fontFamily`: 세례반 (텍스트)
- `stageBackground`: 현장 주변의 배경 (색상)

## 이 템플릿 사용 방법

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

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