AfterEffects : Tutorial : Shockwave Tutorial 100% in After Effects!
Shockwave Tutorial 100% in After Effects!
https://vimeo.com/100437961
table:ショートカット
平面作成 Ctrl + Y
平面設定 Shift + Ctrl + Y
コンポジション設定 Ctrl + K
エフェクトコントロールを開く F3
プリセット一覧の表示 Ctrl + 5
拡大 .
縮小 ,
現在フレームをレンダリング Ctrl + Alt + S
1. 新規コンポジション作成
https://gyazo.com/fe1658cada362fdd21f0949f8503ba5c
2. 新規平面作成
Ctrl + Y で平面作成
名前 : Wave
https://gyazo.com/4b8c0e1613495b7b70d9a483b92e8ee7
3. フラクタル ノイズを追加
3.1 エフェクトプリセット一覧からフラクタルノイズを探す
Ctrl + 5 でプリセット一覧が出せる
https://gyazo.com/4b3d183c05aad94a6bccb84a51a6ab9d
3.2 ドラッグアンドドロップでエフェクトを平面へ適用
https://gyazo.com/7882c5106abb7d873d739c29b3b9bb22
エフェクト適用直後
https://gyazo.com/f0c9d378aa9fcd11f1b8a8fd444e7acb
4. パラメータ調整
デフォルトのフラクタルノイズ
https://gyazo.com/d3eb2f6f516200c53b49a6d398e3aa10
table:パラメータ
反転 ON
https://gyazo.com/a30ef8e70d2fbca09a9446ac3834a610
table:パラメータ
フラクタルの種類 ダイナミック(プログレッシブ)
https://gyazo.com/3e582de8fae80d8d029726e105c9d4b0
table:パラメータ
コントラスト 104.0
明るさ -27.0
https://gyazo.com/c092723a68b200aebce8f1d06adda888
5 長方形マスクをかける
長方形ツールを選択
https://gyazo.com/fc6ed755dfc969bfa90cd9a09072775b
以下のようにマスクを設定
https://gyazo.com/e6954dd5d42cb703f3b170792267f5db
以下の二つのパラメータのストップウォッチをクリックしてキーフレームを有効化する
マスクパス(Mask Path)
マスクパスの境界のぼかし(Mask Feather)
https://gyazo.com/9c26b7bf845b195e95397a9b53f5e19e
キーフレーム位置を動かす
https://gyazo.com/8162f114e3ac2da6bfb37633fb8898bf
移動ツールでマスクを下へ移動し、再生時に上から下へ移動するようにする。
マスクの拡張 : 0 -> 62 に変化するようにも設定
https://gyazo.com/663c689a3ac22d266fcb8f0089fbff77
6 展開
展開の部分を動かすとノイズの模様が変化する。
https://gyazo.com/50af7994c0f519ca8a5486e28f8e89c6
以下のようなエクスプレッションを入力
code:展開
time * 150
Alt + ストップウォッチをクリックするとエクスプレッションが入力できるようになる。
7 乱気流のオフセット
乱気流のオフセットを動かすとエフェクトの位置(オフセット)を動かせる。
https://gyazo.com/01e9a0b4f3721caef4c3a3a6db2ad102
これのキーフレームを有効にする。
https://gyazo.com/98ec00e17886d60927a6ddc566fecdc4
数値は (960, 540) -> (960, 951) のように変化させる
https://gyazo.com/fb241c932c7be82b19913bcaaef5b786
https://gyazo.com/fd2fd608ff1b98706f95c159ebf1b990
8 明るさ
https://gyazo.com/77bea604c4d0dee51bd439919258c2b8
明るさのキーフレームを有効化。
https://gyazo.com/815b2371912c6253d41539518b87f142
3,4フレームで -91から-2へ変化させてノイズを出現
https://gyazo.com/a3644e4a14d1b24d49bdf1b6710f7b60
そのあと -2 から-81へ戻してノイズをじわじわ消していく
https://gyazo.com/6c08ef52edc72fa0ba7b17381f5fd796
9. 極座標
調整レイヤーを作成し、極座標エフェクトを適用する
https://gyazo.com/a585de86ca382033196a5787e53a6eca
table:パラメータ
変換の種類 長方形から極線へ
https://gyazo.com/b83fced92891b681d69dfba908767526
10. レイヤーを複製
大きく広がるような要素を付け加える。
衝撃波レイヤーを複製し、以下のように設定
合成モードをスクリーンにする
タイムラインのキーフレームを手前に動かし、速く変化させる
ランダムシード値を変える
マスクの境界のぼかし(Mask Feather)を少し早くする
展開の部分のエクスプレッションを time*150からtime*250に変える
https://gyazo.com/ee953428786567ada9ac183e6da1aeee
乱気流のオフセットは少し早くする
移動先の位置を下の方にずらす
https://gyazo.com/7b3c9e70ae97de037e16bfe8db3c093d
コントラストを小さい値にする
複雑度(Complexity)を大きい値にする(11.2)
table:パラメータ
コントラスト 44
複雑度 11.2
https://gyazo.com/3e55f6362b274186718d095f86f1df4c
トランスフォーム内のスケールの値を増やす
https://gyazo.com/e225ba3e068b5716852f2f3951397c56
さらなる調整 : 再生の時間に緩急をつける
タイムリマップを使って動きの緩急を調整していく。
https://gyazo.com/6acd12a5706037ddbee65e402b7f4d21
1. 時間の再生速度の変更
新しくコンポジションを作成し、タイムリマップ使用可能を実行。
https://gyazo.com/7a6cfcff94a54dcd952bcdd252d4cd2f
タイムリマップ上にキーフレームを打つ。
https://gyazo.com/6981cb0860ba6cffb0893c5248a888e6 https://gyazo.com/210d22c032d8611df1621861846d53f6
打ったキーフレームを左へずらす。
https://gyazo.com/154878df94eb575cf27e1f62ec753862
これによって序盤は速く再生され、そのあとはゆっくり再生されるという時間の緩急をつけることができる
https://gyazo.com/fa13fd5f80de09f7f58c23d7d909ae16
2. カーブを滑らかにする
キーフレームを右クリックし、イージーイーズインを実行
https://gyazo.com/572df9a76393a2efbf56344804db63ad
https://gyazo.com/58a580bc77a63a53a513ae63abed4570
イージーイーズインを実行すると、キーフレームの表示が以下のようになる。
https://gyazo.com/f8ef188a26b36e2d8843e610613811e8
グラフ表示すると以下のようになっている。
https://gyazo.com/ba858dc6c1278b083cd13f07030e3831
以下のように、継ぎ目の部分が滑らかになるように調整を加える。
https://gyazo.com/0f2326c48fc5983be566a7d43523eca6
さらなる調整 : サイズに変化を入れる
スケールに以下のようなキーフレームを打つ。
レイヤーを選択した状態でSキーを押すと、スケールだけ表示ができる。
https://gyazo.com/3aca72503769e8587c21c515eecb8cbe
https://gyazo.com/6b4a3ba737448071f0b621516c4eb00d
■イージングの調整
グラフ表示すると以下のようになっている。
https://gyazo.com/1857273a1514bc2e4b9626793f7d0429
ここで、(100, 100)%のキーフレームに対してイージーイーズを実行する
https://gyazo.com/e669531019beeb2710ad4847d8011c40
実行すると、以下のようになる
https://gyazo.com/735f154fdd9ebb6e208e311b069915ca
サイズの緩急を手作業で調整する。
https://gyazo.com/f5bacdc5ea55729ebb405057ac9c7a4b
レンダリング
ここで衝撃波のレンダリングを行う。
https://gyazo.com/7cf67be7b4386a11434111545b068345
形式を QuickTime に設定
https://gyazo.com/0ba841ae5fb0975d35f7f5e1dc30739d
レンダリングを実行すると mov形式で動画ファイルが主力される
https://gyazo.com/3710bd0bfaf13e831fe5c22ded78873f
レンダリング結果のmovファイルをAEのプロジェクトタブへドラッグアンドドロップし、プロジェクトに追加する。
https://gyazo.com/c08d887e6129b32a93982373837ad8dc
追加した動画はダブルクリックすると再生し、動画内容を確認できる
https://gyazo.com/d7beb49660c701e798a7b84255ebf5db
追加したmovファイルから新規コンポジションを作成
https://gyazo.com/6b3fb773a732b0ad241e4bbe8a86e822
https://gyazo.com/85b27ef73ddec1bde0adbddfa01086cb
さらなる調整 : エフェクトを使って加工していく
レンダリングしたmovに対してエフェクトを適用し、加工を加えていく
table:ショートカット
平面作成 Ctrl + Y
平面設定 Shift + Ctrl + Y
コンポジション設定 Ctrl + K
エフェクトコントロールを開く F3
プリセット一覧の表示 Ctrl + 5
拡大 .
縮小 ,
現在フレームをレンダリング Ctrl + Alt + S
■Unsharp Mask
アンシャープマスクを追加して見た目をクッキリさせる
https://gyazo.com/c92ca15c606cabf4a03256d45a726a6a
■2個目のレイヤー
Ctrl + D でレイヤーを複製。二つのレイヤーをスクリーンに設定
https://gyazo.com/f9c984098dfe98a94eb7281b823fed10
回転ツールで上のレイヤーを回転させる -> スケールの値を小さくして縮小する
https://gyazo.com/4dd26f0cd36a0840c63ef4a64bced202
■トーンカーブエフェクト(Curve)
トーンカーブエフェクトで上のレイヤーのコントラストを少し調整する。(中心のコントラストを少し上げる(明るくする))
トーンカーブ設定例1)
https://gyazo.com/733ea482bf2951eebe1ac4d5fb16d6fd
https://gyazo.com/7dc57e6dc054ca2ac7a32485d8f87b8c https://gyazo.com/f35fc9faff8bd78b30992bb96ca1b254
トーンカーブ設定例2)
https://gyazo.com/b1e39ff361363065f3b0d1636384fc5f
https://gyazo.com/ae1b2214bff41bb5b9d05bac5a91d861 https://gyazo.com/48f5136ba5e665e476c45bc083a5595e
■3個目のレイヤー
一番下のレイヤーを選択した状態で Ctrl + D を押し、コピーをさらに一つ作成する
https://gyazo.com/739c66f39120990d54b0d665c2247a52
複製したレイヤーを大きく拡大する。回転ツールで向きも変える。
https://gyazo.com/eb7c69851ad3998f1f4fef6269710d36
■トーンカーブで色味を調整
https://gyazo.com/fe0f49dff81c05b12b35c953a991f960
https://gyazo.com/98a303e9631184a9e2d85e30acd0e5e0 https://gyazo.com/dc4b283710f7dd97972da22ade6297f8
■バルジ(Bulge)エフェクト
一番上のレイヤーにバルジ(Bulge)エフェクトを追加
https://gyazo.com/8be678a4761adf85b948e008cada9c2c
https://gyazo.com/751a2f35f15406968937645be6502575 https://gyazo.com/9213a7033994eedb53b5079a39b3a96e
■バルジの高さ
https://gyazo.com/05c4942649dbd3a62c9ecddec157473f
バルジの高さ を設定することで、引き延ばし具合を調整できる
https://gyazo.com/9dd8334cfa0719b4360fe6924c534ca1 https://gyazo.com/0d9d9eaf9aa82676494d0237ca1b464b
https://gyazo.com/3cf03bc8ccbc2172ae62451ea34546ed https://gyazo.com/282364906727849108d22f036ca80d5a
今回はバルジエフェクトのパラメータは以下のように設定。
table:パラメータ
水平半径 190.0
垂直半径 190.0
バルジの高さ 2.1
https://gyazo.com/123ddb7bc9ec0df250eccc80c0e8bfe8
■4個目のレイヤー
一番上のレイヤーを選択し、Ctrl + Dで複製。回転ツールで向きを変える。
https://gyazo.com/7acedf42f378ee54b384f6db45cf886c
スケール値を小さく設定する。
https://gyazo.com/7b29dd0579eabdc149e42417913ebbe0
バルジ(Bulge)エフェクトの設定例
table:Bulge
水平半径 96.4
垂直半径 92.8
バルジの高さ -4.0 マイナスの値を入れると中心に向かって伸びるようになる
テイパー半径 130.0
https://gyazo.com/eca158eaf5a8767049bf84c0c643eb01
https://gyazo.com/e412e766672ef944e9dbf65c9fb61be3 https://gyazo.com/8f5f6dde42ce590cb9d92af18e805f68
■5つ目のレイヤー
Bulgeでリング状にした衝撃波レイヤーをCtrl + Dで複製。回転ツールで向きを変えておく
https://gyazo.com/37257be2a7a4db5da836ea2df00086f1
少し大きくする。
https://gyazo.com/c27a15c8332808ef00233085019ef02c
トーンカーブを調整し、ハイライトをつける
トーンカーブ設定例)
https://gyazo.com/eac041216065065ba0bacb9ced02af28 https://gyazo.com/29ea4013d8bc3631472703da3be9c01f
https://gyazo.com/38d04bfbd3a4ad541686aaddd2e71f32 https://gyazo.com/66c73c0efca53defbca46542c1b70bbd
時間の調整
衝撃のスピードを調整していく。
レイヤーを右クリック。
https://gyazo.com/284a178812c43e8b08f8fefe122e2e7b
メニューから時間伸縮を選択
https://gyazo.com/064d45a88b92bf78258211f046dc8db2
50%を設定してOK
https://gyazo.com/6ece0a8e546bacea84834e9b0b025aeb
レイヤーの長さが半分になる。(2倍の速さで再生されるようになる)
https://gyazo.com/e1f79b132abfebac70454e5610782923
伸縮の部分の数字をクリックすることでも、時間伸縮を設定できる。
https://gyazo.com/6a791678e8f7722fd2f79e62f82d186e
https://gyazo.com/aca71e2abd99109dfeacc1abda4037a8
スケール値は大きく変更する。(70%くらいだったのを150%へ変える)
https://gyazo.com/9cfc94103159339d0ecba9888c55fe4a
https://gyazo.com/c4a91c12db4a394ebe7eec1862349163 https://gyazo.com/48cb066285f7f41b4461081adbbc34e2
■サイズに変化を入れる
衝撃波の最初が大きすぎるので、
サイズにキーフレームを打ち、20% -> 150% という変化を入れる。
https://gyazo.com/3c41d1ad95917e26945a9a472bae939b
150%の方にはイージーイーズを入れておく(F9キー)
https://gyazo.com/03b0f83f7bc584fc8407a6fd19f9a40f
便利テクニック : グラフ表示
グラフアイコンをクリックするとタイムラインをグラフ表示できる
https://gyazo.com/64f8a03361c78639beb6c7c6e2575d90
便利テクニック : グラフ全体表示
https://gyazo.com/23d90ad86a01d0aa94225223d9713fdb
便利テクニック : コンポジション作成
既存コンポジションを以下のようにドラッグアンドドロップすると、
新規コンポジションを作成すると同時に既存コンポジションを中に追加できる
https://gyazo.com/b055b6d87cf7064c564da0c1f9db3feb
便利ショートカット
table:ショートカット
U キーフレームが有効になっているパラメータだけを絞り込み
Eを2回押す エクスプレッションだけを絞り込み
F9 イージーイーズ
S スケールだけ絞り込み
Ctrl + Alt + 5 : ワイヤーフレーム表示
After Effects エフェクト一覧 早見表【英語版】