All Articles After Effects
After Effectsで、ドキュメンタリースタイルでテロップの設計
Richard Lainhart on Tue, August 23rd | 0 comments
Lower third titles have become synonymous with a multitude of genres. With so many different styles available, Richard Lainhart shows how to create a typical animated documentary-style title.

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

Comments (0)

You must be logged in to comment. Login Now

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: