![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/16a416c6-2d26-4b46-bec6-11fcaaa52404_rw_600.jpg?h=dbfebea360a6eedf9935d857629bcb34)
1. はじめに
1.1 Adobe After Effectsとは
After Effectsは、2Dアニメーション、モーショングラフィックス、3DCG合成、カラーグレーディング、VFX(特殊効果)等、幅広い用途で用いられるソフトウェア。多数のレイヤーにキーフレームアニメーション処理を行うことから、Photoshopの動画版とも呼ばれることもある。高機能なエフェクトやプラグインにより、特異なソフトウェアとして進化している。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/85001a64-c184-4f90-a427-153b8bb3ec26_rw_1200.jpg?h=1c7692f87aa15254965b64330cc31e5b)
上画像のイラストレーションは(c) Kana Kitamura。
1.2 After Effectsの位置付け
下図は、映像作品の構成例を図にしたもの。映像作品ではPremiereのようなビデオ編集(タイムライン編集)を行う部分と、オープニングシーケンスやVFX、3DCG合成のように短い時間の中で細かく調整が必要な部分があり、After Effectsはこのような制作に適している。Premiereが長尺(分単位以上)の編集に利用されるのに対して、After Effectsは秒単位、フレーム単位のアニメーション、エフェクト、合成等に利用される。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/61a8a8cb-775d-4008-8df9-9e7becac963d_rw_1200.jpg?h=b2c66c3578236c6fd45e259b082268fe)
Premiereの編集概念は「シーケンス」=「連続したつながり」であり、クリップを連続して配置していくタイムライン編集作業であるのに対して、After Effectsの編集概念は「コンポジション」=「構成、組み立て」であり、レイヤーを多数重ねて、キーフレームを追加していくキーフレーム編集を基本とする。近年ではPremiereにもAfter Effectsに近いキーフレーム編集が追加されており、Premeireとも重なる機能が増えてきている。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/45c5fed1-97cd-460f-a7ec-b277e5a13fb7_rw_1200.jpg?h=1b6471bc4fb059b0582a2d2a02fc165b)
Premireの中にAfter Effectsのコンポジションを読み込んだり、After EffectsでPremireのシーケンスを読み込むことも可能で、相互連携しながら映像作品の制作を行うことができる。
下映像はAfter EffectsとPremiereの違いを解説したもの。
2. 膨大なプラグインとスクリプト
After Effectsには100種以上のプラグイン(=エフェクト)が搭載されており、サードパーティー製含めて数百種のプラグインが存在する。現在のAfter Effectsに搭載されているプラグインも元々は別会社で開発されていたものをAdobeが買収したものも多い。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/a19e75d5-d118-4d2a-baca-b44ca8838851_rw_600.jpg?h=debe954b9f5ee69d473c550d13705fcd)
プラグインは日本国内ではFlashbackで購入することができる。海外メーカーサイト直販で購入できるものもあるが、Flashbackが国内販売権を有しているものも多い。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/bd293a5e-609b-4b9f-9380-0c21b14e7be4_rw_1200.jpg?h=492fc9fe31dd82535aee7f7c94446a8c)
それぞれのプラグインは単純なエフェクト的なものから、プラグイン単体で一つのソフトウェア並みの機能を持つものもある。また、手動で行うには手間のかかる作業を自動化するスクリプトも有料無料含めて多数公開されている。プラグインやスクリプトを含めて、After Effectsを一度に理解することは困難であり、料理のレシピを覚える感覚で、実現したい映像表現に絞ってやり方を覚えていくことが修得の第一歩だと言える。
(参考)
3. チュートリアル紹介
これまで述べたように、After Effectsは基本機能に加えて、プラグイン独自の操作方法やノウハウが存在する。プラグインの使い方は、YouTube、メーカーのサイト等、様々なチュートリアルが公開されている。以下、一部を紹介する。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/24a07905-5471-4026-a088-d6e5d6c8483b_rw_1200.jpg?h=d8269e12e8e86d4c2a4a462b9a74fc3e)
3.2 Video Copilot
After Effectsのプラグインを開発・販売するVideo Copilotのウェブサイトでは、After Effectsのチュートリアルが多数公開されている。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/eddaebec-c6c5-4778-a006-5b6bca741c7f_rw_600.jpg?h=7d6cdace00e53fd69bf5ff369a07ade5)
3.3 ayato@web
ayato@webこと藤井彩人氏のサイト。近年の更新頻度は低いが、After EffectsのVFXの基本を学ぶことができる。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/2e64951b-2bfd-4e95-8f23-67be3403bdde_rw_600.jpg?h=9762abd39a888ee999a2ec1a12ed7ee2)
4. コンポジションの位置付けと使い方
4.1 After Effectsの作業の流れ
After Effectsではコンポジションを作成してから、そこに動画(フッテージ)、静止画、音声の素材データをレイヤーとして読み込んでエフェクトやキーフレーム等の設定を行う。最終的に書き出される完成データのフォーマット(解像度、フレームレート等)はシーケンスの設定に依存する。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/5e858b71-c364-454a-b201-a5ec1054da67_rw_1200.jpg?h=16745539b211ad60c905e1d80751a93e)
4.2 コンポジションの入れ子
After Effectsでは複数のコンポジションを作成することができる。下図のようにコンポジションの中にコンポジションを入れる(入れ子)ことも多い。子コンポジションは各種素材データと同等に扱うことができる。Premiereのシーケンスとは異なり、コンポジションの入れ子はIllustratorのグループ化に近いイメージ。エフェクトによっては子コンポジションに設定を行う必要があるものもあり、コンポジション同士の関係が複雑になっていくので慣れが必要。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/bf963e20-d6e8-4d9e-84fb-99deb3f1cf17_rw_600.jpg?h=b02b75a626fbcb52eaa84c06a35cc5c5)
4.3 プリコンポジション
下図のようにフッテージ(動画)にプリコンポーズを行うことで、子コンポジションの作成と同時にその中にフッテージを移動させることができる。元のフッテージに適用されていたエフェクトやキーフーレームはそのままフッテージに適用したままにするか、子コンポジションに適用するかを選択できる。エフェクトでの設定時やレイヤーが複雑になったときの整理等、プリコンポジションを用いることは多い。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/17a60820-3c3c-469e-a583-82c6bc7ed38d_rw_1200.jpg?h=72bf5db2864c73503ca8e608a5a8c7bc)
5. 素材の準備
After Effectsではモーションタイポグラフィのように素材がなくてもコンテンツを制作できる。最初の段階では、素材は使わず演習を進める。
必要に応じて、写真の撮影・編集等の作業や、講師から素材データを配布する。
6. フォルダの作成
Premiereでの映像制作と同じく、プロジェクト用のフォルダ(名称任意、下図ではae_project)を作成して、そのフォルダ内に素材データを格納するmediaフォルダを作成する。今回は素材データは利用しないが通常は動画や静止画等を入れるフォルダとなる。あくまで一例なので、制作物に合わせてfootageやaudioフォルダ等も追加しながら整理してほしい。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/5f9b0898-0655-4925-8528-30b28aea99a0_rw_600.jpg?h=b7387450a7bcee27d7cdf99949dd41e6)
7. After Effectsの起動
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/d2ca5978-4c79-477e-8efc-54c96fba5b0c_rw_600.jpg?h=f424df5bc083d9165b82d3cec6a562ce)
インストール後の初回起動で学習パネルが表示されていれば、パネルを閉じる。次回からは表示されない。表示したい場合は「ウィンドウメニュー > 学習パネル」で表示。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/732dfdff-dc08-480d-a218-379997af5267_rw_600.jpg?h=f56d541cc854eb0ebedfa6375a971716)
8. 新規プロジェクトの作成
ホーム画面が表示される。左上の「新規プロジェクト」をクリックする。
慣れてくれば、右上の「情報を非表示」をクリックしてチュートリアルは非表示にしておく。
慣れてくれば、右上の「情報を非表示」をクリックしてチュートリアルは非表示にしておく。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/54a9f0ff-6f1a-4e65-89d7-de56151b4486_rw_1200.jpg?h=7507dc11ff634da7d42ba2ef970e8891)
空のプロジェクトが表示される。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/b8bd907f-507f-4b37-80dd-2efeaca2ff3d_rw_1200.jpg?h=85268c077a57fc154ffd2f8d19321d02)
9. プロジェクトファイルの保存
「ファイルメニュー > 別名で保存 > 別名で保存」をクリックする。
2回目の保存からは「ファイルメニュー > 保存」をクリックする。
2回目の保存からは「ファイルメニュー > 保存」をクリックする。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/80ba0cf9-f185-41e0-9ec5-0d06881f22ad_rw_600.jpg?h=292bfa93235f0e2514a72b0f51c7fe57)
10. コンポジションの作成
10.1 ゼロから新規コンポジションを作成(今回の方法)
以下の3つの方法がある。
方法① コンポジションパネルの「新規コンポジション」ボタンから
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/7c8dd8bd-9950-422e-9dbb-f19f4779816b_rw_600.jpg?h=607f1854202f3d481c017e442ce6f5a9)
方法② プロジェクトパネルの何もない場所で右クリクメニューから
個人的にはこの方法を使うことが多い。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/aac4668e-a777-4614-8f4c-e144031764bf_rw_600.jpg?h=5bb4d6670ebc555d98aa830b564af705)
方法③ コンポジションメニュー > 新規コンポジションから
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/bacfa894-84d1-49d4-bb59-624790eb11bd_rw_600.jpg?h=067e5f450bd1188233dc7450aa914dd5)
コンポジション設定は、ここでは広く普及しているFull HDサイズで作成する。
・コンポジション名:コンポ1(初期値のまま)
・プリセット:HD・1920x1080・29.97fps
・デュレーション:5;00(初期値のまま)
・プリセット:HD・1920x1080・29.97fps
・デュレーション:5;00(初期値のまま)
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/0c439ac6-558e-4aee-9fb8-17b4041d5055_rw_600.jpg?h=d3548601898d3e7bfb1af45a020af258)
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/bd80ff42-4580-435f-8ff5-d0f0f86cd023_rw_1200.jpg?h=cff5c5de91542eb6e2982f606b0079cc)
10.2 素材(フッテージ)からコンポジションを作成(省略)
素材の画像サイズやフレームレートを自動的に反映したコンポジションを作成することができる。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/c42494b9-31e8-4018-aeb2-6f9b5886599d_rw_600.jpg?h=09e5c3fed4cc3e5b94956f08a1ddb304)
11. ユーザー・インターフェース
11.1 UI概観
UIの見た目はPremiereに近いと思えなくもないが、After Effectsではタイムラインにレイヤーを多数配置して、キーフレームの編集を行っていくスタイルであり、クリップベースのPremireとは大きくアプリケーションの設計コンセプトが異なる。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/4b0e5e04-df12-4ddb-aa01-dcba27e230b0_rw_1200.jpg?h=2bac523c88242662a345c90a5088e51d)
11.2 各パネルの選択状態
どのパネルを選択しているかによって処理プロセスに影響する。メニューで選択できる内容が切り替わるものもある。選択されたパネルは縁に青いラインが表示される(下図)。意図しない処理になっている場合はパネルの選択状態を確認してみよう。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/f2635b13-0609-4e05-9e3f-3c1f1275227a_rw_600.jpg?h=305de061118f5493327307dd735b8f3e)
11.3 ワークスペースの切り替え
作業に応じてワークスペース(パネル配置のプリセット)を切り替えることができる。授業ないでは「標準」での説明を行うが必要に応じて変更してもよい。以下の2つの方法がある。
UI右上から切り替える方法。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/94fc1146-e82e-4add-ac3d-a02a7128dc36_rw_600.jpg?h=ac8187121829f3b667993a26d23c10de)
ウィンドウメニューから切り替える方法。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/414618de-2019-40ba-be8e-376b20d6f7e1_rw_600.jpg?h=bc5da9be46aa9b14815ae07295d7b4b1)
11.4 ワークスペースのリセット
パネルのサイズ変更や意図しない誤操作でワークスペースのレイアウトが元に戻らなくなった場合には、リセットすることで初期状態に戻すことができる。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/49494824-204e-4ea7-97ad-0c5ddd941d04_rw_600.jpg?h=386ca539c93ffdec14639d8033165da9)
12. 平面レイヤー
12.1 平面レイヤーの作成
平面レイヤーは単純なベクター図形だが、マスクや各種マット、エフェクトでの利用等、様々な用途に用いられる。今回は背景色として用いる。
以下の2つの作成方法がある。
タイムラインで右クリックして表示されるメニュー「新規 > 平面」から作成する。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/450f9a52-bf89-415f-8e36-7468c79d4d54_rw_600.jpg?h=d204fcb3d9cf99d372b3f6c5e12da5cc)
もしくは、「レイヤーメニュー > 新規 > 平面」から作成する。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/c93c47c2-7750-4b79-baff-ab8021ac3978_rw_600.jpg?h=900db809e7a8dbebd477044e6842a027)
平面設定では以下を設定する。
・幅:1920 px、高さ:1080 px 初期値にはコンポジションサイズが入力されるので変更なし
・カラー:クリックして任意の色に変更する
・カラー:クリックして任意の色に変更する
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/22844aeb-c942-4b29-9be8-7097173ea564_rw_600.jpg?h=e9c8a70774fdbac64aaca008b15ebaf3)
タイムラインに平面レイヤーが作成される。プロジェクトパネルでは自動的平面フォルダが作成され、その中に平面フッテージとして保存されるので再利用も可能。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/5481d382-3fc6-4a8f-a03c-9bcb43ea1905_rw_1200.jpg?h=831c693b36e4b0dc0ac0849770fb1e3d)
12.2 作成後の変更
タイムラインで平面レイヤーを選択した状態で「レイヤーメニュー > 平面設定」をクリックする。作成時と同じダイヤログで変更できる。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/5cb11068-f9ee-4ce1-a1f9-c6f9cd31578c_rw_600.jpg?h=4674049079826282fdf2e94d88cc305c)