Adobe Character AnimatorでVTuber!頭だけパペットの作り方
![アバターを作ろう](https://popo-design.net/wp/wp-content/uploads/2023/04/vtuber-header-1024x576.jpg)
Adobe Character Animatorを使って、自分が作ったパペットと呼ばれるキャラクターを身振り手振りに合わせてVTuberのようにアニメーションさせる方法をご紹介します。
今回はAdobe Illustratorを使って、一番簡単な頭だけのパペットを作ります。
動画でも解説しています
まずは、Illustratorで顔のパーツを作る
手足は必要がないので、レイヤー分けの指定に合わせて頭と表情のパーツを細かく作っていきます。
![イラストレーターでキャラを作る](https://popo-design.net/wp/wp-content/uploads/2023/04/1-1024x566.webp)
必要なレイヤー構成。
一番上の「spacecamp」は好きな名前に変えられます。
その中の「+Head」レイヤー内に「Mouth」(口)や「Right Eye」(右目)などそれぞれの表情のパーツを作ってレイヤーの中に入れます。以下のレイヤーファイル名の通りにパーツを作ればとりあえず動くようになります。
手足の必要なキャラクターであればもっとたくさんのレイヤーがいるのですが、いきなり複雑なものを作ろうとすると挫折するので、単純な身体でハードルの低いところから始めるのが良いです。
作るのが面倒くさいのですが、この通りの名称で作らないとパペットが動かないのです。
![レイヤーの階層](https://popo-design.net/wp/wp-content/uploads/2023/04/2.webp)
「Mouth」の中の「Neutral」や「Surprised」などは口の動きの名称です。
どういう口の形を作れば良いのかは、Adobeの公式サイトに詳しく載っています。
各パーツを分けて表示を確認しながら順番に作ります。
![レイヤー分けをする](https://popo-design.net/wp/wp-content/uploads/2023/04/3-1024x566.webp)
「Right Eye」(右目)「Left Eye」(左目)レイヤーの中に「Right Blink」(右まゆげ)「Left Blink」(左まゆげ)を作ります。まゆ毛のないキャラクターなので、空のレイヤーファイルを作って名前をつけるだけで良いです。
レイヤー分けが完了したら、aiファイル形式でそのまま保存します。
![まゆげのレイヤー分け](https://popo-design.net/wp/wp-content/uploads/2023/04/4.webp)
Adobe Character Animatorでパペットを読み込む
aiファイルをAdobe Character Animatorで読み込んでパペットをタイムラインに表示させれば完了です。
![キャラクターを取り込む](https://popo-design.net/wp/wp-content/uploads/2023/04/5-1024x716.webp)
録画ボタンを押して、動いたり喋ったりして音声入りの動画を作ります。完了したらMP4形式で書き出せばYouTubeなどでも読み込んで使えます。
![録画する](https://popo-design.net/wp/wp-content/uploads/2023/04/6-1024x718.webp)
[公開日] 2023年5月17日 / [最終更新日] 2023年11月22日 / カテゴリー:WEBデザイン,イラスト
同じカテゴリーの記事
-
Adobe CCソフトをデジハリからお得に安く買う方法
デザインするなら必須のAdobeソフトですが、高機能な分お値段が高いのがネックです。 ふつうにAdobeの公式サイトで購 [続きを読む]
-
HTML無料テンプレートを制作しました【商用利用可・著作権表示フリー】
無料で使えるHTMLテンプレートを作りました。 URL:https://popo-design.net/template [続きを読む]
-
ブログの文字数は長いほど効果的かについて考える
ブログの文章を書くにあたってどれくらいの分量を書けば良いかと聞かれることがあります。 内容によっては800字くらいだった [続きを読む]
-
WordPressでfont-weightが効かないWEBフォントを太字にする
CSSでWEB上のフォントを太字にするには、font-weightで指定する方法がありますが、一部のWEBフォントでは対 [続きを読む]
最新の投稿
2024年07月16日
2024年07月16日
2024年07月10日
2024年06月25日
2024年06月03日
カテゴリー
アーカイブ
![HTML無料テンプレートダウンロードサイト](https://popo-design.net/wp/wp-content/themes/popodesign/img/temp-banner.png)
![LINEスタンプ販売中](https://popo-design.net/wp/wp-content/themes/popodesign/img/line-banner.webp)
![Kindle電子書籍](https://popo-design.net/wp/wp-content/uploads/2022/07/kindle-banner.webp)