Motionプロジェクトのアニメーション動作

四月 29, 2024

レイヤー化されたPhotoshopをインポートしたので^R モーションに画像を^R プロジェクト、点滅ライトアニメーションを作成する準備ができました。いくつかの色のついた円を描画し、モーションビヘイビアを使用して点滅するようにアニメーション化します。

背景グラフィックにはすでに素敵なBoken効果がありますが、静的です。微妙なアニメーションを追加するといいでしょう。 Motionのプリセットボケパーティクルシステムをテストした後、アニメーションが多すぎると判断しました。そこで、下のライトの色に合わせて、いくつかの色付きの円を重ねることにしました。次に、グローフィルター、FadeIn / FadeOut、およびGrow / Shrinkビヘイビアーを追加することで、微妙に点滅するアニメーションを作成できます。

再生ヘッドをタイムラインの先頭に移動し、グループレイヤーの名前を「Lights」に変更します。
Lightsレイヤーを選択した状態で、円ツールを使用して、ボケライトの1つに円を描きます。 Lightsレイヤーの下にCircleという名前の新しいサブレイヤーが作成されます。このレイヤーの名前を「Circle 1」に変更します。

タイムライン上でライトを1秒以上点滅させます。
Circle 1レイヤーの右端を、タイムラインの1秒の位置で終わるまで左にドラッグします。

デフォルトでは、新しい円は白です。下の光に合わせて色を変えましょう。
サークル1レイヤーを選択したまま、インスペクター-シェイプに移動して、下のライトの色と一致するようにサークルの色を変更します。
円の縁を柔らかくするには、「ぼかし」パラメータを5.0に設定します。

次に、FadeIn / FadeOut Behaviorである最初のビヘイビアを追加しましょう。
サークル1を選択したまま、ライブラリ-ビヘイビア-基本モーション-フェードイン/フェードアウトに移動します。この動作をクリックし、[適用]ボタンをクリックします。 Circle 1レイヤーにサブレイヤーとしてFadeIn / FadeOutの動作が追加されます。

アニメーションを再生すると、まるでボケライトが点滅しているかのように、円がフェードインおよびフェードアウトすることがわかります。 Circle 1レイヤーに別のビヘイビアーを追加しましょう。 Grow / Shrink動作は、アニメーションにリアルさを追加する必要があります。
Circle 1レイヤーを選択した状態で、[ライブラリ]-[動作]-[基本モーション]-[拡大/縮小]に移動します。 [適用]ボタンをクリックします。最初のビヘイビアの上にGrow / Shrinkビヘイビアレイヤが追加されているはずです。

チュートリアルの例：

Copyright 2018 Adobe Systems Incorporated。全著作権所有。 Adobe Systems Incorporatedの許可を得て、Adobe製品のスクリーンショットを転載しました。 Adobe、Photoshop、Photoshop Album、Photoshop Elements、Illustrator、InDesign、GoLive、Acrobat、Cue、Premiere Pro、Premiere Elements、Bridge、After Effects、InCopy、Dreamweaver、Flash、ActionScript、Fireworks、Contribute、Captivate、Flash CatalystおよびFlash Paper米国および/またはその他の国におけるAdobe Systems Incorporatedの[a]登録商標または商標です。

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