ホワイトボードアニメーション-マスクが明らかに

• かもしれません 3, 2024

YouTubeチャンネルで会社のブランディングビデオとして使用されるMygraficoホワイトボードアニメーションの最初のシーンで作業を続けます。最後のモーションで^R チュートリアルでは、画面にラインアートを描くときに腕を誘導するベジェモーションパスを描きました。ここで、同じベジエパスを使用して、腕が動くときにラインアートを表示するマスクを作成します。

前に描いたベジェパスを複製し、その複製をラインアート上のマスクに変換します。パスは背景と同じ色なので、マスクをアニメートしてラインアートを表示するまで、下のラインアートを非表示にします。

1. 以前に描画したBezier_Lineartレイヤー（現在はMotion Pathレイヤーの下）を右クリックし、[複製]を選択します。 Bezier_Lineartをドラッグします コピー 線画グループにレイヤーし、線画グラフィックレイヤーの上に配置します。の可視性をオフにします 元の Bezier_Lineartパスレイヤー。
   
   
2. ラインアートの一部は、おそらくBezier_Lineartの下から表示されます。 コピー 層。パスの幅を10から30に広げてみましょう（インスペクター-形状-スタイル-アウトライン）。それでも下のラインアートが見える場合は、見えなくなるまで幅を広げてください。
   
   
3. [レイヤー]ペインで、Lineartグラフィックレイヤーを右クリックし、[イメージマスクの追加]を選択します。 Bezier_Lineartをドラッグします コピー 新しいイメージマスクレイヤーにレイヤーします。
   
   
4. Bezier_Lineartの可視性 コピー レイヤーがオフになります。再生ヘッドをタイムラインの最初のフレームに移動します。
   
   2つのキーフレームとBezier_LineartのLast Point Offsetプロパティを使用します コピー レイヤーを使用してイメージマスクをアニメーション化し、ラインアートを表示します。
   
   
5. Bezier_Lineartで コピー レイヤーを選択したまま、インスペクター-形状-スタイル-アウトラインに移動し、最後のポイントオフセットスライダーをゼロに移動します。
   
   
6. タイムラインの最初のフレームにキーフレームを追加するには、[最終ポイントオフセット]スライダーの右側にある[キーフレームを追加]アイコンをクリックします。
   
   
7. 再生ヘッドをモーションパスの最後に移動します。タイムライン上で2秒に設定しました（02:00マークで）。 [アウトライン]セクションに戻り、スライダーを100％に戻します。これにより、タイムラインの2秒の位置に2番目のキーフレームが追加されます。
   
   
8. タイムラインで、イメージマスクレイヤーの右端をタイムラインの02:00マークまでドラッグします。
   
   

アニメーションをテストします。作業を保存します。

//www.mygrafico.com/

動画の説明: 手描きアニメーション　ホワイトボードアニメの作り方　Vyond19 (かもしれません 2024).