모션: 무료 모션 그래픽 편집기 온라인 | Morph

Motion은 브라우저에서 사용하는 모션 그래픽 편집기입니다: 구성 내 레이어를 스택하여 각 속성(위치, 크기, 회전, 불투명도)을 타임라인에서 키프레임으로 애니메이션화하고 베지어 곡선으로 이징합니다. 중첩된 구성도 가능합니다. 이는 웹에서 시간 정확도가 높은 애니메이션에 사용되는 동일한 GSAP 타임라인 엔진 기반으로 제작되었습니다. 프로젝트는 사용자의 기기에서만 읽고 쓰며, 서버로 업로드되지 않습니다.

네 개의 패널

프로젝트 — 구성의 폴더 트리: 메인 컴포지션, 텍스트, 자산, 프리컴포지션, 솔리드. 각 폴더는 파일 드래그 대상입니다.
구성 뷰어 — 무대. 레이어는 하위에서 상위로 렌더링되며, 재생 헤드 프레임에서 변환을 평가합니다.
속성 — 선택된 레이어의 위치 X/Y, 크기, 회전, 불투명도. 각 속성은 애니메이션 가능합니다.
타임라인 — 레이어 스택, 가시성, 오디오, 솔로, 잠금 및 숨김 토글, 재생 헤드, 속성별 베지어 키프레임이 있습니다.

키프레임

속성 옆의 정지계를 클릭하여 애니메이션을 활성화합니다. 재생 헤드를 이동하고 값을 변경하면 키프레임이 기록됩니다. 기본 이징은 삼차 베지어 이징 인아웃이며, 각 키프레임은 선형, 이징 인, 이징 아웃, 볼링, 백, 또는 사용자 정의 핸들로 설정할 수 있습니다.

구성

필요한 만큼 생성할 수 있으며, 각각 고유한 너비, 높이, 프레임 레이트, 지속 시간을 가집니다. 다른 구성 내에 프리컴포지션으로 중첩하면 사용되는 모든 곳에서 업데이트됩니다.

After Effects 호환성

Motion은 .aepx를 읽습니다. After Effects에서 XML 프로젝트 형식(파일 → 복사본 저장 → XML)으로 저장할 수 있습니다. 레이어, 변환 및 키프레임이 가져와져 기존 프로젝트를 브라우저에서 계속할 수 있습니다.

사용 방법

Motion 열기 — morph.cool/motion으로 이동합니다. 편집기가 브라우저에서 로드되며, 계정 없이 설치 없이 사용할 수 있습니다.
구성 만들기 — 너비, 높이, 프레임 레이트, 지속 시간을 설정합니다. 이미지, 비디오 또는 텍스트 레이어를 프로젝트 패널에 드롭합니다. 파일은 기기에서 직접 읽힙니다.
속성 애니메이션 — 레이어를 선택하고 위치, 크기, 회전 또는 불투명도 옆의 정지계를 클릭합니다. 재생 헤드를 이동하고 값을 변경하면 자동으로 키프레임이 기록됩니다.
움직임 조정 — 각 키프레임의 이징을 설정합니다(기본값은 이징 인아웃). 선형, 볼링, 백, 사용자 정의 베지어 핸들을 선택할 수 있습니다. 반복되는 요소를 프리컴포지션으로 중첩합니다.
미리보기 및 내보내기 — 스페이스바를 눌러 재생합니다. 기기에서 렌더링된 비디오 파일로 구성 내보내기.

자주 묻는 질문

Motion은 무료인가요?

예. 계정 없이 열고 애니메이션을 만들 수 있습니다. Morph Pro는 모든 프로 프로그램의 무제한 버전을 추가합니다.

After Effects 프로젝트를 열 수 있나요?

Motion은 After Effects가 저장할 수 있는 XML 프로젝트 형식인 .aepx를 읽습니다. 레이어, 변환 및 키프레임이 가져와집니다.

내 자산이 업로드되나요?

아니요. 자산, 프로젝트 및 렌더링은 모두 브라우저 내에서 기기에서만 유지됩니다.

키보드 단축키는 무엇인가요?

스페이스바는 재생 및 일시정지, 홈과 엔드는 시작과 끝으로 이동, V는 선택 도구, H는 핸드 도구, Delete는 선택된 레이어를 삭제합니다.

구성이 중첩될 수 있나요?

예. 다른 구성 내에 배치된 구성은 프리컴포지션으로 작동하며, 사용되는 모든 곳에서 업데이트됩니다.