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

모션 그래픽은 브라우저에서 사용하는 모션 그래픽입니다: 구성 내 레이어를 스택하여 각 속성(위치, 크기, 회전, 불투명도)을 타임라인에서 키프레임으로 애니메이션 처리하고 베지어 곡선으로 이징합니다. 중첩된 구성도 가능합니다. 재생은 Morph 자체의 모션 엔진에서 실시간으로 실행됩니다. 프로젝트는 기기에서 읽고 쓰며, 아무것도 업로드되지 않습니다.

네 개의 패널

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

키프레임

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

구성

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

.aepx 호환성

모션 그래픽은 .aepx를 읽습니다. 이는 모션 그래픽 앱에서 저장할 수 있는 XML 프로젝트 형식입니다(앱에서 파일 → 복사본 저장 → XML). 레이어, 변환, 키프레임이 가져와져 기존 프로젝트를 브라우저에서 계속할 수 있습니다.

사용 방법

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

자주 묻는 질문

모션 그래픽은 무료인가요?

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

.aepx 프로젝트를 열 수 있나요?

모션 그래픽은 .aepx(모션 그래픽 앱이 저장할 수 있는 XML 프로젝트 형식)을 읽습니다. 레이어, 변환, 키프레임이 가져와집니다.

내 자산이 업로드되나요?

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

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

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

구성이 중첩될 수 있나요?

예. 다른 구성 내에 배치된 구성은 프리컴프가 되며, 사용되는 모든 곳에서 업데이트됩니다.