動きのあるアニメーションを繰り返す

かもしれません 4, 2024

Apple Motionで動作をループさせる方法はいくつかあります。ただし、アニメーションを完全に制御する場合は、キーフレームとタイムラインを使用してアニメーションを構築し、キーフレームエディターを使用してアニメーションをループ/リピートできます。手順を見ていきましょう。

5つの円を使用して、シンプルなボケアニメーションを作成します。これは、タイムラインで個別に制御します。アニメーションの背景画像はすでにあります。これは、1080 x 1080 pxのInstagram投稿グラフィックで、Adobe Sparkに関する投稿を発表するために使用していました。写真、赤い長方形、白いテキストが平坦化され、Motionにインポートされました。写真には小さなボケ領域があり、これをアニメーションで強化します。

Motion 5を開き、始めましょう。

次の設定で新しいプロジェクトを開始します（スクリーンショットを参照）。

プリセット：カスタム
解像度：1080 x 1080ピクセル
フィールドの順序：デフォルト-上位から奇数
アスペクト比：正方形
フレームレート：30 fps
期間：3:00
タイムコード
最初のフレームに再生ヘッドがある状態で、[ファイル]-[インポート]をクリックし、背景画像を選択します。画像はタイムライン全体に広がる必要があります。デフォルトグループの名前を「art」に変更します。

画像のボケ円は白と赤です。したがって、これらは色が使用するものであり、私たちのアニメーションが実際に写真に含まれているように見えます。
円ツールを使用し、Shiftキーを押しながら、写真のボケの円と同じサイズの円を描きます（スクリーンショットを参照）。
インスペクターで「形状」タブを選択します。
[塗りつぶし]の横にあるチェックボックスをオンにして、[塗りつぶしの色]ボックスを白に設定します。
[アウトライン]セクションで、ブラシの色を白、幅を3〜15、ブラシの不透明度を40〜50％に設定します。これにより、円の縁が柔らかくなります（スクリーンショットを参照）。

好きなようにShape設定ができたので、アニメーションを作成できます。 Opacityプロパティを使用して、図形の塗りつぶしと輪郭の両方をフェードイン/フェードアウトします。
円を選択したまま、[プロパティ]タブに移動します。
タイムラインの最初のフレームに再生ヘッドがある状態で、不透明度プロパティのキーフレームアイコンをクリックします。不透明度スライダーを100％に設定したままにします（スクリーンショットを参照）。

ここで、1/2秒（15フレーム）にわたって円をフェードアウトします。
再生ヘッドをフレーム15に移動し、[プロパティ]タブの[不透明度キーフレーム]アイコンをもう一度クリックします。
不透明度スライダーを0％に移動すると、円がフェードアウトします。
再生ヘッドをフレーム30に移動し、キーフレームを追加します。不透明度スライダーを100％に戻し、円をフェードインします。

これで、基本的な1秒（30フレーム）のフェードイン/フェードアウトアニメーションキーフレームが作成されましたが、タイムラインの3秒間全体にわたって繰り返す必要があります。これを行うには、タイムラインエディターを使用します。
再生ヘッドをアニメーションの最後のフレーム（フレーム30）に設定して、キーフレームの三角形を右クリックし、メニューから[キーフレームエディターで表示]を選択します（スクリーンショットを参照）。
タイムラインの下にキーフレームエディタが開きます。
円レイヤーの矢印をクリックして、ブレンドの不透明度プロパティを開きます。
Blending Opacityレイヤーの右端にある矢印をクリックし、メニューから[最後のキーフレームの後-繰り返し]を選択します（スクリーンショットを参照）。
再生ヘッドをフレーム1に移動し、アニメーションをテストします。円は3回点滅するはずです。
これで、さらにいくつかのサークルでこのプロセスを繰り返すことができます。タイムラインのキーフレームをさまざまな場所に設定します（スクリーンショットを参照）。

サークルワン：フレーム1-フレーム15-フレーム30
サークル2：フレーム1-フレーム40-フレーム110
サークル3：フレーム1-フレーム25-フレーム45
サークル4：フレーム1-フレーム12-フレーム24
サークル5：フレーム1-フレーム9-フレーム18

通常、Motionからアニメーションを.movビデオファイルとしてエクスポートすると、最高の結果が得られます。次に、.movファイルをHandBreakで開いて、Instagramにアップロードする準備ができた.mp4ファイルにファイルを圧縮します。

Instagramの投稿を見る

Apple、Motion、iBooks Author、GarageBand、TextEdit、Pages、iMovie、およびMacは、米国およびその他の国で登録されたApple Inc.の商標です。 CoffeBreakBlogは独立した出版物であり、Apple Inc.による承認、スポンサー、またはその他の承認は受けていません。スクリーンショットは許可を得て使用しています。