ソーシャルメディア 第04回

今回もテキストは「デザインの学校 これからはじめる After Effectsの本 [改訂2版]」を使用して講義を行っていきます。
早速AfterEffectsを起動してください。

授業進行ファイル・サンプルファイル

授業進行ファイルを開く

第2回の授業でプロジェクトファイルの作成(テキスト P.038～039)を行った「works.aep」を使い授業を進めます。
今回もその続きから作っていきますので、保存した「works.aep」ファイルを開いてください。

works.aepがない場合

ただ、休んだり授業進行に追いついていない場合には、サンプルファイルの途中から始めることもできます。
今回の場合は「Chapter 3」の内容なので「WORKフォルダ>Chap3フォルダ>0301a.aep」と開いて準備をしておきましょう。

Chapter 3 タイトルを作ろう(P.071〜094)

第3章では、動画制作でも使用頻度の高いテキストアニメーションでタイトルを作成します。フォントやフォントサイズ、テキストカラーの替え方のような文字操作の基本から、文字が1文字ずつランダムに表示されるアニメーションの作り方を学びます。

タイトルを作ろう(P.071)

この章のポイント

After Effectsでテキストアニメーションを作るには、テキストレイヤーを作成してから、フォントやフォントサイズ、テキストカラーの変更などを行います。あらかじめ用意されているアニメーターを利用することで、動きのあるテキストアニメーションが作成できます。

1. レイヤーを作成して文字を入力する
2. フォントや文字サイズを変更する
3. 字間や行間を変える
4. アニメーションを設定する

Lesson01 テキストを配置しよう(P.074～077)

1. [段落]パネルを表示する
2. テキストを中央揃えにする
3. [タイムライン]パネルを選択する
4. テキストレイヤーを配置する
5. [タイムライン]パネルを確認する
6. [コンポジション]パネルを確認する
7. テキストを入力する
8. テキストレイヤーを選択する
9. [文字]パネルで[テキストカラー]を表示させる
10. テキストカラーを設定する
11. テキストの色が変更される

Lesson02 フォントや文字サイズを変えよう(P.078～079)

1. テキストレイヤーを選択する
2. フォントファミリーを変更する
3. フォントスタイルを変更する
4. フォントサイズを変更する
5. フォントサイズが変わる

Lesson03 字間や行間を変えよう(P.080～083)

1. テキストレイヤーを選択する
2. 文字全体の文字間を調整する
3. [コンポジション]パネルで確認する
4. [横書き文字ツール]を選択する
5. テキストレイヤーを選択する
6. 調整箇所を選択する
7. [コンポジション]パネルを確認する
8. 文字間を狭くする
9. [整列]パネルを表示する
10. 水平方向へと画面中央に配置する
11. 垂直方向へと画面中央に配置する

Lesson04 アニメーションを設定しよう(P.084～089)

1. テキストレイヤーに[アニメーター]を追加する
2. [位置]を選択する
3. [アニメーター1]が追加される
4. アニメーションはじまりの表示位置を設定する
5. [コンポジション]パネルで確認する
6. [現在の時間インジケーター]を移動させる
7. [0]フレームにキーフレームを追加する
8. [タイムライン]パネルで確認する
9. [現在の時間インジケーター]を移動させる
10. [80]フレームにキーフレームを追加する
11. [タイムライン]パネルで確認する
12. 再生して確認する
13. [アニメーター1]にプロパティを追加する
14. [スケール]プロパティを選択する
15. [スケール]を0%に設定する
16. [現在の時間インジケーター]を動かして確認する

Lesson05 アニメーションにメリハリを付けよう(P.090～089)

1. [アニメーター1]にプロパティを追加する
2. [ブラー]を追加する
3. [ブラー]プロパティを確認する
4. [ブラー]の数値を変更する
5. 再生して確認する
6. [高度]のパラメーターを開く
7. [イーズ(低く)]を調整する
8. 再生して確認する
9. 文字の表示順をランダムにする
10. 再生して確認する
11. レイヤースケールプロパティを閉じる

Column テキストテンプレートの利用について(P.094)

• テキストテンプレートの利用方法

本日のまとめ

今回はテキストアニメーションでタイトルを作成しました。
少しずつ作りこまれてきて楽しくなってきたね!

AfterEffectsチュートリアルサイト

AfterEffectsのチュートリアルサイトを紹介します。
中にはプラグインをインストールする必要があるものもありますが、
面白いエフェクトの作り方がサムネイル付きで掲載されていますので少し見てみましょう。

After Effects Style|After Effectsを楽しむチュートリアルサイト