ホワイトボードアニメーション-ライオングラフィックの描画

• かもしれません 14, 2024

これで、MygraficoホワイトボードアニメーションのすべてのグラフィックがMotionにインポートされ、整理されました。^R、アニメーションの最初の部分の構築を開始できます。このチュートリアルでは、画面にラインアートを描画する手のアニメーションのベジェパスを描画する方法を学習します。しかし、今では、手/腕のグラフィックは画面上で水平に浮いています。

1. 手のグラフィックを選択し、アームを画面上の描画の位置になるまで回転させます。腕の端が見えないように、グラフィックを画面の下端よりわずかに下にしたいです。
   
   この時点で、手のグラフィックを選択すると、アンカーポイントは腕の中心になります。このアンカーポイントは、モーションパスに沿って動き、手/腕をアニメーション化します。腕の真ん中が線画上を移動するのではなく、鉛筆の先端を移動する必要があります。したがって、このアンカーポイントが鉛筆の先端の上にある必要があります。
   
   
2. タイムラインの先頭にある再生ヘッドで、手のグラフィックとアンカーポイントツールを選択します。青と赤の矢印を使用して、鉛筆の先にアンカーポイントを移動します。
   
   
3. Text、Face、Color、Callレイヤーの表示をオフにします。腕が線画を描いた後、それを少し右に動かし、再び描画を開始する前に一時停止します。この場所に手のグラフィックを配置します。
   
   
4. ベジェツールを選択します。 HUDで、Beizerツールをnullの塗りつぶし、白（または背景色）のアウトライン（ストローク）、および幅10に設定します。Bezierツールを使用して、鉛筆の先端に直接最初のアンカーポイントを置きます。次に、ライオンのたてがみの輪郭に沿ってパスを描画します。引き続き同じベジェパスを描画し、引き続き面の輪郭に沿ってパスを描画します。次に、腕を一時停止するパスにもう1つベジェポイントを追加します。 Illustratorとは異なり、パスを閉じないでください。
   
   
5. パスを設定するには、選択/変換ツールを選択します。 [レイヤー]ペインに新しいベジェパスレイヤーが表示されます。パスは白ですが、そこにあるため、画面上のパスを見ることができなくなります。ベジェパスレイヤーの名前を「Bezier_Lineart」に変更します。これは、アニメーションのその部分のパスであるためです。手のグラフィックレイヤーの下にBezier_Lineartレイヤーをドラッグします。
   
   
6. 手のグラフィックレイヤーを選択し、モーションパスビヘイビアーを追加します（ライブラリ-ビヘイビアー-基本モーション-モーションパス）。鉛筆の先から始まるアームに接続された直線のパスが表示されます。
   
   
7. レイヤーペインでモーションパスを選択します。インスペクター-ビヘイビアー-モーションパス-パスシェイプで、パスシェイプをジオメトリに設定します。インスペクターのこの同じセクションで、「シェイプにアタッチ」オプションのチェックボックスをオフにします。 Bezier_Linearパスを「レイヤー」ペインの場所から「インスペクター」の「シェイプソース」ウェルにドラッグします（「パスシェイプ」メニューの下の小さなボックス）。
   
   
8. 再生ヘッドを最初のフレームに置いたまま、アニメーションをテストします。鉛筆がパスに直接従わない場合は、必要に応じて手のアンカーポイントを調整します。
   
   
9. アニメーションに満足したら、継続時間を調整しましょう。 10秒は遅すぎます。モーションパスとBezier_Linearレイヤーの両方を選択します。タイムライン上で両方のレイヤーの右端を約2秒（02:00）にドラッグします。
   
   

作業を保存します。

//www.mygrafico.com/

動画の説明: ホワイトボードアニメーションをvideoscribeツールで作成する方法。日本語も可能。 (かもしれません 2024).