minto.tech スマホ（Android/iPhone）・PC（Mac/Windows）の便利情報をお届け！ 月間アクセス160万PV！スマートフォン、タブレット、パソコン、地デジに関する素朴な疑問や、困ったこと、ノウハウ、コツなどが満載のお助け記事サイトはこちら！
※本ページにはプロモーション(広告)が含まれています
After Effectsって難しそう…そんなイメージを払拭します
「After Effectsはプロが使うソフトで、自分には難しすぎる」と感じていませんか？確かにAfter Effectsは高機能で、最初は覚えることが多く感じます。しかし基本的なアニメーション制作の流れを理解してしまえば、初心者でも十分使いこなせるソフトです。
After Effectsはモーショングラフィックス・VFX（視覚効果）・映像合成に特化したAdobe製のソフトウェアです。YouTubeのオープニング動画、テレビCMのエフェクト、映画の特殊効果など、プロの現場で広く使われています。
この記事では、After Effectsを初めて使う方向けに、インストールから基本的なアニメーション作成までの流れをステップバイステップで丁寧に解説します。
この記事でわかること
- After Effectsのインストールとプロジェクト設定方法
- コンポジション・レイヤー・タイムラインの基本概念
- キーフレームを使ったアニメーションの作り方
- テキストアニメーションの基本操作
- エフェクトの適用方法と主要エフェクト
- 映像の書き出し（レンダリング）方法
- よくあるエラーと解決策
After Effectsとは？Premiere Proとの違い
Adobe製の映像ソフトの中でAfter EffectsとPremiere Proは混同されがちですが、役割が根本的に異なります。
| ソフト | 主な用途 | 得意なこと |
|---|---|---|
| After Effects | モーショングラフィックス・VFX・合成 | アニメーション・エフェクト・タイトル制作 |
| Premiere Pro | 動画編集・カット編集 | 複数クリップのつなぎ合わせ・音声編集 |
実際の映像制作現場では、「Premiere Proでカット編集 → After Effectsでエフェクト・アニメーション制作 → Premiere Proに戻してフィニッシュ」という連携ワークフローが一般的です。
After Effectsで作れるもの（代表例）
- YouTubeチャンネルのオープニング・エンディング映像
- テキストアニメーション（タイポグラフィモーション）
- ロゴのアニメーション
- グリーンバック合成（クロマキー）
- パーティクルエフェクト（煙・炎・光の粒子）
- インフォグラフィックアニメーション
STEP 1：After Effectsのインストール
動作環境の確認
| 項目 | Windows | macOS |
|---|---|---|
| OS | Windows 11 / 10（64bit） | macOS 12.0以降 |
| CPU | Intel Core i7以上 推奨 | Apple M1以上 推奨 |
| RAM | 16GB以上（32GB推奨） | 16GB以上（32GB推奨） |
| GPU | VRAM 4GB以上（8GB推奨） | Metal対応GPU |
| ストレージ | SSD 50GB以上の空き | SSD 50GB以上の空き |
インストール手順
- Adobe Creative Cloudアプリをインストール
Adobe公式サイト（adobe.com）からCreative Cloudデスクトップアプリをダウンロードしてインストール。 - Adobe IDでログイン
Creative Cloudアプリを起動してAdobe IDでログイン（アカウントがなければ新規作成）。 - 「After Effects」を検索してインストール
Creative Cloudの「アプリ」タブから「After Effects」を見つけて「インストール」ボタンをクリック。 - インストール完了後に起動
インストールが完了したら「起動」をクリック。初回起動は数分かかることがあります。
注意：After EffectsはAdobe Creative Cloudの有料サブスクリプションが必要です。7日間の無料体験版も用意されています。
STEP 2：After Effectsの画面構成を理解しよう
After Effectsの画面は最初は複雑に見えますが、主要なパネルを覚えれば使いやすくなります。
主要パネルの役割
| パネル名 | 場所 | 役割 |
|---|---|---|
| プロジェクトパネル | 左上 | 読み込んだ素材（映像・画像・音声）の管理 |
| コンポジション（プレビュー）パネル | 中央 | 現在の映像のプレビュー表示 |
| タイムラインパネル | 下部 | レイヤーの重ね順・時間軸・キーフレーム管理 |
| エフェクトコントロールパネル | 左上（プロジェクトと切り替え） | 適用したエフェクトのパラメータ調整 |
| エフェクト＆プリセットパネル | 右側 | 利用可能なエフェクトの一覧と検索 |
| ツールバー | 最上部 | 選択・テキスト・シェイプ・マスクなどのツール |
STEP 3：コンポジションを作成しよう
After Effectsでの作業の基本単位が「コンポジション（Comp）」です。コンポジションとは、映像を作るためのキャンバスのようなものです。
コンポジション作成手順
- メニュー「コンポジション」→「新規コンポジション」（Ctrl+N / Cmd+N）
- コンポジション設定ダイアログで以下を設定する：
| 設定項目 | YouTube用 | SNS正方形 |
|---|---|---|
| 幅 × 高さ | 1920 × 1080 px | 1080 × 1080 px |
| フレームレート | 29.97 fps | 29.97 fps |
| デュレーション | 0:00:10:00（10秒） | 0:00:15:00（15秒） |
| 背景色 | 任意（透明でもOK） | 任意 |
STEP 4：キーフレームアニメーションの基本
After Effectsのアニメーションの根幹となるのが「キーフレーム」です。「このタイミングでこの状態、あのタイミングであの状態」という2点以上のキーフレームを打つと、その間を自動的に補間してアニメーションが生成されます。
基本的なアニメーションの作り方（シェイプレイヤーを動かす例）
- シェイプレイヤーを作成
ツールバーの「楕円形ツール」（Qキー）を選択。コンポジションパネル上でドラッグして円を描く。 - タイムラインで位置（Position）プロパティを表示
タイムラインでレイヤーを選択してPキーを押すと「位置」プロパティが表示される。 - 最初のキーフレームを打つ
タイムインジケーターを0秒に移動 → 「位置」の左にある時計アイコン（ストップウォッチ）をクリック → キーフレームが打たれる。 - 時間を進めて2つ目のキーフレームを打つ
タイムインジケーターを2秒に移動 → コンポジションパネルで円をドラッグして別の位置に移動 → 自動でキーフレームが追加される。 - スペースキーでプレビュー確認
スペースキーを押してRAMプレビューで動きを確認。
主要なアニメーションプロパティとショートカット
| プロパティ | ショートカット | 効果 |
|---|---|---|
| 位置（Position） | P | レイヤーを移動させる |
| スケール（Scale） | S | レイヤーを拡大・縮小させる |
| 回転（Rotation） | R | レイヤーを回転させる |
| 不透明度（Opacity） | T | フェードイン・フェードアウト |
| アンカーポイント（Anchor Point） | A | 変形の中心点を調整 |
イージングでアニメーションを自然に見せる
キーフレームをそのままにしておくと動きが機械的に見えます。「イージング」を使うと動きに加速・減速が加わり、自然で洗練された動きになります。
- タイムライン上のキーフレームを選択（クリック）
- 右クリック →「キーフレーム補助」→「Easy Ease」（F9キーでも可）
- キーフレームのアイコンが砂時計型に変わる
STEP 5：テキストアニメーションを作ろう
タイトルテキストが颯爽と現れるアニメーションは、動画のクオリティを一気に上げます。
テキストレイヤーの作成
- ツールバーのテキストツール（Tキー）を選択
- コンポジションパネルでクリックしてテキストを入力
- 文字パネルでフォント・サイズ・色を設定
- 整列パネルでコンポジション中央に配置（「整列先：コンポジション」に設定してから「水平方向に中央揃え」「垂直方向に中央揃え」をクリック）
テキストアニメーター（アニメーションプリセット）の活用
After Effectsにはテキスト専用のアニメーションプリセットが多数内蔵されています。
- テキストレイヤーを選択
- 「エフェクト＆プリセット」パネルで「アニメーションプリセット」→「Text」フォルダを展開
- 好みのプリセットをダブルクリックして適用
- スペースキーでプレビュー確認
シンプルなフェードインテキスト（手動作成）
- テキストレイヤーを選択してTキー（不透明度）を表示
- タイムインジケーターを0秒に置いて不透明度を0%に設定 → ストップウォッチをクリック
- タイムインジケーターを1秒に移動 → 不透明度を100%に変更
- 2つのキーフレームを選択してF9キーでEasy Ease適用
STEP 6：エフェクトを適用する
After Effectsには数百種類のエフェクトが内蔵されています。エフェクトを上手く活用することで、映像のクオリティを大幅に向上させられます。
エフェクトの適用方法
- タイムラインでエフェクトを適用したいレイヤーを選択
- メニュー「エフェクト」からカテゴリを選んでエフェクトをクリック
- または「エフェクト＆プリセット」パネルで検索してダブルクリック
- 「エフェクトコントロール」パネルでパラメータを調整
初心者におすすめの基本エフェクト
| エフェクト名 | カテゴリ | 使い方・効果 |
|---|---|---|
| グロー（Glow） | スタイライズ | 明るい部分を光らせる。タイトルやロゴに輝きを加える |
| ブラー（ガウス） | ブラー＆シャープ | ぼかし効果。背景のボケやトランジションに使用 |
| カラー補正（色相/彩度） | カラー補正 | 映像全体の色調を変更 |
| ドロップシャドウ | 遠近法 | テキストや画像に影をつけて立体感を出す |
| クロマキー（Keylight） | Keying | グリーンバック（緑背景）を透明にして合成 |
| タービュレントディスプレイス | ディストーション | 映像を揺らして炎・水面・熱気のような表現 |
STEP 7：映像を書き出す（レンダリング）
完成した映像を実際のファイルとして出力する作業が「書き出し（レンダリング）」です。After Effectsには2種類の書き出し方法があります。
方法1：Adobe Media Encoderで書き出す（推奨）
- メニュー「コンポジション」→「Adobe Media Encoderキューに追加」
- Media Encoderが起動する
- 「形式」でH.264（MP4形式）を選択
- 「プリセット」でYouTube用（「YouTube 1080p Full HD」など）を選択
- 「出力ファイル」で保存先を指定
- 「キューを開始」（緑の再生ボタン）をクリック
方法2：レンダーキューで書き出す
- メニュー「コンポジション」→「レンダーキューに追加」（Ctrl+Shift+/ / Cmd+Shift+/）
- 「レンダリング設定」で品質・解像度を設定
- 「出力モジュール」でファイル形式を選択（QuickTimeまたはAVI）
- 「出力先」で保存先を指定
- 「レンダリング」ボタンをクリック
初心者へのアドバイス：Adobe Media Encoderを使う方法が設定が簡単で、YouTube・SNS向けの最適化されたプリセットが豊富に用意されているのでおすすめです。
よくある質問（FAQ）
Q1. After Effectsのプレビューが重くてカクカクするのはなぜですか？
After Effectsのプレビューは、まずRAM（メモリ）にフレームを書き込んでから再生する「RAMプレビュー」方式です。複雑なエフェクトや高解像度映像はメモリを大量に消費するため重くなります。対策として、①プレビューの解像度を「1/2」や「1/4」に下げる、②「環境設定」→「メモリ」でAfter Effectsに割り当てるRAM量を増やす、③不要なアプリケーションを終了してメモリを確保する、などが有効です。
Q2. グリーンバック合成（クロマキー）はどうやってやるの？
After Effectsに内蔵の「Keylight」エフェクトを使います。グリーンバックで撮影した映像レイヤーに Keylight を適用し、「Screen Colour」のスポイトでグリーン部分をクリックするだけで基本的な抜き取りができます。細かい調整は「Screen Matte」セクションの「Screen Gain」や「Screen Balance」で行います。
Q3. Premiere Proと連携するにはどうすればいいですか？
「Dynamic Link」機能を使うと、After Effectsで作成したコンポジションをリアルタイムでPremiere Proのタイムラインに配置できます。Premiere Proのプロジェクトパネルで右クリック→「Adobe After Effectsコンポジションへのリンク」を選択するか、After Effectsからメニュー「ファイル」→「Adobe Dynamic Link」→「Premiere Proシーケンスとしてインポート」を使います。
Q4. モーションブラーはどうやって設定しますか？
モーションブラーは動いているオブジェクトに自然な残像感を加えます。設定は2段階必要です。①タイムラインのレイヤーの「モーションブラー」スイッチ（三重円のアイコン）をONにする、②タイムラインツールバーの「コンポジションのモーションブラーを有効にする」ボタン（同じ三重円アイコン）をONにする。この2つを両方ONにすることで初めてモーションブラーが適用されます。
Q5. エクスプレッションとは何ですか？使いこなせますか？
エクスプレッションは、After EffectsのプロパティをJavaScriptに近い言語で自動的に制御する機能です。例えば「wiggle(5, 30)」と書くだけでレイヤーが自然にランダム振動するようになります。完全に理解するにはプログラミングの基礎知識が必要ですが、よく使うエクスプレッションはコピーして使うだけでも十分活用できます。まずはwiggle（ランダム揺れ）やtime（時間による自動アニメーション）から試してみてください。
まとめ
After Effectsは確かに機能が多く、最初は圧倒されるかもしれません。しかし「コンポジション → レイヤー → キーフレーム → エフェクト → 書き出し」という基本フローを身につければ、あとは応用の積み重ねです。
最初の1週間でマスターすべき3つのことをまとめます。
- キーフレームの打ち方とEasy Easeの適用：すべてのアニメーションの基礎
- テキストレイヤーの作成とアニメーションプリセットの活用：実用的なタイトルがすぐに作れる
- Adobe Media Encoderでの書き出し：完成した映像をファイルとして出力できる
YouTubeやAdobeの公式チュートリアル動画も充実しているので、実際に手を動かしながら学んでいきましょう。After Effectsのスキルは習得するほど映像表現の幅が広がります。
