【After Effects初級】二枚の画像を拡大していくワイプで切り替える

After Effects(アフターエフェクト)初級、二枚の写真(画像)を拡大していく五角形のワイプで花の写真から水彩画へ切り替えていくマスクアニメーションです。

「新規コンポジションを作成」・「写真.jpg」がズームアップ-1

最初に二枚の画像「写真.jpg」「水彩画.gif」の二つを読み込んでおきます。

 

 

新規コンポジションを作成

コンポジション名は区別しやすい名前に変更し「デュレーション」は「0.00.05.00」に設定しOK。

 

 

初めに「写真.jpg」をタイムラインにドラッグし配置。

 

 

レイヤー上右クリックから「トランスフォーム」を選択し「コンポジションの幅に合わせる(Ctrl+Alt+shift+H)」

 

 

サイズが横幅にあいました。

 

 

レイヤーを展開し「トランスフォーム」内の「スケール」を選択し、

アイコンをクリックしキーフレームを設定します。このときインジゲーターは0のままで。

 

 

次にインジゲーターをスライドさせ一番最後の時間に合わせます。

 

 

そのまま「スケール」の数値を大きくし画像を拡大します。

 

 

ここまでで「写真.jpg」がズームアップするアニメーションができました。

 

「新規コンポジションを作成」・「水彩画.gif」がズームアップ-1

最初の工程とまったく同じ手順を繰り返します。「コンポジション」

メニューから「新規コンポジション」を作成。

コンポジション名を変更しデュレーションは最初と同じ設定にします。

 

 

タイムラインに「水彩画.gif」をドラッグし、レイヤー右クリックから「コンポジションの幅に合わせる」

次に、「スケール」を選択し、アイコンをクリックでキーフレームを設定

 

 

インジケーターを最後の時間に合わせる。

 

 

そのまま「スケール」の値を大きくし拡大します。

 

 

これで「水彩画.gif」のズームアップアニメーションができました。

 

マスクアニメーションを作成

新規コンポジション

を作成。設定は同じです。

 

 

「wp01」「wp02」タイムラインにドラッグし配置します。

 

 

「wp02」を選択。

 

 

「多角形ツール」を選択(それ以外でもOK)。

 

 

マウスドラッグし画像中央部分にマスク作成します。

 

 

「アンカーポイントツール」に切り替えます。

 

 

【ctrl】キーを押しながらをドラッグアンカーポイントマスク中央へ移動させます。

 

 

 

「選択ツール」に切り替えます。

 

 

「wp02」を展開し「マスクパス」を選択。

インジケーター「20f」に移動させます。

 

 

移動させたらアイコンをクリックしキーフレームを設定。

 

 

キーフレームを設定したらインジケーターを「0」に戻します。

 

 

「0」に移動させたら「選択ツール」でマスクを選択し、

【Shift】+【Ctrl】キーを押しながら中央へドラッグし最小の大きさまで縮小します。

 

 

次にタイムラインのインジケーターを「20f」へ移動させます。

 

 

「選択ツール」でマスクを選択し、

【Shift】+【Ctrl】キーを押しながら画像からはみ出るくらいまで拡大します。

 

 

ここまでで、ワイプが発生し拡大され、花の写真が水彩画に変わっていくアニメーションができました。

 

 

ワイプの動きを滑らかにするためキーフレームを選択

右クリックから「キーフレーム補助」「イージーイーズ」を選択し適用します。

 

 

最後にワイプが発生するタイミングを遅らせます。

「wp02」を閉じておきます。

 

 

「20f」の後ろまでドラッグ。

 

 

これで完成です。

チュートリアル動画

まとめ

マスクアニメーションを使用しワイプでいろんな画像のバリエーションができます。初級編でそこまで難しい工程ではないので色々作ってみましょう。

今回は「【After Effects初級】二枚の画像を拡大していくワイプで切り替える」でした。

また、次回お楽しみ。

【ナイトワークに専門レタッチ講座】

ネットや書籍では手に入らない!ナイトワークに特化したレタッチオンライン講座です。

【特典あり】

・練習用素材+その他素材

・デジタルメイクアクションデータ

・グラフィックデザイン基礎講座(全19項) *レタッチ以外に幅を広げたい方へ

・マーケティング基礎講座(全50項) *クリエイティブのみじゃなく運営/経営にも携わっていきたい方へ

買い切り19,800円が8月17日まで50%offの9,900円です!

もちろん、レタッチ講座内容が、今後追加更新されても追加料金なし!

最新情報をチェックしよう!
NO IMAGE

ナイトワーク専門レタッチ講座

ネットや書籍では手に入らない!ナイトワークに特化したレタッチオンライン講座です。【特典あり】/練習用素材+その他素材/デジタルメイクアクションデータ/グラフィックデザイン基礎講座(全19項) *レタッチ以外に幅を広げたい方へ/マーケティング基礎講座(全50項) *クリエイティブのみじゃなく運営/経営にも携わっていきたい方へ/買い切り19,800円が8月17日まで50%offの9,900円です!もちろん、レタッチ講座内容が、今後追加更新されても追加料金なし!

CTR IMG