ホワイトボードビデオスクライブアニメーション-ベジェパス

• 四月 18, 2024

このチュートリアルでは、Motionで簡単なホワイトボードビデオを作成し続けます^R。次のステップは、アニメーションの基礎となるベジェパスを描画することです。

手の動きを制御するベジェパスを描画します。このベジェパスの複製を使用して、画面に描画されているグラフィックを非表示にし、腕が通過するときに表示されるマスクを作成します。マスクは手がたどるベジエパスの複製から作成されるため、結果は画面上の手描きのシミュレーションになります。

ベジェパスを描画する前に、手のグラフィックのアンカーポイントを調整する必要があります。デフォルトでは、Motionはアンカーポイントをグラフィックの中央に配置します。しかし、このアンカーポイントはパスに沿ったものになります。腕の中心が画面上に描かれないようにします。鉛筆の先を画面に描いてほしい。これを修正しましょう。

1. 手のグラフィックを選択して、アンカーポイントツールを選択します。赤と青の矢印を使用して、鉛筆の先端にアンカーポイントを配置します。
   
   今、私たちはその良い部分に着きます。
   
   
2. 手のグラフィックレイヤーを選択してから、ベジェツールを選択します。最初のベジェポイントを鉛筆の先端に置きます。次に、ロゴに移動し、ロゴの上にジグザグパスを描きます。最後に、ハンドに戻って最後のポイントを追加します。パスを閉じないでください。
   
   
3. ベジェパスの描画が完了したことをMotionに伝えるには、選択/変形ツールを選択します。 [レイヤー]ペインに新しいベジェレイヤーが表示されます。この新しいレイヤーをHandレイヤーの下にドラッグし、名前を「Bezier_Logo」に変更します。これは、これがロゴ画像を描画するためのベジェパスだからです。
   
   ベジェパスができたので、モーションパスビヘイビアを手のグラフィックに追加できます。この動作は、手をアニメーション化させるものです。しかし、手はBezier_Logoパスをたどりたいです。そのため、このMotion Path動作にBezier_Logoパスを使用するようにMotionに指示します。
   
   
4. 手のグラフィックに動作を追加するには、レイヤーペインで手のグラフィックレイヤーを選択します。右下の「動作」メニューから「モーションパス」を選択します。 Handレイヤーの下に新しいMotion Pathレイヤーが追加されます。
   
   
5. モーションパスレイヤーを選択し、インスペクターに移動します（インスペクター-ビヘイビアー-モーションパス）。 [パスの形状]メニューを[ジオメトリ]に設定します。 [シェイプにアタッチ]オプションをオフにします。 [レイヤー]ペインのBezier_Logoレイヤーに戻り、[シェイプソース]をクリックしてドラッグします。小さな矢印が表示されたら、マウスを離します。
   
   再生ヘッドを最初のフレームに置いたまま、アニメーションをテストします。鉛筆がパスに直接従わない場合は、必要に応じて鉛筆の先端のアンカーポイントを調整します。
   
   ホワイトボードアニメーションの場合、手は少しゆっくりと描画するように見えますか？さて、タイムラインのモーションパスとBezier_Logoトラックを短くすることで、速度を上げることができます。
   
   
6. タイムラインに移動して、紫色のモーションパストラックを見つけます。タイムラインの2秒の位置（02:00）になるまで、パストラックの右端を左にドラッグします。 Bezier_Logoトラックに対してこれを繰り返します。
   
   

さあ、コーヒーブレイクの時間です。次のチュートリアルでは、ロゴを表示するマスクを作成します。

←戻る|次へ→

チュートリアルの例：


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