Motion: 無料のモーショングラフィックスエディタ | Morph

Motionはブラウザ上で動作するモーショングラフィックスエディタです：コンポジション内に積み重ねられたレイヤーで、各プロパティ（位置、スケール、回転、不透明度）をタイムライン上のキーフレームでアニメーション化し、ベジェ曲線でイージングを設定し、コンポジションをネストして使用できます。このエディタは、ウェブ上でタイム精度の高いアニメーションに使われる同じGSAPタイムラインエンジンに基づいています。プロジェクトはあなたのデバイスから読み込まれ、書き出されます；サーバーにアップロードされることはありません。

四つのパネル

プロジェクト — コンポジションのフォルダツリー：メインコンポジション、テキスト、アセット、プリコンポジション、ソリッド。各フォルダはファイルのドラッグドロップ先です。
コンポジションビューア — ステージ。レイヤーは下から上に描画され、再生ヘッドのフレームで変換が評価されます。
プロパティ — 選択したレイヤーの位置X/Y、スケール、回転、不透明度。各プロパティをアニメーション化できます。
タイムライン — レイヤースタックで、可視性、オーディオ、ソロ、ロック、シャイのトグル、再生ヘッド、および各プロパティごとのベジェキーフレームを表示します。

キーフレーム

プロパティの隣にあるストップウォッチをクリックしてアニメーションを有効にします。再生ヘッドを移動し、値を変更するとキーフレームが記録されます。デフォルトのイージングはキュービックベジェのイージングインアウトですが、各キーフレームは線形、イージングイン、イージングアウト、バウンス、バック、またはカスタムハンドルに設定できます。

コンポジション

必要なだけ作成できます。各コンポジションには独自の幅、高さ、フレームレート、持続時間が設定できます。ネストしてプリコンポジションとして使用すると、使用されている場所で自動的に更新されます。

After Effectsとの互換性

Motionは.aepx（After Effectsが保存できるXMLプロジェクト形式）を読み込みます（After Effectsで「ファイル→コピーを保存」→XML）。レイヤー、変換、キーフレームがインポートされます。

使い方

Motionを開く — morph.cool/motion にアクセスします。エディタはブラウザでロードされ、アカウントやインストールは必要ありません。
コンポジションを作成 — 幅、高さ、フレームレート、持続時間を設定します。プロジェクトパネルに画像、動画、テキストレイヤーをドロップします。これらのファイルはあなたのデバイスから読み込まれます。
プロパティをアニメーション化 — レイヤーを選択し、位置、スケール、回転、不透明度の隣にあるストップウォッチをクリックします。再生ヘッドを移動し、値を変更すると、キーフレームが自動的に記録されます。
モーションを調整 — 各キーフレームのイージングを設定します（デフォルトはイージングインアウト、または線形、バウンス、バック、カスタムベジェハンドル）。繰り返し要素をプリコンポジションとしてネストします。
プレビューとエクスポート — スペースキーを押して再生します。コンポジションをビデオファイルとしてエクスポートし、あなたのマシン上でレンダリングされます。

よくある質問

Motionは無料ですか？

はい。アカウントなしで開き、アニメーションを作成できます。Morph Proはすべてのプロプログラムの無制限版を追加します。

After Effectsのプロジェクトを開けますか？

Motionは.aepx（After Effectsが保存できるXMLプロジェクト形式）を読み込みます。レイヤー、変換、キーフレームがインポートされます。

アセットはアップロードされますか？

いいえ。アセット、プロジェクト、レンダリングすべてがブラウザ内であなたのデバイスに残ります。

キーボードショートカットは何ですか？

スペースキーで再生/一時停止、Home/Endキーで先頭/末尾へジャンプ、Vは選択ツール、Hはハンドツール、Deleteは選択したレイヤーを削除します。

コンポジションをネストできますか？

はい。別のコンポジション内に配置するとプリコンポジションとなり、使用されている場所で自動的に更新されます。