🔮
인터랙티브 인포그래픽
커서나 요소가 지나갈 때 데이터 포인트가 반응하며, 생동감 있는 애니메이션 차트와 대시보드를 만들어냅니다.
Proximity v2.0
0%L1
0%L2
0%L3
0%L4
0%L5
선택 항목에 적용
데모 보기
ProXimity 실전 활용 보기
After Effects에서 키프레임 없이 만드는 거리 반응형 애니메이션 전체 투어입니다.
시작하기
ProXimity 받는 법
세 단계면 오늘 바로 에디터 안에서 ProXimity와 다른 모든 Filmit 도구를 사용할 수 있습니다.
1
계정 만들기
filmit.io에서 무료로 가입하세요. 둘러보는 데 카드가 필요 없습니다.
2
Filmit Studio 설치
Mac 또는 Windows용 무료 데스크톱 앱을 다운로드하세요. 모든 도구를 대신 관리해줍니다.
3
무료 체험 시작하기
7일 무료 체험을 시작하고 ProXimity와 다른 모든 툴을 에디터에 바로 설치하세요.
문제
리액티브 애니메이션에 몇 시간이나 걸릴 필요는 없습니다.
레이어가 움직임에 반응하게 만들려고 애써본 적이 있다면, 그 고통을 알 겁니다.
⏱
모든 레이어에 키프레임 적용하기
도형이 지나갈 때 20개 레이어가 함께 커지길 원하시나요? 그러려면 20개 레이어 각각에 타이밍과 이징을 수동으로 맞춘 키프레임이 필요합니다. 하나만 바꿔도 전부 다시 해야 하죠.
✓ ProXimity: 키프레임 없이 자동 애니메이션
📈
복잡한 Expressions
거리 기반 익스프레션을 처음부터 작성하는 건 실수하기 쉽고 유지보수도 어렵습니다. 오타 하나로 전체 컴포지션이 알 수 없는 빨간 에러와 함께 망가집니다.
✓ ProXimity: 클릭 한 번으로 익스프레션 자동 생성
🕐
일관되지 않은 타이밍
수십 개의 레이어에서 애니메이션 타이밍을 일관되게 맞추는 건 거의 불가능합니다. 어떤 레이어는 너무 빠르고, 어떤 레이어는 뒤처지면서 전체적으로 어색해집니다.
✓ ProXimity: 완벽한 싱크를 위한 통일된 페이드 곡선
기능
컨트롤러 하나. 무한한 리액션.
ProXimity는 단순한 널 오브젝트를 강력한 애니메이션 엔진으로 바꿔줍니다.
거리 기반 애니메이션
레이어는 컨트롤러와의 거리에 따라 자동으로 애니메이션됩니다. 가까울수록 효과가 강해지고, 멀수록 약해집니다. 물리적인 움직임을, 코드 없이.
키프레임 필요 없음
컨트롤러를 이동하고 레이어가 실시간으로 반응하는 모습을 확인하세요. 설정할 키프레임도, 조정할 타이밍도 없습니다. 드래그만 하면 애니메이션이 완성됩니다.
여러 속성
스케일, 불투명도, 회전, 위치를 동시에 조절하세요. 각 속성마다 세밀한 반응형 조절을 위한 강도 슬라이더가 있습니다.
맞춤형 폴오프 커브
선형, 이즈인, 이즈아웃, 지수 감쇠 중에서 선택하세요. 애니메이션이 거리에 따라 어떻게 상승하고 사라지는지 정확히 제어하세요.
멀티 컨트롤러 지원
영향 범위가 겹치는 여러 컨트롤러를 사용하세요. 레이어는 가장 가까운 컨트롤러에 반응해 복잡하고 인터랙티브한 컴포지션을 만들어냅니다.
실시간 미리보기
컨트롤러를 컴포지션 안에서 움직이며 프록시미티 이펙트를 실시간으로 확인하세요. RAM 프리뷰나 렌더링 없이 애니메이션을 바로 확인할 수 있습니다.
심층 분석
작동 방식을 확인하세요.
ProXimity가 내부에서 처리하는 모든 것.
폴오프 커브
커스텀 커브로 반응을 조형하세요.
선형 감쇠는 균등한 분포를 제공합니다. 지수 감쇠는 강렬한 스냅온 효과를 만듭니다. 이즈 커브는 자연스럽고 유기적인 반응을 만들어냅니다. 원하는 크리에이티브 방향에 맞는 커브를 선택하세요.
- 선형, 이즈인, 이즈아웃, 지수
- 패널 내 비주얼 커브 에디터
- 조정하는 대로 실시간 미리보기
- 일관된 동작을 위한 프리셋 저장
폴오프 미리보기
속성
거리를 기준으로 어떤 속성이든 애니메이션화하세요.
스케일, 불투명도, 회전, 위치가 각각 독립적으로 근접도에 반응할 수 있습니다. 여러 개를 함께 쌓아 복잡한 반응형 효과를 만들거나, 하나만 사용해 은은한 효과를 낼 수도 있습니다.
- 속성별 독립 강도
- 최소/최대 값 고정
- 긍정적 또는 부정적 영향
- 레이어별 속성 오버라이드
속성 제어
스케일0%
불투명도0%
회전0%
위치0%
멀티 컨트롤러
여러 존을 하나의 통합 시스템으로.
서로 겹치고 블렌딩되는 여러 영향 구역을 가진 컴포지션을 만드세요. 각 컨트롤러는 고유한 반경, 강도, 속성 세트를 가질 수 있습니다. 레이어는 가장 가까운 컨트롤러에 반응합니다.
- 컴포지션당 무제한 컨트롤러
- 컨트롤러별 독립 설정
- 겹치는 영역이 부드럽게 블렌딩됩니다
- 시각적 명확성을 위한 색상 구분
멀티 컨트롤러
사용 사례
크리에이티브 모션 디자인을 위해 만들어졌습니다.
섬세한 UI 반응부터 강렬한 파티클 효과까지.
🎬
타이틀 리빌
컨트롤러가 훑고 지나가며 글자가 확대되고 페이드인됩니다. 몇 초 만에 자연스러운 텍스트 등장 애니메이션을 만드세요.
✨
입자 같은 효과
셰이프 레이어를 컴포지션 전역에 흩뿌려 컨트롤러가 지나갈 때마다 맥동하고, 크기가 변하고, 회전하는 모습을 지켜보세요.
설치
리액티브 애니메이션을 4단계로.
설치부터 애니메이션까지 2분 이내.
1
Studio를 통해 설치
Filmit Studio를 다운로드하고 원클릭으로 ProXimity를 설치하세요. AE Extensions 메뉴에 나타납니다.
2
컨트롤러 추가
null 레이어를 만들거나 원하는 레이어를 근접 컨트롤러로 사용하세요. 반경과 감쇠를 설정합니다.
3
레이어 선택
반응시킬 레이어를 선택하세요. 애니메이션할 속성을 고르고 강도를 설정하세요.
4
애니메이트
타임라인을 따라 컨트롤러를 이동하세요. 선택한 모든 레이어가 자동으로 반응합니다. 키프레임이 필요 없습니다.
자주 묻는 질문
자주 묻는 질문
네. ProXimity는 선택한 레이어에 최적화된 익스프레션을 적용합니다. 직접 작성하거나 편집할 필요가 없습니다. 패널이 모든 것을 처리합니다. 익스프레션은 가볍고 성능이 우수하여 재생 속도에 눈에 띄는 영향을 주지 않습니다.
ProXimity는 실시간 성능에 최적화되어 있습니다. 수십 개의 레이어가 여러 컨트롤러에 반응하는 경우에도 대부분의 프로젝트에서 부드러운 재생을 확인할 수 있습니다. 매우 큰 컴포지션의 경우, 애니메이션할 속성을 제한하여 부하를 줄일 수 있습니다.
위치 속성을 가진 레이어라면 무엇이든 컨트롤러로 사용할 수 있습니다: 널 오브젝트, 셰이프 레이어, 솔리드, 심지어 텍스트 레이어까지도요. 가장 깔끔한 작업 흐름을 위해 널 오브젝트를 권장하지만, 선택은 자유입니다.
현재 ProXimity는 스케일, 불투명도, 회전, 위치 오프셋을 지원합니다. 각 속성마다 고유한 강도 및 방향 조절 기능이 있으며, 여러 속성을 동시에 애니메이션할 수 있습니다.
네. ProXimity는 추가 비용 없이 Filmit Studio 구독에 포함되어 있습니다. Filmit Studio를 다운로드하고 도구 목록에서 ProXimity를 설치한 뒤 애니메이션을 시작하세요. 모든 업데이트는 자동으로 제공됩니다.
전체 워크스루
ProXimity, 처음부터 끝까지
레이어가 키프레임 없이 컨트롤러에 반응하는, After Effects에서 프록시미티 애니메이션을 만드는 전체 워크스루입니다.
