ホワイトボードビデオスクライブアニメーション-仕上げ

• かもしれません 21, 2024

この動きで^R チュートリアルでは、ホワイトボードアニメーションを終了します。ロゴの描画シミュレーションは既にアニメーション化されています。次に、会社名のライティングシミュレーションを作成します。

使用する方法は、鉛筆がテキスト内の個々の文字をトレースするため、画面に会社名を手書きするシミュレーションを作成します。これは、クライアント用のカスタムホワイトボードビデオに最適です。ただし、プレースホルダーテキストを別のテキストに置き換えるテンプレートを作成する場合は、ロゴの描画に使用したものと同じタイプのシミュレーションを使用する必要があります。

たとえば、個々の文字をトレースするのではなく、プレースホルダーテキスト上でベジェパスジグザグを作成します。シミュレーションは、ここで作成することを学習するライティングシミュレーションほど現実的ではありませんが、テンプレートとしては十分に柔軟です。

しかし、これがクライアント用のカスタムホワイトボードビデオであり、リアルなライティングシミュレーションを作成すると仮定しましょう。

Motionのテキストツールを使用して、プロジェクトに会社名を追加します。このアニメーションは、タイムラインの02:00マークにある最初のアニメーションが終了してから数フレーム後に開始する必要があります。このアニメーションを02:10のマークから開始すると、2秒間続きます。

1. 02:10マークの再生ヘッドで、BGグループの上にある[レイヤー]ペインに新しいグループを追加し、「テキスト」という名前を付けます。テキストの追加を開始する場所で、テキストツールを使用して画面をクリックします。クライアントに必要なテキストのスタイルを設定します。
   
   それでは始めましょう。ベジェパスを作成するとき、画面上にテキストを書いているかのように、各文字の上にアンカーポイントを追加します。
   
   
2. 手のグラフィックレイヤーとベジェツールを選択します。最初のアンカーポイントを鉛筆の先端の上に置きます。次に、テキストに移動し、テキスト上にアンカーポイントを追加し始めます。これがビデオのホワイトボード部分の終わりなので、画面上の最後の文字のすぐ下に最後のアンカーポイントを追加します。
   
   
3. 選択/変換ツールを選択してパスを完成させ、新しいベジェパスレイヤーの名前を「Bezier_Text」に変更します。手のグループのBezier_Logoレイヤーの下にBezier_Textレイヤーをドラッグします。
   
   次に、手のグラフィックレイヤーに別のモーションパスビヘイビアーを追加します。
   
   
4. 手のグラフィックレイヤーを選択し、モーションパスビヘイビアーを追加します。 Motion Path 2という名前を付けます。
   
   
5. Motion Path 2ビヘイビアーレイヤーを選択した状態で、インスペクターに移動し、Path ShapeをGeometryに設定します。 [シェイプにアタッチ]オプションをオフにして、Bezier_Textレイヤーをシェイプソースにドラッグします。
   
   
6. タイムラインの02:10マークに再生ヘッドを移動します。 Motion Path 2トラックの左端をタイムラインの先頭から02:10マークまでドラッグします。トラックの右端を04:10マークまでドラッグします。 Bezier_Textトラックに対してこれを繰り返します。
   
   次に、マスクを作成します。
   
   
7. Bezier_Textレイヤーの複製を作成し、このBezier_Textコピーレイヤーをテキストグループにドラッグして、テキストレイヤーの上に配置します。元のBezier_Textレイヤーの可視性をオフにします。
   
   
8. Bezier_Textコピーレイヤーを選択したまま、テキストがマスクの下に隠れるまでパスの幅を増やします。
   
   
9. テキストレイヤーにイメージマスクを追加し、Bezier_Textコピーレイヤーを新しいイメージマスクレイヤーにドラッグします。
   
   
10. タイムラインで、イメージマスクトラックの右端を04:10マークまでドラッグします。
    
    次に、キーフレームを追加してマスクをアニメーション化します。
    
    
11. 02:10マークに再生ヘッドを配置し、Bezier_Textコピーレイヤーを選択します。インスペクターに移動し（インスペクター-形状-スタイル-アウトライン）、最後のポイントオフセットスライダーをゼロに設定します。キーフレームを追加します。
    
    
12. 再生ヘッドを04:10マークに移動し、最後のポイントオフセットスライダーを100に戻します。
    
    アニメーションをテストします。最後のタスクは、画面から手のグラフィックを削除することです。
    
    
13. 再生ヘッドを04:10のままにして、手のグラフィックレイヤーを選択します。インスペクター（インスペクター-プロパティ-ブレンド）で、不透明度スライダーの右側のアイコンをクリックしてキーフレームを追加します。再生ヘッドを04:20に移動し、不透明度をゼロに減らします。
    

←戻る

チュートリアルの例：


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]登録商標または商標です。