アフターエフェクトで文字が回転するアニメーションを作成する手順

本ページにはプロモーションが含まれています

アフターエフェクトで文字を一文字ずつ出現する方法を習得したら、次は文字を自由に動かしてみましょう。

中でも文字が回転するアニメーションはオープニングムービーでよく見かけるアニメーションです。

難易度は高くないので早速やってみましょう。

ここではアフターエフェクトで文字が回転するアニメーションを作成する手順を解説します。
[toc]

アフターエフェクトで文字が回転するアニメーションを作成する手順

まずはテキストレイヤーと平面レイヤーを用意して適当に文字を入力します。

アフターエフェクト,文字,回転

文字はちょっと長いぐらいのほうがカッコイイですよ。

テキストと平面の作り方が分からない方は以下を参考にしてください。

平面の作成方法
テキストの作成方法

アフターエフェクト,文字,回転

入力したテキストを選択した状態で、ツールバーのシェイプツールを長押しクリックすると5種類から選べます。

この中から楕円形ツールを選択します。

アフターエフェクト,文字,回転

テキストの上に重なるように円形のシェイプが現れます。

この楕円形シェイプのサイズを調整します。

アフターエフェクト,文字,回転

次にテキストのプロパティを開きます。

プロパティに「マスク」が追加されているのが分かりますね。

この状態で「パスのオプション」→「パス」→「マスク1」を選択します。

アフターエフェクト,文字,回転

すると先ほど描いた楕円形シェイプに沿うようにテキスト位置が移動します。

この状態でパスのオプションのプロパティを開きます。

アフターエフェクト,文字,回転

パスの反転オプション内にある、「反転とパス」を確認すると初期状態ではオフになっています。

これをオンに変更します。

アフターエフェクト,文字,回転

すると文字が反転します。

それでは次にアニメーションの設定を行いましょう。

アフターエフェクト,文字,回転

まず、タイムラインインジケーターを開始のフレーム位置(タイムライン左端)に移動します。

次に「パスのオプション」→「パス」→「最初0のマージン」を確認します。

右の値を変更することで、テキストの開始位置が変わります。

適切な位置(値)を決めて、ストップウオッチのアイコンをクリックするとタイムラインにキーフレームが打たれます。

アフターエフェクト,文字,回転

次にアニメーションの終了位置にタイムラインインジケーターを移動させて、最初のマージンの値を変更します。

するとモニターのテキスト位置が変更しますので、適切なアニメーション終了位置に調整します。

これで作業は完了です。

アフターエフェクト,文字,回転

プレビューパネルの再生ボタンを押すとアニメーションが確認できます。

アフターエフェクトで文字が回転するアニメーションを作成する手順 まとめ

こんな感じ!

とっても簡単に文字が回転しました。このアニメーションは応用するといろんなことができますので、ぜひ憶えておきましょう。

アフターエフェクトの文字を動かす基礎講座 目次に戻る

講師・企業のブランド力を飛躍的に引き上げる動画テンプレート

素人でもプロ顔負けのCM・ドキュメンタリー動画を作る「型」を教えます

被写体をカリスマ化させる動画収録・編集講座

被写体をカリスマ化させる動画収録・編集講座で学べること

  • 音楽PV、ハリウッド映画に学ぶギャップの法則
  • ドキュメンタリーは三部構成 そのストーリー構成
  • 思わず最後まで見てしまう映像のつかみ
  • 一瞬で惹きつけるためのBGM選び
  • 失敗、挫折シーンは作れる?ドキュメンタリー素材を作る方法

等々、講師や経営者のカリスマ性を引き出し圧倒的なブランドを築くための映像制作技術が学べます。

オンライン講座について詳しく見る

関連記事

  1. After Effectsの作業効率がアップする初心者が必ず読むべき6…

  2. アフターエフェクトで文字にキラリと光るレンズフレアを適用する方法

  3. アフターエフェクトで文字を一文字ずつ出現させるアニメーションの手順

  4. アフターエフェクトの文字を動かす基礎が全て分かる!初心者必見の記事10…

  5. アフターエフェクトが使えるようになるために必要不可欠な5つの要素

  6. アフターエフェクトの3Dレイヤー講座その1 文字にシャドウを作る

  7. Corporate Slideshow After Effects Templates

    アフターエフェクトテンプレートレビュー MotionArray コーポ…

  8. アフターエフェクトで平面があまりにも重要すぎる2つの理由

人気の講座

  1. アフターエフェクトで文字を一文字ずつ出現させるア…
  2. アフターエフェクトが使えるようになるために必要不…
  3. アフターエフェクトで文字に金属のようなツヤと光を…
  4. アフターエフェクトで文字を一文字ずつフェードイン…
  5. 【アフターエフェクト基本】文字レイヤーを中央に配…
  6. アフターエフェクトの3Dレイヤー講座その1 文字…
  7. アフターエフェクト脱初心者ガイド「コンポジション…
  8. アフターエフェクトで文字にキラリと光るレンズフレ…
  9. アフターエフェクトで文字が回転するアニメーション…
  10. アフターエフェクトの文字を動かす基礎が全て分かる…