AfterEffects初心者さんのためのチュートリアル親子関係編外部データ読込時のポイント | お役立ち情報

こんにちは！ Shinobuです。

普段はグラフィックデザイナーや講師として、大阪を中心に活動をしています。

今回は、AfterEffectsを学びはじめた方に知っておいてほしい仕組みついて、作って理解できるチュートリアルをご用意いたしました！
ぜひチャレンジしてみてくださいね。

※わたしはMacでAfterEffects Var.24.6.3を使用しています。

親子関係

AfterEffectsは、慣れない横文字の用語が多いだけでなく、パネル上での選択肢も多いため、慣れるまでがひと苦労ですね。
基本的なキーフレームの操作に慣れてきたころに、今回の親子関係についてトライしてみるといいと思います。

それでは親子関係のチュートリアルです。

幻想的な時計

データの読み込み

いまから親子関係を使って作る動画は、こちらです。

（１）Illustratorで自作した時計盤「時計.ai」を読み込みます。
ここで、Illustratorのデータを作る際、抑えておきたいポイントがいくつかありますので、解説しますね。

素材として読み込むデータの作成ポイント

１）新規作成時に確認：カラーモード「RGB」 素材を作りはじめる際に、カラーモードがRGBであることを確認しましょう。
「フィルムとビデオ」から選択しておけば安心です。
この時、背景が透明表示になって見づらくなりますので、メニュー「表示」>透明グリッドを隠す　を選択すれば、見やすくなります。

２）動かしたいパーツは、バラバラのレイヤーに配置する。
これが一番大事です。今回は時計の針を動かしたいので、「時計盤」「短針」「長針」「秒針」と、４つのパーツにオブジェクトを配置しました。

３）アートボードをオブジェクトサイズに変更する。
読み込んだ際に扱いやすくなるので、アートボードをオブジェクトサイズに変更します。
ツールパネルからアートボードツールを選択すると、アートボードがリサイズできるようになります。

データを読み込む際のポイント

データを読み込む際ですが、以下の手順で行います。

（１）メニュー「ファイル」>読み込み>ファイル　から、読み込みたいデータを選択。（２）ここがポイント。
読み込みの種類は「コンポジション-レイヤーサイズを維持」を選択してください。
ここを間違えると、せっかくバラバラにしたレイヤーが１枚に統合されてしまい、読み込み後に個別で動かすことができません。
また、チェックボックスのチェックは全て外します（特に「シーケンス」はCG制作の時に使用するものです）

（３）読み込んだ素材のコンポジションを確認すると、Illustratorと同じレイヤー構成になっていることがわかります。

※読み込んだ後のコンポジションの背景が、オブジェクトと同じ色だと空っぽのように見えます。
私の場合は、黒で時計盤を描き、コンポジションの背景色も黒になっているようです。

「時計」コンポジションを選択し、【Ctrl+Kキー】（⌘+Kキー）を押します。
コンポジション設定が表示されるので、背景色を任意の見やすい色に変更しておきましょう。
また、デュレーションは５秒にします（0:00:05:00）。