![見出し画像](https://assets.st-note.com/production/uploads/images/147455279/rectangle_large_type_2_37b4bd7c1490ca1336728c9acd2d7fe7.png?width=1200)
新人デザイナーが挑む!After Effects学習記⑤
こんにちは、YUIDEAデザイナーのマイです。
7月でこんなに暑いのに8月はどうなってしまうんだろうか…
と怯えている今日この頃です。
このnoteでは引き続き
After Effectsの学習の様子を記録していきます。
今回はシェイプレイヤーを用いて
奥行きがあるアニメーションを作っていきます。
今回もTORAERA DOUGAさんの
「アフターエフェクトのシェイプアニメーション入門」講座を
参考に作っていきます。
制作開始
1.背景の追加
まず背景を追加し、エフェクト>描画>塗りで
好きな色を設定します。
![](https://assets.st-note.com/img/1721102458219-wrRI4gTcCQ.png?width=1200)
2.シェイプレイヤーの追加
次に、右クリックから新規>シェイプレイヤーを作成します。
![](https://assets.st-note.com/img/1721102796646-jrYphvEcah.png?width=1200)
このままだとシェイプレイヤー内が空っぽなので、
コンテンツの追加>長方形・線を設定します。
![](https://assets.st-note.com/img/1721103258690-jlANYJmf4g.png?width=1200)
これでシェイプレイヤー内に長方形の線を出現させることができました。
3.拡大するアニメーションを設定
![](https://assets.st-note.com/img/1721103336853-cezv3mNMwF.png?width=1200)
スタート地点で
「サイズ」は【260】
「線幅」を【10】に設定して、キーフレームを打ちます。
そして20フレーム後に、
「サイズ」は【1500】
「線幅」を【260】まで増やしてキーフレームを打ちます。
これで長方形が迫りくるようなアニメーションが作成できます。
![](https://assets.st-note.com/production/uploads/images/147457299/picture_pc_3235c0b2d5f73ca05b49c931a3d59a97.gif?width=1200)
4.回転角度を調整
次に新規>ヌルオブジェクトを追加し、
シェイプレイヤーの親に設定します。
このヌルは先ほどの長方形に「回転」を設定する為の物とします。
![](https://assets.st-note.com/img/1721104247744-HwmgETXg67.png?width=1200)
スタート地点では45度、20フレーム後に180度でキーフレームを打つと、
先ほどの迫りくる長方形に回転をかけることができます。
![](https://assets.st-note.com/production/uploads/images/147457683/picture_pc_790a3c105674cf633734f11e39940c6a.gif?width=1200)
このシェイプレイヤーの線色を黄色に変更し、
わかりやすいようにレイヤーパネルの色も黄色にしました。
![](https://assets.st-note.com/img/1721104289232-sLNvnS2aYi.png?width=1200)
5.シェイプレイヤーを複製・調整
このシェイプレイヤーを「Ctrl+D」で複製します。
複製したレイヤーは線色とレイヤーパネルを青に変更しました。
![](https://assets.st-note.com/img/1721104383135-4qHpMqezIm.png?width=1200)
元々の黄色いシェイプレイヤーとはアニメーションをずらしたいので、
青くしたシェイプレイヤーの「サイズ」を少し大きくしたり、
キーフレームの位置を早めるなどの微調整を行います。
青いシェイプレイヤーが調整できたら、
元々の黄色いシェイプレイヤーを再度Ctrl+Dで複製し、
青の上に持っていきます。
こちらも先ほどと同じように、サイズやアニメーションの終わりをずらしたりして調整します。
6.完成
これらの作業を繰り返し、
完成したのがこちらのアニメーションとなります。
![](https://assets.st-note.com/production/uploads/images/147459010/picture_pc_98799ff89ad9a8410edf0652dfebcf6b.gif?width=1200)
シェイプレイヤーのアニメーションを一つ作成し、
複製して色、太さ、タイミングを調整していくことで
簡単に奥行のあるアニメーションを作成することができます。
今回は長方形で作成しましたが、
円形や三角形など様々な形にも応用できそうです。
次回に続きます。
#YUIDEA #AfterEffects #動画編集 #動画
この記事が気に入ったらサポートをしてみませんか?