・Facebook

こんにちは!カズノコです! 今回は、Adobe After Effectsを使用して、シェイプを自在に変形させるアニメーションの作り方を解説します。 ※もしもっと効率的なやり方などありましたら是非、YouTubeやTwitter等を通じて教えてください! All rights reserved. (adsbygoogle = window.adsbygoogle || []).push({}); 株式会社ドウガテック代表取締役。動画の作り方講師。映像制作会社や医療系ウェブメディアでの動画担当、東証一部上場企業でウェブマーケティング、ディレクターを担当。国内最大級の動画の作り方入門サイト『カンタン動画入門』を2012年から運営。毎月30万人以上が訪問するまでに成長。動画の制作や教育だけでなく、ウェブを使ったプロモーションにおいてもプロフェッショナル。2016年に東京から九州に移住し、『カンタン動画入門教室』を主催。地方自治体や企業、大学、高校、一般向けに動画の作り方教室を行い、生徒数は100名以上。大学非常勤講師など。, -動画ソフト・アプリ Illustratorなどで作られた人や動物などのイラストをアニメーションにしたいと思った事はありませんか?, 絵が描ける技術や動きを付けるためにいくつもの絵のパターンが必要になってくるので、気が遠くなりそうな作業になると思ってしまいますよね。, しかし、そこまで繊細な動きを必要しないシンプルなアニメーションであれば、イラスト1枚とAdobe After Effectsさえあれば10分程度で、動きのあるアニメーションを作る事ができます。, 本来アニメーションを制作する場合、ベースとなる絵を元に少しずつ変化を付けて1フレーム、1フレーム用意していく必要があります。もし24fpsのフルアニメーションであれば綺麗な動きになるものの、1秒の尺に24枚の絵を用意する必要があるので、時間が膨大に掛かる上に一人で制作するには限界が出てきます。, After Effectsではキーフレームを使用する事で、これらのプロセスを省略することが出来ると以前の記事でも紹介しましたが、テキストやシェイプを使ったモーショングラフィックスではなく、人物や動物などといったイラストに動きを付けたいと場合はどうすれば良いのでしょうか?, シンプルにイラストを読み込んで位置やスケール、回転などのトランスフォームプロパティを使用するのも良いですが、そのままだとあまりリアリティが出てきません。, しかし、After Effectsには動きのないただのイラストや画像のパーツを自由に変形させる事が出来る、パペットツール(Puppet Tool)という強力なツールを使用する事で、より本物らしい動きを付け加えられるようになります。, パペットツールはその名の通りパペット=操り人形みたいに自由にイラストのパーツを動かすことが出来るようにするものです。Creative Suite 3(CS3)の時から付いている機能で、現在ではAfter Effectsのほか、PhotoshopやIllustratorにも搭載されています。, 全て説明するより、実際に動かしてみるほうが良いと思うので、まずは人物のイラストを入手しましょう。筆者はfreevector.comにあるイラストを使って見ることにしました。, After Effectsに読み込む前にまずはイラストの編集を行いたいので、ダウンロードしたEPSのファイルをIllustratorで開きます。, イラストの編集を行う理由は被ってる人物のイラストや背景、影などアニメーションに必要としないものを削除するため。こちらの場合は、一番左にあるイラストを使ってアニメーションにしたいと考えたので、その横にある2つのイラストや背景、下の影を全て削除し、AIファイルとして保存します。, Illustratorを終了し、After Effectsを起動させた後は新規プロジェクト・新規コンポジションの設定を行います。今回はそこまで長くないアニメーションなので、デュレーションを10秒にし、プリセットを「HDTV 1080 24」にしています。, そして先程保存したAIファイルをプロジェクトウィンドウにインポートするのですが、読み込む際にオプションが表示されるので、今回は「読み込みの種類」を「フッテージ」に「レイヤーオプション」を「レイヤーを統合」に選択して「OK」をクリックします。, イラストに細かい動きを付ける場合はIllustratorでレイヤー別けする作業が必要になりますが、今回はシンプルな動きなので、それらの操作は行っていません。, 上部メニューの「レイヤー」、「新規」から「平面」を選択し、好きな背景色を設定します。手前に表示される場合はタイムラインでレイヤーの順番を入れ替えると良いでしょう。, フラットなカラーでも今風で良いと思いますが、立体感を出したいと考えたので、背景色にビネットを追加してみましょう。, 右側にある「エフェクトタブ」から「Vignette」と検索し、「CC Vignette」を背景として設定している平面にドラッグ・アンド・ドロップして適用させます。, 左側の「エフェクトコントロール」にて「Amount」や「Angle of View」などの数値を変更しながら微調整していきます。ビネットの位置を変えたいのであれば「Center」のX、Y軸を変えれば良いでしょう。, イラストのスケールや位置を確定したら、パペットツールを追加していきましょう。まずは動かす対象となるイラストをタイムラインで選択した後で、ツールバーにある画鋲のアイコンをクリックます。, すると、カーソルが画鋲のアイコンになるので、クリックしながら動かしたいパーツ固定させる箇所などに変形ピン(パペットピン)を追加していきます。変形ピンが付け足された部分には黄色いドットが表示され、選択解除すると枠線の黄色いドットになります。, 動かす部分のみに変形ピンを追加するとそこを軸にして変形することになるので、イラスト全体に影響を与えます。また変形ピンの数が少ないと調整しにくくなるので、ある程度の数を追加しておくべきです。, どこに追加すれば良いのか迷ってしまいますが、もし人物などの生き物である場合は、肘や膝、肩や首などの関節部分を中心にピンを追加しておくと良いでしょう。そうすることで体がしっかりと固定され、他のパーツが動かしやすくなります。, 動かしたいパーツに動きを付けるためキーフレームを追加していくのですが、こちらのサイトで何回も紹介している方法でキーフレームを追加していくと、キビキビとして動きにならなかったり、時間が掛かったりするので、リアルタイムでキーフレームを記録する方法でやっていきましょう。, そして画鋲アイコンのパペットピンツールを選択し、動かしたいパーツをコンポジションでクリックします。「Controlキー(macOS: Cmdキー)」を押すとカーソルが腕時計のアイコンになるので、キーフレームが録画される状態になります。, リアルタイムなので、デュレーションを見ながら好きな方向に移動していくと良いでしょう。デュレーションの終わりになるとキーフレームの記録が停止します。, キーフレームが追加された部分を見てみると、モーションパスが表示され、「パペットピン」のプロパティにはしっかりとキーフレームが追加されているのがわかると思います。, ここまでくれば一通りパペットツールを使ってイラストを動かすことが出来るようになったと思います。これに加えて頭や足などにも動きを付け加えるとより面白いものになるので、やっておく事をオススメします。, パペットツールには細かい設定やオプションもあるのですが、そちらについては今回は説明せず、次回の記事にて詳しく紹介したいと思うので、ぜひチェックしておいでくださいね!, こちらの記事はクリエイティブ・コモンズ 4.0 CC-BYライセンスの元公開されています。詳細, キュリオシーンではより多くの方に映像制作のチュートリアルを届けたいと思い、無料で提供しています。, もし記事が役に立ったり、コンテンツに価値を感じていただければ、たったコーヒー1杯分の支援でも大きな励みになるので、ご支援いただけると嬉しいです!, サイトのコンテンツを楽しんでいただけましたか?キュリオシーンに投げ銭したい!という方は下のボタンからサポート出来ます。, Curiosceneは映像制作に興味を持つ多くの方々にぜひ利用して頂きたいと考えており、クリエイティブ・コモンズライセンス(CC-BY 4.0)のもと個人の利用はもちろんのこと、商用利用もこちらのページに記載されてあるポリシーを守って頂ければ自由に利用することが出来ます。

.

Access レポート印刷 レコード 指定 4, フィッシャーズ 登録者数 リアルタイム 46, Auto Like Facebook 2019 15, 和楽 イケメン 口コミ 6, Salve, Terrae Magicae 15, ヲタ恋 映画 ひどい 5, Anytrans For Ios 文字化け 7, Gadoro 歌詞 Go On 4, Android 内部ストレージ 復元 6, キーボード Wasd シール 6, ゲオ 買取価格一覧 Dvd 5, Xmedia Recode 音量補正 8, B'z Shine Mp3 13, バイク マフラー 構造 6, 婦 宝 当 帰膠 太る 6, 北九州市消防局 採用 倍率 6, かくしごと 1話 動画 5, 運動会 弁当 梨 5, Jpride 708 ペアリング 4, 足立区 バイク 車検 4, 猫 指間炎 イソジン 9, 復縁 できない 占い 6, 子宮体癌 再発 腹膜 播種 ブログ 27, Fire Hd 広告id 6, Ja71 タービン 流用 6, Ae 色調補正 夜 4, 軽自動車 Na 高速 14, メルカリ イラスト 晒し 11, タクティカルアサルトコマンダー F14 中古 10, 栗 リゾット 落合 4, イルメグ で暮らす 約束事 17, プリクラ ポーズ 年代別 7, 秀吉 家紋 フリー 11, ペット お墓 庭 方角 23, Pubgモバイル エモート ダンス 5, 差し歯 違和感 慣れる 10, たまごっち すぐ 病気になる 8, 風営法 違反 従業員 5, Hiband W12 Amazon 4, ユニクロ プレミアムリネンシャツ メンズ サイズ感 5, Steam みんなでわいわい 無料 4, 裁縫道具 名前 テスト 18, ウイイレ2020 ライト 友達 対戦 9, エクセル A4サイズ 作成 12, クリスタルケイ 恋に落ちたら ドラマ 4, バッハ 音楽の父 由来 22, アコギ 指弾き カッティング 11, 猫 指間炎 イソジン 9, 老健 他科受診 退 所 7, ヤマハpas バッテリー 再生 9, Gta5 Mod導入 2020 19, おへそ 掃除 スピリチュアル 12, Tinymce Advanced 画像挿入 6,