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

보조선 원이 펼쳐져 검색창이 되고, 텍스트가 입력된 뒤 추상적인 그래픽 패널이 나타납니다. 동영상 템플릿. Claude용 코드를 복사하거나 Subclip에서 편집하세요.

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-search-reveal.mp4?v=38640e261d

가는 보조선 원이 커지며 검색창으로 맞춰지고, 텍스트가 입력되며, 그 뒤로 화려한 그래픽 패널이 열립니다.

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

옅은 라일락색 화면 위에 디자이너가 도형을 잡듯 가는 회색 보조 원이 커지면서 시작합니다. 원은 모서리가 둥근 흰색 검색 필드로 맞춰지고, 텍스트가 한 글자씩 저절로 입력되며, 필드 뒤로 라임색 도형이 들어간 보라색 패널이 열립니다. 전체 시퀀스는 4초가 채 걸리지 않습니다.

입력되는 텍스트, 필드 너비, 글꼴 크기, 입력 속도를 설정하고, 패널과 보조 원을 표시하거나 숨기고, 텍스트, 필드, 원, 패널, 강조, 배경 색상을 모두 바꿀 수 있습니다. 제품명이나 브랜드명 공개, 검색 기능 데모, AI 도구 인트로에 사용하세요.

## 이럴 때 쓰세요

- 브랜드명 공개
- 검색 기능 데모
- AI 도구 인트로
- 앱 출시 오프닝

## 바꿀 수 있는 항목

- `speed`: 재생 속도 (숫자)
- `text`: 입력 텍스트 (텍스트)
- `fieldWidth`: 필드 너비 (숫자)
- `fontSize`: 글꼴 크기 (숫자)
- `framesPerCharacter`: 입력 속도(글자당 프레임) (숫자)
- `showPanel`: 그래픽 패널 표시 (켜기/끄기)
- `showGuides`: 보조 원 표시 (켜기/끄기)
- `color`: 텍스트 색상 (색상)
- `fieldColor`: 필드 색상 (색상)
- `ringColor`: 보조 원 색상 (색상)
- `panelColor`: 패널 색상 (색상)
- `accentColor`: 악센트 색상 (색상)
- `backgroundColor`: 배경색 (색상)
- `reducedMotion`: 동작 줄이기 (켜기/끄기)
- `stageBackground`: 현장 주변의 배경 (텍스트)

## 이 템플릿 사용 방법

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

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