• TOP
  • CATEGORY
    クリエイター
  • TITLE
    今回は、オブジェクトに手軽にアニメーションをかけられる「アニメーションプリセット」について見ていきたいと思います。簡単ですが、とても便利なので是非とも使いこなして頂きたい機能です。
CATEGORY
クリエイター

Adobe AfterEffects:実は簡単に作れる? カッコいいアニメーションロゴを作ってみよう! 「豪華な動きを演出するアニメーションプリセット」

  • DATE
    2019.07.04
  • WRITTEN BY
    湊 あおい

>> 関連記事 : Adobe AfterEffects:アニメーションロゴを作る為には?【 グリッドとスナップ 編】

アニメーションプリセットとは?

オブジェクトにアニメーションをかける際には、以前お伝えしたキーフレームを複数のパラメーターに対していくつも追加しなければ複雑なアニメーションはかけられません。そこで、この「アニメーションプリセット」を使用することで、複雑な設定を必要とせず手軽にアニメーションをかけることができます。

 

 

 

アニメーションプリセットの種類

AfterEffects のアニメーションプリセットには様々なカテゴリが用意されています。今回は、その中でも特に活用できそうなものを3つ紹介します。

・Backgounds

こちらは、映像の背景が集まったアニメーションプリセットです。コンポジション内に平面に対して適用することで背景として使用することができます。実際に適用してみましょう。

まずは、アニメーションプリセットの適用先である平面を作成します。「メニューバー」→「レイヤー」→「新規」→「平面」と進んで平面レイヤーを作成します。

平面設定については、そのまま「OK」をクリックして進んでください。

新たに作られた平面レイヤーに対してアニメーションプリセットを適用してみましょう。

画面右側の「エフェクト & プリセット」→「Backgounds」に様々な素材が用意されています。今回は、この中からデジタルっぽさを演出する「サーキット」を選びます。アニメーションプリセットを適用するには、適用先レイヤーを選択した状態でプリセット名をダブルクリックするか、プリセット名をコンポジションパネルへドラッグ&ドロップすることで適用できます。

今回、アニメーションプリセットの「サーキット」にて作成したBackgroundがこちらです。デジタルのイメージがマトリックスのような感じですね。このような複雑なアニメーションを手軽に作り出すことができます。

 

・Text

続いて、テキストに対するアニメーションプリセットを見てみましょう。今回は、先日作成したテキストレイヤー「DIGITAL DIY」に対して適用してみましょう。適用方法はBackgroundsと同様です。

今回は「エフェクト & プリセット」→「Text」→「3D Text」→「3D はためき (ランダムイン)」を選択して適用します。

テキストに適用できるアニメーションプリセットも様々ですが、今回は立体感のある3D系のアニメーションプリセットを適用してみました。如何でしょうか?このアニメーションを自分で作るとなると複雑で難しいですが、アニメーションプリセットから選べば数秒で出来てしまいますね!

 

・Transitions

最後にTransitionsを見てみましょう。こちらはオブジェクトに「切り替え効果」を与えることができるアニメーションプリセットです。例えば2枚の写真や動画を繋げる時に、ただ並べるとパッと画面が切り替わって面白みがありません。そんな時にアニメーションプリセットのTransitionsを使うことで、1枚目と2枚目がジワッと切り替る等の効果を与えることができます。こちらの適用方法も先の2点と同じです。

今回は「エフェクト & プリセット」→「Transitions」→「カードワイプ(3Dピクセルストーム)」を選択して適用します。

このアニメーションプリセットにより、素っ気ない画面の切り替えを豪華に演出することができるようになります。他にも様々な切り替え効果がありますので、色々と試してみてくださいね。

>> 関連記事 : Adobe AfterEffects:アニメーションロゴを作る為には?まずは基本画面【インターフェース編】

 

 

 


  • ドスパラ GALLERIA

    RM5C-R36


    ・デザインと真摯に向き合うことで生まれた新ケース
    ・洗練されたスペックが、快適なプレイアビリティを実現

  • TSUKUMO

    GA7J-F211/T


    ・ツクモBTOで一番売れているG-GEARシリーズ!
    ・高冷却のオリジナルケースに隙のないオールマイティスペック!

  • Ark

    GC-I5G36M


    ・コダワルほどにオトクになる「自分だけのコダワリの一台」
    ・コダワリを形に出来るカスタマイズ性

  • インバースネット

    FRGH570/SG2


    ・エアフロー性能とデザイン性に優れたプレミアムタワーケース
    ・NVIDIA GeForce RTX 3070 Ti搭載

  • パソコン工房

    LEVEL-R05A-iX4-RBX


    ・拡張性の高いミドルタワーケースを採用したゲーミングPC、購入後のメンテナンスも簡易

パソコン工房 LEVEL-R05A-iX4-RBX

191,980円(税込)

編集部が選ぶ今もっともおすすめのBTOパソコン!
美しさと性能を兼ね備えたBTOパソコン

自在に光り方や色の変更しオリジナリティある環境が構築できるゲーミングPC、拡張性の高いミドルタワーケースを採用し増設がしやすく、購入後のメンテナンスも簡易に可能!

まとめ

今回は、アニメーションプリセットについて触れてきました。ここで紹介したものはごく一部ですが、これらを利用することで工数を大幅に削減することが可能となります。ちなみにアニメーションプリセットはAfterEffectsに用意されているエフェクトの集まりなので、キーフレームを調整することでエフェクトの長さや動きを調整することも出来ますので覚えておいてくださいね!

今おすすめのBTOパソコン

これまでの比較・検証を踏まえて、BTOおすすめ人気ランキングを発表します。なお、それぞれの検証項目に重み付けをしてランキングを作成しました。

※11月1日時点の価格
商品
価格 CPU GPU メモリー SSD HDD 電源
ドスパラ GALLERIA

RM5C-R36

Intel Core i5-11400 NVIDIA RTX 3060 DDR4-3200 16GB(8GBx2) SSD M.2 500GB/td> 650W/80PLUS BRONZE
TSUKUMO

GA7J-F211/T

Intel Core i7-11700 NVIDIA RTX 3060 DDR4-3200 16GB(8GBx2) SSD M.2 500GB 750W/80PLUS GOLD
インバースネット

FRGH570/SG2

Intel Core i7-11700KF NVIDIA RTX 3070 Ti DDR4-3200 16GB(8GBx2) SSD M.2 1TB 2TB HDD 850W/80PLUS GOLD
アプライドネット

Barikata SF30

Intel Core i5-11400 8GB(8GBx1) SSD M.2 500GB 750W/80PLUS GOLD
STORM

PG-DV7

Intel Core i7-11700 NVIDIA RTX 3060 DDR4-3200 16GB(8GBx2) SSD M.2 500GB/td> 850W/80PLUS GOLD

BACK TO LIST