X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

無料プレミアムアクセス

プレミアムハブの記事、プロジェクトファイルとから、各チュートリアルビデオの最初の10%の私たちのライブラリ全体にアクセスするオンラインチュートリアルのライブラリを

今すぐ無料アカウントを作成しよう!

After Effectsで、ドキュメンタリースタイルでテロップの設計
Google翻訳で翻訳さ

を含む、ビデオフレームの下の部分(通常は画面の第三の下で、それ故に名前)に表示されるアニメーションのグラフィック要素:"下三つ目は"あなたは数百回を見てきた何かのための一般的な放送用ビデオの用語です。画面上のアクションを説明または識別するテキスト。彼らはスピーカーを識別する場所には、ニュース放送やドキュメンタリー番組で定期的にそれらを参照してください、そして、彼らは通常、話者の名前を持つ、大きい上位要素、およびスピーカーの詳細情報を持つ小規模な下位の要素で構成されています:"チャールズモリス"トップに、そしてその下に、例えば"セールスディレクター"。 YouTubeで"下段に"を検索すると多くの例を明らかにし、あなたに今使用中のスタイルの巨大な様々なが表示されます。

この機能チュートリアルでは、我々は第三低く、基本的なニューススタイルのアニメーションまとめる方法をお見せするつもりですAfter Effectsのを 。始めましょう。


ステップ1 - After Effectsのプロジェクトを設定します。

最初に、それは簡単に私達の要素を見やすくするために灰色の背景で、640 × 480 10秒のコンポジションを作成します。

gray background


(私たちは、もう少し管理しやすい私達のスクリーンショットを作るためにここには、この標準の低解像度で作業するつもりだが、簡単に私はすべてのHDフォーマットにお見せするつもりだ何スケールアップすることができます。)

あなたのcompのタイトル/アクションセーフガイドをオンにしてください。我々はそれが見られることを保証するためにセーフタイトルエリア内の私達のより低い3つ目のテキストを保持する必要があります。

Turn on Title/Action safe guides


ステップ2 - 最初の要素を追加する

次に、、450 × 50ピクセルの新しい固体を作成し、薄暗い赤色(もちろん、お好きな色使いができる、それが軽すぎるか明るいものではないはず)確認します。

Create a new solid, 450x50 pixels


よく内側のタイトルセーフガイドの上に、フレームの下側3分の1に固体を配置し、フレームの左側に配置します。

align to left side of frame


ステップ3 - マスク最初の要素

次に我々はその最先端に角をカットする赤いバーに簡単なマスクを追加するつもりですが、これは我々がバーをアニメーション化するときに動きの感覚の多くを与える。ので、固体が選択された状態で、矩形ツールをダブルクリックします。

Double-click rectangle tool


これは、全体の固体に長方形のマスクを追加します。その後、ペンツール(G)を選択し、マスクの下の端にそれをクリックすると、おそらくマスクの右端から50ピクセルでは、マスクに別のポイントを追加します。

Adding another point to the mask


(V)を再度選択ツールを選択するには、右下のマスクのポイントをクリックして、そのポイントを削除する場合は、削除ヒット-固体は現在、斜め前方の縁を持つことになります。

The lower-third now has an angled edge


最後に、レイヤーパネル、ソロ不透明度に、T型の固体を選択して、60%に固体の不透明度を設定します。我々はより低い第三を通して基本的なビデオを見ることができることを確認したい。

Set the opacity to 60%


ステップ4 - 最初の要素をアニメーション化

次に、画面上に固体をアニメーション化するつもりだ。ソロ固体の位置にPを入力します。

今作成した2つの位置キーフレームを選択し、いずれかControlキーを押しながらクリック 、およびキーフレームアシスタントを選択します。

[動画ID ="8352"]


ステップ5 - 最初のテキスト要素をアニメーション化

私たちの次のステップは、私たちの最初のテキスト要素、我々はアニメーションプリセットを使用します対象となる私たちのテーマの名前、でアニメーション化することです。そう、横書き文字ツール( コマンド+ T)を選択し、文字パレットで、強力なサンセリフフォントを選択し、それが白または灰色の光を行い、

Using an Animation preset


次に、エフェクトを開いたり、前方に持って来る

[動画ID ="8356"]


今、デフォルトでは、アニメーションのスムーズな移動が少し遅すぎるので、すべてのアップで高速化するためのキーフレームを調整してみましょう。テキストレイヤーを選択した状態で、ソロ、すべてのアニメーションキーフレームのタイプのU。その周りに選択マーキーをドラッグしてスタート、位置、拡大縮小、傾斜、および不透明度第二キーフレームを(02:20時のもの)(範囲セレクタ1の下のすべてのプロパティ)]を選択、その後約に左に、それらすべてをドラッグタイムラインで1時15点。プレビューその、あなたははるかに高速なテキストアニメーションが表示されます。

[動画ID ="8354"]


ステップ6 - 要素にドロップシャドウを追加する

次に、ただアニメーションに少し深さを追加するために、我々は、固体とテキストの両方にドロップシャドウを追加するつもりです。ので、固体を選択した状態で、 エフェクトを選択します。

[動画ID ="8353"]


ステップ7 - セカンダリ下3番目の要素を作成します。

すべての権利、私たちは下3つ目のチュートリアルの最後のイニングでね。私たちが行う必要がある最後の事は私たちのアニメーションの2次要素を作成し、私達の下三分の一を完了です。そのために、ではなく、ゼロから始まる、私達はちょうど私達の既存の要素を複製し、修正します。ので、テキストや平面レイヤーおよびそれらを複製するタイプのコマンド- Dの両方を選択します。今の場合は、重複したテキストのレイヤーの可視性をオフにしてください。

次に、複製した固体層を選択し、 レイヤーを選択します。

Changing the duplicated lower third's solid settings


それだけで赤に下回るように今すぐあなたのCTIは、重複した固体(私は、今からオレンジ色の層を呼び出すつもりだどの)のため、夜12時20分に先にソロの位置を移動して、固体のためにXとYの値の両方を調整する層、および赤色層の角度のエッジとの角度のフロントのエッジラインアップ:

Adjust X and Y values for the orange layer


この時点でYプロパティの値に注意してください。私は389です。次の00:00に戻ってあなたのCTIを移動し、389(または任意の水平方向の動きが再び一直線上になるように、であるためにあなたの値が必要)、およびXの値をドラッグしてそのキーフレームのY値を設定するので、オレンジ色の層が見えるようにフレームの外です。あなたがプレビューした場合、あなたは今赤い層として、しかし、そのすぐ下に同じ速度と時間での移動オレンジ色の層のアニメーションが表示されるはずです。

[動画ID ="8355"]


今二次テキストを修正してみましょう。それを再度オンに戻し、元のテキストのレイヤーをオフにし、テキストツールで、二次テキストを選択し、他のものに変更。私は"営業部長"を使用しています。今ここで、テキストのアニメーションが終了すると、テキストのソロの位置にP型である、1時15分にあなたのCTIを移動し、二次テキストはオレンジ色レイヤーの上に座ってするようにダウンY値をドラッグします。再び元のテキストをオンにし、そしてオリジナルでそれを整列するために二次テキストの水平位置を調整し、それはすべて次のようになります。

The final look of the Lower-Third


ステップ8 - アニメーションのタイミングを調整

とここでは、最後のステップです:我々は、彼らが後主要素よりも少し入るように二層のタイミングを調整する必要があります。視覚的に、これは単なる一次要素を強調するのに役立ちます、そしてそれは標準より低い第3の方法です。

そう、、オレンジ色の層と販売のテキストレイヤーのディレクターを選択0時20にしてCTIを移動し、その始まりは、バーの遺体をドラッグしてください(00:20開始できるようにタイムラインに赤のレイヤーバーをドラッグそれ自体ではなく、棒の開始、またはあなたが代わりにそれらを移動するのレイヤーをトリミングします):

Adjusting the animation timing of both layers


今、私たちは2次要素のアニメーションを遅らせてきたが、最終的な結果は次のようになります(あなたが下の3番目の要素の透明性を見ることができるように、私はいくつかの男の画像を追加しました):

[動画ID ="8357"]


そしてそこにそれを持っている!私が述べたように、そこにテロップには無数のバリエーションです:スポーツ、ニュース、現実、天気は、とmoreandこれは非常に基本的なものだった。ほとんどのテロップは、これらの日、実際には、背景バー内でアニメーション化された要素が含まれており、そのセットアップに少し時間がかかる。しかし、私もこの簡単なチュートリアルはあなたがあなた自身のモーショングラフィックをデザインし、アニメーションを始める役立っていることを願っています。そして、いつものように、実験、およびで楽しい時を過すのAfter Effects

Richard Lainhart

Richard Lainhart | Articles by this author

Richard Lainhart is an award-winning composer, filmmaker, and author. His compositions have been performed in the US, Europe Asia, and Australia, and recordings of his music have appeared on the Periodic Music, Vacant Lot, XI Records, Airglow Music, Tobira Records, Infrequency, VICMOD, and ExOvo labels. His animations and short films have been shown in festivals in the US, Europe, and Asia, and online at ResFest, The New Venue, The Bitscreen, and Streaming Cinema 2.0. He has authored over a dozen technical manuals for music and video hardware and software, served as Contributing Editor for Interactivity and 3D Design Magazines, and contributed to books on digital media production published by IDG, Peachpit Press, McGraw Hill, and Miller Freeman Books. Previously an Adobe Certified Expert in After Effects and Premiere, a demo artist for Adobe Systems, and co-founder of the official New York City After Effects User Group, he was, from 2000-2009, Technical Director for Total Training Productions, an innovative digital media training company based in New York and California.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link