カテゴリー: blog

難しいエフェクトや高価なプラグインを使わなくてもオシャレでカワイイアニメーションが実は作れちゃうんです。
しかも簡単で汎用性が高いので、AEを使ってみようって人はぜひ覚えて損はないですよ！
では早速作っていきましょう！

ペンツールで線を引きます。
この時、波線のようなアニメーションをさせたかったら波線を、テキストの周りに動かしたい場合はそのアニメーションの軌跡を描くように線を引きます。

線が引けたらまずはその線を加工していきましょう。
少し人魂？液体っぽくするためにエフェクトをかけます。
エフェクト「タービュレントディスプレイス」をこのシェイプレイヤーに適用させます。

タービュレントディスプレイスでいい感じにできたら、次は線に丸みをつけていきます。
これをすることでより液体っぽさが増します！
線の先端を丸くし、テーパーで線のお尻になる部分を欲しくします。

これだけですでにいい感じではないですか？
これで線自体の加工は完了です。

次はアニメーションをつけていきます。
アニメーションは、トリムパスを使います。

今回はテキストが表示されるのに合わせて、シェイプが動くようにしたいと思います。

ここまでで完成！となるわけですが、これにさらに味付けをしていきたいと思いますので、
アイディアの一つとしてよければお付き合いください。

まずはこの人魂が文字の前後で動くというものです。

一つでは何か物足りないので、このシェイプレイヤーをコピーし、反転させたいと思います。
反転させるには、スケールのチェーンマークを外し、xの値を[-100]にします。
(今回は横方向に反転させます)

サイバーパンクや近未来的表現には欠かせないHUDが大変人気ですが、今回はデジタルな地球儀を作りたいと思います。
スマホをタップしたら3Dでデジタルな地球儀が浮かび上がってくる表現なんかはすでに使われておりますが、非常にかっこいいですね！あれ。

実はすごく基本的なことだけで作れちゃうんです！
この機会に作って、背景や動画のアクセントとして使っちゃいましょう！

①世界地図をデジタルっぽくする
1920×1080でコンポジションを作ります。
そこに世界地図を配置します。
世界地図は、インターネット上にいくらでもあるのでダウンロードしたものを少しいじります。
陸地の部分を真っ白にしておきましょう。

配置した画像に「CC Ball Action」のエフェクトをかけます。
パラメータを以下のようにすると

世界地図がドットで表現されます。

次に世界地図の画像をコピーし、「CC Ball Action」のエフェクトを削除し、
レイヤースタイルの線を追加します。

レイヤースタイル＞ブレンディングオプション＞アドバンスブレンディングの「塗りの不透明度」のパラメータを変更します。
今回は2％くらいにしておきます。
そして線の色を白に変更します。

するとこのようなデジタルっぽい世界地図が出来上がります。

②球体のカッコイイ地球儀にする
先ほど作った2つの世界地図を選択して、プリコンポーズします。
このコンポジションにエフェクト「CC Sphere」を適用します。
地球儀が小さい場合は「半径」を大きくすると、地球儀が大きくなります。

次にこのコンポジションをコピーして、上側を「Map_Outside」下側を「Map_Inside」とします。
「Map_Outside」のCC SphereのRenderの項目を「Outside」に変更し、
同様に「Map_Inside」では「Inside」に変更します。

こうすることで奥行きが出て、より球体の地球儀っぽくなりました。

さらに奥行きを出して、立体感を出すために「Map_Inside」にエフェクト「ブラー(方向)」を加えます。

これで完成です！
が！！
さらに色を変えたりしたいという場合は、初めのMapコンポジションの中の世界地図の画像の上に、
調整レイヤーを配置し、塗りのエフェクトを加えてあげると自由に地球儀の色を変えることができます。