ソーシャルメディア 第04回 - ソーシャルメディア | WordPress・jQuery・HTML・CSSのスニペット集 WEBCRE8TOR.COM

WEBCRE8TOR.COM

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

まずはスマホ出席で出席登録を行ってください。
今回の4桁の認証コードは「    」です。

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

サンプルファイルのダウンロード

「サンプルファイルのダウンロード」のURLからダウンロードを行いましょう。今回は「Chapter 3」の内容なので、「WORKフォルダ>Chap3フォルダ>0301a.aep」と開いて準備をしておきましょう。

またサンプルファイルは圧縮されているので、ダウンロード後に右クリック→すべて展開→展開」で展開しておきましょう。

サポートページ:デザインの学校 これからはじめる After Effectsの本[改訂2版]:|技術評論社
https://gihyo.jp/book/2021/978-4-297-12415-1/support

Chapter 3 タイトルを作ろう(P.71〜94)

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

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

この章のポイント

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

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

Lesson01 テキストを配置しよう(P.74~77)

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

Lesson02 フォントや文字サイズを変えよう(P.78~79)

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

Lesson03 字間や行間を変えよう(P.80~83)

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

Lesson04 アニメーションを設定しよう(P.84~89)

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

Lesson05 アニメーションにメリハリを付けよう(P.90~89)

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

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

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

本日のまとめ

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

WEBCRE8TOR.COM

SEARCH

PAGES

CATEGORY

ARCHIVE

LINK

CLOSE