Animation Composerの使い方を徹底解説【無料版あり】

こんにちわ！
映像編集者のデリュージョン飯塚と申します！

今回は！Animation Composer 3の使い方を徹底解説！
どこよりもわかりやすく解説します！！

この記事はこんな人におすすめ

After Effectsでの作業を効率化したい
Animation Composer 3の使い方が知りたい
Animation Composer 3で何ができるかを知りたい

この記事を読めばAnimation Composer 3の使い方は完璧です。
After Effectsでの作業が快適になるツールなので、ぜひご参考ください。

Animation Composer 3には有料パックも存在しますが、
本記事の解説は無料版でも使える使い方なのでご安心を！

この記事を書いた人

飯塚

映像編集者
(副業:20 ~ 30万円/月)
youtuber
（チャンネル登録者数：約25000人）
web製作者

映像編集、3DCG、YouTube、ブログ、Web制作など色々やってる副業バカ。

Twitter [New]IzukaEffects ゲーム実況Ch お笑いCh

それではいきましょう！

また、「Animation Composerってそもそも何？無料なの？有料なの？」
という状態の方は、まず以下の記事をご参考ください！
2022年10月6日【完全ガイド】Animation Composerとは何？レビューや使い方など解説！【総まとめ】

お得情報

Mister Horse社の製品を安く買う方法をまとめました。

2022年10月6日Animation Composerの有料パックを最も安く買う方法を解説【商用利用】購入場所を間違えると約10,000円ぐらい損してしまう可能性があるので注意が必要です。
お得に購入できるサイトを紹介していますので、ぜひご参考ください。
»Animation Composer販売ページ

2023年5月10日追記

Animation Composerの料金体系が変更され、サブスクのみになりました...
記事に記載の料金は執筆時の料金になっています。
早急に記事の内容を修正しますので、今しばらくお待ちください。

飯塚

サブスクで毎月支払うとどんどん損していくので、正直Animation Composerはあまりおすすめできなくなりました。
買い切りで永遠に使えるAE Juiceのほうを圧倒的におすすめします。

2023年4月12日【完全ガイド】AE Juiceとは？使い方、レビュー、価格など総まとめ【20%OFFクーポン有】

2023年6月8日速報

AE Juiceがハッピーホリデーセールを開催！！！

ほとんどの製品が安くなっていますが、オールバンドルだと脅威の99%オフ

サブスク型（年）	~~$8,412~~ → $299/年
買い切り型 ← オススメ！	~~$8,412~~ → ~~$199~~ → $149（最安値）
個別製品（商品一覧リンク）	50%OFF

いつもは安くなっても$199までなんですが、現在は$149まで安くなっています。
この値段まで下がるのはかなり珍しいです。
セールは終了すると元の値段に戻ります。お急ぎを！

※追記　限定20%OFFクーポン配布中！

さらに！AE Juice様からこのブログ限定の20%OFF特別クーポンをいただきました。
上記の表リンクか、AE Juice公式ホームページ←から購入いただきますと、自動的に「izuka」という20%OFFのコードが適用されます。

クーポンは他のブログでもよく紹介されていますが、割引率20%はこのクーポンのみ。
セール中なら表の値段よりさらに20%OFFという最安値での購入が可能。

※クーポンコードは提携が終了次第使えなくなりますので、ぜひお早めに！

表のリンクからアクセスし、「カート確認画面」で「Coupon：izuka -$◯◯」と表示されれば、まだクーポンは使えます。
※自動でクーポンが適用されなかった場合は、「Got a promo code?」をクリックし、
izukaと入力してください。

オールバンドルだと$30（約4,100円）は安くなるので、ぜひご活用ください。

Animation Composer 3の使い方を徹底解説

まずはパネル全体を見てみよう！

それでは1つ1つ使い方を解説していきますが、まずはAnimation Composer 3のパネルを見てみましょう！

パネルはこんな感じ！
Animation Compsoer 3のプラグインをインストールすると、自動的にスターターパックが入るようになっているので、
「Starter Presets」「Starter Precomps」などがありますよね。

色々書いてありますが、覚えるべきは赤枠で囲ってある所ぐらいです。

そして、結局のところ
選択 → 適用 → 「Edit」で調節
全てはこれだけなので、使い方は非常に簡単です！

飯塚

それでは見ていきましょう！

まずはAfter Effectsのプロジェクトを保存しましょう！

Animation Composer 3はAfter Effectsのプロジェクトを保存していないと、このようなポップが出現します。
まずは「Ctrl + S」でプロジェクトを保存しましょう！

Presets

まずは「Presets」の使い方を解説します。
「Presets」は簡単にいえばワンクリックでアニメーションを適用できる機能です。

Presets → Starter Presets → Transitions -2DLayers
をクリックすると、何やら変な馬のアイコンが動きだしましたよね。

「Presets」ではこの馬のアニメーションをレイヤーに適用することができます。

飯塚

変な馬自体はレイヤーに反映されないのでご安心ください笑

例えば！
僕のブログアイコンのレイヤーを任意のコンポジションに準備します。

そのレイヤーを選択して、Transitions -2DLayersの任意のアニメーションをクリックすると、
パネル右下に「In」「Out」「Both」というボタンが出てくるはずです。

「In」をクリックした場合は最初のみ、つまり出現のアニメーションのみ適用されます。

「Out」をクリックした場合は最後のみ、つまり消失のアニメーションのみ適用されます。

「Both」をクリックした場合は、両方ですね！

このようにしてアニメーションの適用が可能です。

他で言うと、
Presets → Sterter Presets → Effects -2DLayer
の場合は、「In」「Out」「Both」ではなく、「Apply」のみになります。

飯塚

出現とか消失のアニメーションが無い場合、ただ適用するだけの「Apply」だけなのですね。

さて、Animation Composer 3を導入した時に自動的に追加される「Starter Presets」ですが、
5つの項目があります。

ハイフン(-)以降の文字列によって適用できるレイヤーが変わってくるので注意です。

2D Layer → 2Dのレイヤーに適用可能
3D Layer → 3Dのレイヤーに適用可能
Text Layer → テキストレイヤーに適用可能

そしてここで、Animation Composer 3の便利機能「Edit」を紹介！
この「Edit」ではアニメーションの微調整が可能なんです。

例えば、先程のブログアイコンに上記のアニメーションを適用します。

そして、レイヤーを選択し「Edit」をクリックすると、何やらたくさんのパラメータが出てきました。
これでアニメーションの調整ができると言うわけです。

パラメータの内容はアニメーションによって違ってきます。

例えば今回だったら、
Intensityを下げるとアニメーションが弱くなったり、
Angleを上げると振り幅が大きくなったり。

細かな調節が可能なので、お好みの動きにすることができます！
これは便利。

ちなみにエフェクトコントロールでも同じ調節が可能なので、好きなほうで調整してください！

「Presets」の解説は以上です！

ここまでのまとめ

「Presets」ではレイヤーにアニメーションを適用できる。
「In」「Out」「Both」「Apply」などの適用方法がある。
アニメーション適用後は「Edit」で調節可能！

Precomps

お次は「Precomps」の使い方を解説。
「Precomps」はその名の通り、色々なコンポジションを追加する機能です。

例えば、
Precomps → Shape Elements
から「Particle Fireworks」というものをクリックしてみましょう。

すると、右下に「Add sound」というチェックボックスと、「Add」というボタンが表示されました。
このまま「Add」をクリックします。

すると、編集中のコンポに「Particle Fireworks」というコンポジションが新たに追加されました！
今回追加したのは、花火のアニメーションのコンポジションですね。

このように「Precomps」ではすでに出来上がっているコンポジションを追加することができます。

こちらも「Presets」の時と同様に「Edit」で調節が可能です。
今回は花火の色などを変更できますね。

飯塚

「Presets」とは違いエフェクトコントロールでは調節できないので注意！

追加するコンポジションによっては、
「Animate in」「Animate Out」「Add sound」などのチェックボックスがあります。

「Animate in」 → 出現のアニメーションを適用するかどうか
「Animate Out」 → 消失のアニメーションを適用するかどうか
「Add sound」 → 効果音を適用するかどうか

お好みでチェックしてください！

以上で「Precomps」の使い方の解説は終了！

ここまでのまとめ

「Precomps」ではコンポジションを追加できる。
お好みでチェックボックスにチェックをして追加！
追加後は「Edit」で調節可能！

余談

追加したコンポジションを選択した状態で、「Precomps」にてコンポジションを追加しようとすると、
新たに「Safe Replace」「Replace」というボタンが出現します。

「Safe Replace」 → コンポジションを上書きしないで追加
「Replace」 → コンポジションを上書きして追加
という意味なのでご注意を！

まぁ基本は「Add」で追加していけばいいと思います！

Sounds

お次は「Sounds」の使い方を解説。
その名の通り、「音」のレイヤーを追加できる機能です。

Sounds → Starter Sounds
から任意のサウンドを選択してみます。

すると、下に色々なパラメータが現れました。
ここでパラメータを調節して、「Add」からレイヤーとして追加します。

ここは再生に関するボタンです。
左から、「最初から再生」「再生/停止」「音量」
となっています。

追加前に試聴するための機能ですね！

ここではタイムラインを長くしたり、短くしたりできます。

ここのスクロールバーでは「ピッチ」の調節ができます。
大きくすれば高音高速になり、小さくすれば低音低速になります。

ここのチェックボックスは「反転」ボタンです。
サウンドを反転させたい場合はチェックを入れます。

お好みの調節ができたら「Add」でレイヤーとして追加しましょう！

これまでと同様に「Edit」でいつでも調整可能です。

ここまでのまとめ

「Sounds」では音素材をレイヤーとして追加できる！
追加後は「Edit」で調節可能。

User Library

お次は「User Library」の使い方を解説。
エクスプローラーやFinderを参照できる機能で、結構便利です！

例えば！
僕のPCには、エクスプローラーに「アイコン」というフォルダがあります。
ここにはよく使うアイコンを、PNGやPhotoshopファイルで保存しています。

このフォルダのファイルはAfter Effectsでもよく使うので、Animation Composer 3に参照してみましょう！

User Library → Add Folder
をクリック

フォルダ選択ウインドウが開きますので、
先程の「アイコン」フォルダを選択。

すると、「プレビューはどこに保存するか」というポップが現れます。
これはよくわからないかもしれませんが、Animation Composerのキャッシュに保存したほうが良いです。

なので下のチェックボックスにチェックをいれ、OKをクリック。

するとフォルダの中身がアイコン付きで参照できるように！
Photoshopファイルの中身も見れるようになるので、とても便利です。

ファイルをコンポジションにレイヤーとして追加したい時は、AddをクリックすればOK！

飯塚

よく使うフォルダはAnimation Composer 3で管理しよう！！

フォルダが不要になったら
右クリック → Remove from User Library
で削除すればOKです。

もちろん、PCから完全に削除されるわけではないので、ご安心を。

ここまでのまとめ

「User Library」はエクスプローラーやFinderのフォルダを参照できる。

Tools

お次は「Tools」の使い方を解説。
Animation Composer 3では、After Effectsで使える便利ツールが3つ用意されています。

まずは「Anchor Point Mover」
クリックすると、新たなパネルが開きます。

これは
「選択したレイヤーのアンカーポイントをワンクリックで変えてくれるツール」
です。

任意のレイヤー選択 → 赤枠内の矢印や中央をクリック
これだけでアンカーポイントが変更できます！便利ですよね。

「Anchor Point Mover」には2つのモードがあります。
基本、上の「Insert keyframe to playhead」でOKです。

キーフレームが存在するレイヤーの時は下の「Modify existing keyframes」にしましょう。

詳しくはこちらをどうぞ。

2つ目は「Keyframe Wingman」

キーフレームを選択し、ハンドルを調節することで簡単にイーズをかけられるツールです！

3つ目は「Transition Shifter」

Animation Composer 3で追加したトランジション系アニメーションの調節ができるツールです。

飯塚

特に「Anchor Point Mover」と「Keyframe Wingman」は非常に便利なので、
ぜひ使ってみてください！

ここまでのまとめ

「Tools」には3つの便利なツールがある。

「More」には2つのボタンがあります。

「Manage Products」をクリックすると、「Mister Horse Product Manager」が開きます。

「Discover Packs」をクリックすると、公式HPにアクセスできます。
有料のパックはいかが？的なボタンですね！

以上！これでAnimation Composer 3の使い方解説は終了です。

無料版「Starter Pack」レビュー

2022年10月6日Animation Composer 3「Starter Pack」をレビュー！中身を全て紹介【無料版】 Animation Composer 3をインストールすると自動的に使えるようになるパック、
「Starter Pack」のレビュー記事です。

飯塚

いわゆる体験版ですね！

おすすめの有料パックは？

2022年10月6日Animation Composer「全ての有料パック」をレビュー！全アニメーションを紹介【After Effects】無料でも十分に使えるAnimation Composer 3ですが、有料パックを入れるとさらに幸せになります。

私は全て買っていますが、編集がかなり捗るようになりましたね！
まぁ僕のように全部買う必要はないですが、どれか1つでも入れたら割と世界が変わりますよ！

お得情報

Mister Horse社の製品を安く買う方法をまとめました。

Animation Composer完全ガイド

2022年10月6日【完全ガイド】Animation Composerとは何？レビューや使い方など解説！【総まとめ】 Animation Composerについてもっと詳しく知りたい方のために、完全ガイド記事を作成しました。
使い方や安く買う方法が知りたい方は、ぜひご参考ください！

まとめ

Animation Composer 3の使い方を徹底解説！
基本は選択 → 適用 → 「Edit」で調節

いかがだったでしょうか。
Animation Composer 3の使い方を解説しました。

無料でもかなり使えるツールなので、After Effects使いは全員入れた方がいいレベルですね！

まずは無料で試してみて、「これは使える！」となったらぜひ有料パックもご検討ください。

それでは！

※今回はAnimation Composerについて解説しましたが、
似たようなプラグインでAE Juiceというものがあります。

セール中かつクーポンを適用すると$119で全てのパックを揃えることができ、
Animation Composerよりも圧倒的にアニメーション数が多いです。
正直、今まで見た中でNo.1のコスパの良さです。

2023年5月12日【クーポン・無料版あり】「AE Juice」の使い方・インストール方法を解説！【効率化】

2023年3月24日【ALL BUNDLE】AE Juiceに収録されている「全て」のアニメーションを紹介もちろん好みもありますが、Animation Composerがサブスクのみになった今、
AE Juiceのほうが断然におすすめです。

2023年6月8日速報

AE Juiceがハッピーホリデーセールを開催！！！

ほとんどの製品が安くなっていますが、オールバンドルだと脅威の99%オフ

サブスク型（年）	~~$8,412~~ → $299/年
買い切り型 ← オススメ！	~~$8,412~~ → ~~$199~~ → $149（最安値）
個別製品（商品一覧リンク）	50%OFF