aftereffectsでテレビの画面がつくアニメーションの作り方

2014年3月5日

まずはこちらをごらんください！

 

 

【CM01】CMのアニメーションをaftereffectsで再現！ au編

以前こちらの記事

「【CM01】auのＣＭのアニメーションをaftereffectsで作ってみた！」

 

で紹介した携帯会社のＣＭのアニメーションの再現です

今回この動画の中の「画面がつく」アニメーションの作り方を紹介しようと思います

 

 

 

Part １「aftereffectsで電波が「ピピピッ」と出るアニメーションの作り方」

 

に次ぐ

題して

(Part 2)「aftereffectsでテレビの画面がつくアニメーションの作り方」！！！

さっそく始めます

ＳＴＥＰ１　画面のフレームを配置

このテレビのイラストのフレームの中に

「画面がつく」アニメーションを作っていきます

ＳＴＥＰ２　新規平面を作成

①フレームと同じ色の平面を作成

ＳＴＥＰ３　平面にシマシマのエフェクトをかける

このエフェクトをかけたい！

切り株の年輪のような模様を作りましょう

②先ほどのオレンジの平面に

エフェクト→トランジション→ブラインド

③ブラインドのエフェクトコントロールで数値を変更

このままだとタテジマだけなので今回作りたい年輪のシマシマに変更します

しかし「ブラインド」エフェクトだけでは円形に変更が出来ません

ＳＴＥＰ３　ブラインドを円形に変形させる

先ほど「ブラインド」エフェクトをかけたオレンジ平面に上から

エフェクト→ディストーション→「極座標」をかけます

④値を変更するとエフェクトが適用されていきます

この時注意していただきたいのが

⑤必ず「長方形から極線へ」にしてください

でないとこうなります

ＳＴＥＰ４　このままだと放射状なので円形に変更

⑥「ブラインド」の方向を９０°にします

ＳＴＥＰ５　テレビの画面のベースを作る

先ほど作成したブラインドの平面はおいておき

⑦ペンツールでフレームにそって画面のシェイプを作成します

ＳＴＥＰ６　テレビのフレームにはめ込む

⑧「ブラインド」エフェクトがかかったオレンジ平面を

先ほど作ったシェイプレイヤーの下に配置し

トラックマットをアルファマットにします

ＳＴＥＰ７　最終調整

⑨「ブラインド」で画面がつくタイミングを調整

幅なども「ブラインド」の「幅」で調整できます

オレンジ平面の位置を中心にずらし、お好みで横をのばせばあのＣＭのような形が作れます

このチュートリアルを通して操作を学んでいただければ幸いです

スポンサードリンク

タグ: aftereffects, animation, au, CM, tutorial, アニメーション, チュートリアル