AfterEffectsBox

AfterEffects知識の箱

【AEチュートリアル】ジャンプしながら出現する3Dテキスト

f:id:ikeinaka:20170810024248g:plain



❶テキストを用意
 新規[テキストレイヤー]を作成
  文字サイズ[32]px

❷文字単位の3D化
 →[アニメーター:▷]
  →[文字単位の3D化を使用]をオン
  
❸スケールと回転アニメーションを設定
 →[アニメーター:▷]
  →[スケール]をクリック
   >>アニメーター1が追加される
  ➡︎[スケール]を[100.0],[0.0],[100.0]に設定

 →[アニメーター 1]
  →[追加:▷]
   →[プロパティ▷]
    →[回転]をクリック
     >>アニメーター1に回転が追加される
  ➡︎[Y 回転]を[-1],[0.0]に設定

 →[アニメーター 1]
  →[範囲セレクター1]
   →[高度]
  ➡︎[シェイプ]を[上へ傾斜]へ変更 
  ➡︎[イーズ(低く)]に[100]%を入力 

 →[アニメーター 1]
  →[範囲セレクター 1]
  ➡︎[オフセット]にキーフレームを設定
   15f[-100]% 1;25f[100]%

❸ジャンプのアニメーション設定
 →[アニメーター:▷]
  →[位置]をクリック
   >>アニメーター 2が追加される
  ➡︎[位置]を[0.0],[-30.0],[0.0]に設定

 →[アニメーター 2]
  →[追加:▷]
   →[プロパティ▷]
    →[スケール]をクリック
     >>アニメーター 2にスケールが追加される
  ➡︎[スケール]を[100.0],[130.0],[100.0]に設定

 →[アニメーター 2]
  →[範囲セレクター1]
   →[高度]
  ➡︎[シェイプ]を[滑らか]へ変更 

 →[アニメーター 2]
  →[範囲セレクター 1]
  ➡︎[オフセット]にキーフレームを設定
   15f[-100]% 1;25f[100]%


❹文字の柔らかさのアニメーション設定
 →[アニメーター:▷]
  →[スケール]をクリック
   >>アニメーター 3が追加される
  ➡︎[スケール]を[120.0],[8.0],[100.0]に設定

 →[アニメーター 3]
  →[範囲セレクター1]
   →[高度]
  ➡︎[シェイプ]を[滑らか]へ変更

 →[アニメーター 2]
  →[範囲セレクター 1]
  ➡︎[オフセット]にキーフレームを設定
   25f[-100]% 2;05f[100]%

❺文字の3D化
 →[コンポジション](上部メニュー)
  →[コンポジション設定]
   →[3Dレンダラー]
  ➡︎レンダラー:[クラシック3D]を[レイトレース3D]へ変更
   →[OK]をクリック

 テキストレイヤーのプロパティ
  →[形状オプション]
  ➡︎[押し出す深さ]を[15.0]に設定

❻ライトを設定
 新規[平行ライト]を作成
  →テキストレイヤーに向ける *キャプチャー1

(❼3Dの画質の設定を上げる)※レンダリングが重くなります
 →[コンポジション](上部メニュー)
  →[コンポジション設定]
   →[オプション]
 ➡︎レイトレース画質:[3]を[5]へ変更  


*キャプチャー1 ライトの位置と向き

f:id:ikeinaka:20170810024359p:plain




■最終コンポジション

f:id:ikeinaka:20170810024412p:plain







 

【AEチュートリアル】小刻みに揺れるテキスト

f:id:ikeinaka:20170809025749g:plain



❶テキストを用意
 新規[テキストレイヤー]を作成
  文字サイズ[32]px
  
❷アニメーションを設定
 →[アニメーター:▷]
  →[位置]
   >>アニメーター 1が追加される
  ➡︎[位置]を[0.0],[2.0]に設定

 →[アニメーター 1]
  →[追加:▷]
   →[プロパティ▷]
    →[ブラー]をクリック
     >>アニメーター 1にブラーが追加される
  ➡︎[ブラー]を[0.0],[100.0]に設定

 →[アニメーター 1]
  →[追加:▷]
   →[セレクター▷]
    →[ウィグリー]をクリック
     >>アニメーター 1にウィグリーセレクター 1が追加される
  ➡︎[ウィグル/秒]を[200.0]に設定


■最終コンポジション

f:id:ikeinaka:20170809025842p:plain





【AEチュートリアル】枠が付き色が変わっていくテキスト

f:id:ikeinaka:20170808030647g:plain


❶テキストを用意 *参考 キャプチャー1
 新規[テキストレイヤー]を作成
  文字サイズ[32]px
  [塗りのカラー]を任意の色に設定
  [線のカラー]を任意の色に設定
  [線幅]を[0]pxに設定 [全体の線の上に塗り]に設定
   (※変化前のテキストに線が不要な場合も線の設定が必要)
  
❷文字のオフセットを設定
 →[アニメーター:▷]
  →[塗りのカラー]
   →[RGB]をクリック
   >>アニメーター 1が追加される
  ➡︎[塗りのカラー]を任意の色に設定

 →[アニメーター 1]
  →[追加:▷]
   →[プロパティ▷]
    →[線のカラー]
     →[RGB]をクリック
      >>アニメーター 1に線のカラーが追加される
  ➡︎[線のカラー]を任意の色に設定

 →[アニメーター 1]
  →[追加:▷]
   →[プロパティ▷]
    →[線幅]をクリック
     >>アニメーター 1に線幅が追加される
  ➡︎[線幅]を[5.0]に設定

 →[アニメーター 1]
  →[範囲セレクター 1]
   ➡︎[終了]にキーフレームを設定
    15f[0]% 2;15f[100]%

❸テキストのアンカーポイントを文字の中心に設定
 →[詳細オプション]
  ➡︎[アンカーポイントの配置]を[0.0],[-50.0]%に設定

❹スケールアニメーション設定
 →[アニメーター:▷]
  →[スケール]をクリック
   >>アニメーター 2が追加される
  ➡︎[スケール]を[120.0],[120.0]%に設定

 →[アニメーター 2]
  →[範囲セレクター 1]
   ➡︎[開始]にキーフレームを設定
    18f[0]% 2;18f[100]%
   ➡︎[終了]にキーフレームを設定
    15f[0]% 2;15f[100]%


*キャプチャー1 文字設定

f:id:ikeinaka:20170808030804p:plain



■最終コンポジション

f:id:ikeinaka:20170808030822p:plain






 

 

 

 

【AEチュートリアル】ランダムに変わる数字テキスト

f:id:ikeinaka:20170807010627g:plain


❶テキストを用意
 新規[テキストレイヤー]を作成
  テキスト内容[00000000000000000000](半角英数の”0”)
  文字サイズ[32]px

❷文字のオフセットを設定
 →[アニメーター:▷]
  →[文字オフセット]をクリック
   >>アニメーター 1が追加される
  ➡︎[文字オフセット]を[9]に設定

❸ウィグリーを設定
 →[アニメーター 1]
  →[追加:▷]
   →[セレクター▷]
    →[ウィグリー]をクリック
     >>アニメーター 1にウィグリーセレクター 1が追加される
  ➡︎[最小値]を[0]%に設定
  ➡︎[ウィグル/秒]を[5.0]に設定


■最終コンポジションf:id:ikeinaka:20170807010758p:plain




【AEチュートリアル】四角い枠から変換されていくテキスト

f:id:ikeinaka:20170806015814g:plain

 

❶テキストを用意
 新規[テキストレイヤー]を作成
  文字サイズ[32]px

❷□から変化してくアニメーション設定
 →[アニメーター:▷]
  →[文字コード]をクリック
   >>アニメーター 1が追加される
  ➡︎[文字コード]を[9634]に設定

 →[アニメーター 1]
  →[範囲セレクター 1]
   →[高度]
    ➡︎[なめらかさ]を[0]%へ変更

 →[アニメーター 1]
  →[範囲セレクター 1]
   ➡︎[開始]にキーフレームを設定
    15f[0]% 1;25f[100]%
 
❸変換前に■になるアニメーション設定
 →[アニメーター:▷]
  →[文字コード]をクリック
   >>アニメーター 2が追加される
  ➡︎[文字コード]を[9632]に設定
 
 →[アニメーター 2]
  →[追加:▷]
   →[プロパティ▷]
    →[ブラー]をクリック
     >>アニメーター 2にスケールが追加される
  ➡︎[ブラー]を[0.0],[10.0]に設定

 →[アニメーター 2]
  →[範囲セレクター 1]
   →[高度]
    ➡︎[なめらかさ]を[0]%へ変更

 →[アニメーター 2]
  →[範囲セレクター 1]
   ➡︎[開始]にキーフレームを設定
    15f[0]% 1;25f[100]%
   ➡︎[終了]にキーフレームを設定
    18f[0]% 1;28f[100]%

❹文字の変換アニメーションにブラーを設定
 →[アニメーター:▷]
  →[位置]をクリック
   >>アニメーター 3が追加される
  ➡︎[位置]を[0.0],[-2.0]に設定

 →[アニメーター 3]
  →[追加:▷]
   →[プロパティ▷]
    →[ブラー]をクリック
     >>アニメーター 3にブラーが追加される
  ➡︎[ブラー]を[0.0],[10.0]に設定

 →[アニメーター 3]
  →[範囲セレクター 1]
   →[高度]
    ➡︎[なめらかさ]を[0]%へ変更

 →[アニメーター 3]
  →[範囲セレクター 1]
   ➡︎[開始]にキーフレームを設定
    18f[0]% 1;28f[100]%
   ➡︎[終了]にキーフレームを設定
    21f[0]% 2;01f[100]%

❺モーションブラー適用
 →[モーションブラースイッチ]をオン



■最終コンポジションf:id:ikeinaka:20170806015948p:plain

【AEチュートリアル】ジャンプしながら出現するテキスト

f:id:ikeinaka:20170805021010g:plain

 

❶テキストを用意
 新規[テキストレイヤー]を作成
  文字サイズ[32]px

❷下から出現するアニメーションを設定
 →[アニメーター:▷]
  →[位置]をクリック
   >>アニメーター 1が追加される
  ➡︎[位置]を[0.0],[60.0]に設定

  →[アニメーター 1]
  →[追加:▷]
   →[プロパティ▷]
    →[スケール]をクリック
     >>アニメーター 1にスケールが追加される
  ➡︎[スケール]を[100.0],[150.0]%に設定

 →[アニメーター 1]
  →[範囲セレクター 1]
   →[高度]
    ➡︎[シェイプ]を[上へ傾斜]へ変更
    ➡︎[イーズ(高く)]を[-100]%に設定
    ➡︎[イーズ(低く)]を[100]%に設定

 →[アニメーター  1]
  →[範囲セレクター 1]
   ➡︎[オフセット]にキーフレームを設定
    15f[-100]% 2;13f[100]%
 
❸マスクを設定
 →[長方形ツール]でマスクを追加

  ➡︎*キャプチャー 1

❹跳ねているように見えるアニメーションを設定
 →[アニメーター:▷]
  →[位置]をクリック
   >>アニメーター 2が追加される
  ➡︎[位置]を[0.0],[-10.0]に設定
 
 →[アニメーター 2]
  →[範囲セレクター 1]
   →[高度]
    ➡︎[シェイプ]を[上へ傾斜]へ変更
    ➡︎[イーズ(高く)]を[-100]%に設定
    ➡︎[イーズ(低く)]を[100]%に設定

 →[アニメーター 2]
  →[範囲セレクター 1]
   ➡︎[オフセット]にキーフレームを設定
    20f[-100]% 2;18f[100]%

❺文字の柔らかさを表現する設定
 →[アニメーター:▷]
  →[スケール]をクリック
   >>アニメーター 3が追加される
  ➡︎[スケール]を[140.0],[80.0]に設定

 →[アニメーター 3]
  →[範囲セレクター 1]
   →[高度]
    ➡︎[シェイプ]を[滑らか]へ変更
    ➡︎[イーズ(低く)]を[100]%に設定

 →[アニメーター 3]
  →[範囲セレクター 1]
   ➡︎[オフセット]にキーフレームを設定
    12f[-100]% 2;10f[100]%


*キャプチャー1 マスク設定f:id:ikeinaka:20170805021126p:plain


■最終コンポジションf:id:ikeinaka:20170805021146p:plain

【AEチュートリアル】 静かに浮かびながら出現するテキスト

f:id:ikeinaka:20170803001319g:plain

 


❶テキストを用意
 新規[テキストレイヤー]を作成
  文字サイズ[32]px

❷テキストのアンカーポイントを文字の中心に設定
 →[詳細オプション]
  ➡︎[アンカーポイントの配置]を[0.0],[-50.0]%に設定

❷アニメーターの位置を設定
 →[アニメーター:▷]
  →[位置]をクリック
   >>アニメーター 1が追加される
  ➡︎[位置]を[0.0],[50.0]に設定

❹アニメーターのスケールを設定
 →[アニメーター 1]
  →[追加:▷]
   →[プロパティ▷]
    →[スケール]をクリック
     >>アニメーター 1にスケールが追加される
  ➡︎[スケール]を[80.0],[80.0]%に設定

❺アニメーターの回転を設定
 →[アニメーター 1]
  →[追加:▷]
   →[プロパティ▷]
    →[回転]をクリック
     >>アニメーター1に回転が追加される
  ➡︎[回転]を[0]×[+180.0]°に設定

❻アニメーターの不透明度を設定
 →[アニメーター 1]
  →[追加:▷]
   →[プロパティ▷]
    →[不透明度]をクリック
     >>アニメーター 1に不透明度が追加される
  ➡︎[不透明度]を[0]%に設定

❼アニメーターのブラーを設定
 →[アニメーター 1]
  →[追加:▷]
   →[プロパティ▷]
    →[ブラー]をクリック
     >>アニメーター 1にブラーが追加される
  ➡︎[ブラー]を[15.0],[15.0]に設定

❽アニメーターの高度設定
 →[アニメーター 1]
  →[範囲セレクター 1]
   →[高度]
    ➡︎[シェイプ]を[上へ傾斜]へ変更
    ➡︎[イーズ(低く)]を[50]%に設定
    ➡︎[順序をランダム化]を[オン]に変更

❾アニメーターのキーフレーム設定
 →[アニメーター 1]
  →[範囲セレクター 1]
   ➡︎[オフセット]にキーフレームを設定
    15f[-100]% 4;15f[100]%

➓反対方向への回転アニメーションの追加
 ➡︎[アニメーター 1]を複製
  >>アニメーター 2が追加される
 →[アニメーター 2]
  ➡︎[回転]を[0]×[-180.0]°に変更


■最終コンポジションf:id:ikeinaka:20170803001539p:plain