# Slider: 슬라이더 UI

40까지 채워진 범위 슬라이더로, 둥근 손잡이 위에 값이 표시됩니다. 동영상 템플릿. Claude용 코드를 복사하거나 Subclip에서 편집하세요.

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-slider.mp4?v=3fe9df38d1

채워진 값과 손잡이 상태를 설정할 수 있는 깔끔한 범위 슬라이더로, 손잡이 위에 현재 값이 표시됩니다.

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

흰 화면에 너비 320픽셀의 범위 슬라이더가 40퍼센트까지 채워져 있고, 대기 상태의 둥근 손잡이 위에 값 "40"이 표시됩니다. 템플릿은 이 상태를 4초 동안 유지합니다. 코드에서는 채움이 정해진 값을 따라 움직이고, 마우스를 올리거나 누르면 손잡이가 커지며 고리가 나타나 드래그하는 것처럼 보입니다.

값, 손잡이 상태(대기, 호버, 누름), 트랙 너비, 값 라벨 표시 여부와 함께 재생 속도와 배경도 설정할 수 있습니다. 설정 데모, 가격-수량 선택, 앱 영상의 볼륨-밝기 조절, 디자인 시스템 소개에 사용하세요.

## 이럴 때 쓰세요

- 설정 데모
- 가격과 수량 선택
- 앱 컨트롤 영상
- 디자인 시스템 소개

## 바꿀 수 있는 항목

- `speed`: 재생 속도 (숫자)
- `stageBackground`: 현장 주변의 배경 (색상)

## 이 템플릿 사용 방법

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

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