After Effects でこれらのチュートリアルをお試しください
ビジュアルエフェクトやモーショングラフィックスを作成
After Effectsでキャラクターをウインクさせる方法
Photoshopでつくったイラストを、After Effectsでウインクさせる方法を紹介します。
今回は以下の動画のように、キャラクターをウインクさせる方法を紹介します。動画に使用したいイラストのPSDファイルを用意します。
手順1/5 新規プロジェクトを作成する
アプリケーションメニューのファイル／新規／新規プロジェクト 」を選択し、新規プロジェクトを作成します。
手順2/5 素材となるPhotoshopのファイルを読み込む
アプリケーションメニューの「ファイル／読み込み／ファイル 」からPhotoshop形式のファイルを指定します。
ダイアログが表示されたら読み込みの種類を「コンポジション-レイヤーサイズを維持 」に設定します。
手順3/5 動かしたい箇所を決める
動かしたい箇所を決めるために、プロジェクトパネルで読み込んだコンポジションを選択し、ダブルクリックして開きます。画面下部のタイムラインパネルにPhotoshopと同じレイヤー構成が再現されています。
タイムラインパネルで目閉じレイヤーを選択し、ツールバーの「ペンツール」 を使って左目を囲みます。
目閉じレイヤーの左目だけにマスクがかかり、切り抜かれた状態になりました。
手順4/5 アニメーションの設定
ウインクするタイミングを調整します。まず"目を閉じる"設定を行います。目閉じレイヤーの「タイムグラフ 」左端を3秒目付近でまでドラッグします。
同様に"目を開ける"設定を行います。目閉じレイヤーの「タイムグラフ 」右端を4秒目付近までドラッグします。必要に応じて「タイムラインパネル 」を拡大縮小して操作します。
レイヤーパネルの「レイヤースタイルを追加/グラデーションオーバーレイ 」を選択すると、レイヤースタイルパネルが表示されます。グラデーションのカラーバーをクリックしてグラデーションエディターを表示し、グラデーションタイプのカラーバーを赤と水色に指定します。
手順5/5 プレビュー
「プレビューパネル 」を選択し、再生ボタンを押すとアニメーションが再生されます。
目閉じレイヤーの「タイムグラフ 」の長さがウィンクしている時間になります。長さとタイミングを調整してみましょう。
完成作品
illustration by MONQ © Crypton Future Media, INC. www.piapro.net
まさたかP
2009年初音ミクのPV制作を趣味ではじめ、ネット文化の中心地で活躍、MITで講演など海外での評価が高い。2012年から商業での活動を開始し、冨田勲のイーハトーヴ交響曲、初音鑑での映像監修ほか柴咲コウ、東京女子流、TV番組（OP等）映像、Microsoft Windows Developer Daysオープニング映像など手がける。2014年以降舞台をTVCM、企業プロモーションを中心に活躍している。
〈使用機材〉Windows8.1Corei7 4700K メモリ32GB SSD 500GB GeForce GTX660
〈使用しているツール〉After Effects 、Photoshop、Illustrator、MikuMikuDance、Cinema4D等
〈制作作品のジャンル〉MV,CM、Short Movie
[最適なプランをお選びください]
Illustratorなど単体製品とサービスのみ使用できる単体プランから、PhotoshopとLightroomのバンドル、すべての製品・サービスが利用可能なコンプリートプランまで、ニーズに合わせてお選びいただけます。Creative Cloudプラン一覧 ›
学生や教職員の皆様はお得な学割プラン(学生・教職員個人版)もご利用いただけます。学生・教職員個人版の詳細 ›
