Adobe Character AnimatorでVTuber！頭だけパペットの作り方
Adobe Character Animatorを使って、自分が作ったパペットと呼ばれるキャラクターを身振り手振りに合わせてVTuberのようにアニメーションさせる方法をご紹介します。
今回はAdobe Illustratorを使って、一番簡単な頭だけのパペットを作ります。
動画でも解説しています
まずは、Illustratorで顔のパーツを作る
手足は必要がないので、レイヤー分けの指定に合わせて頭と表情のパーツを細かく作っていきます。
必要なレイヤー構成。
一番上の「spacecamp」は好きな名前に変えられます。
その中の「+Head」レイヤー内に「Mouth」（口）や「Right Eye」（右目）などそれぞれの表情のパーツを作ってレイヤーの中に入れます。以下のレイヤーファイル名の通りにパーツを作ればとりあえず動くようになります。
手足の必要なキャラクターであればもっとたくさんのレイヤーがいるのですが、いきなり複雑なものを作ろうとすると挫折するので、単純な身体でハードルの低いところから始めるのが良いです。
作るのが面倒くさいのですが、この通りの名称で作らないとパペットが動かないのです。
「Mouth」の中の「Neutral」や「Surprised」などは口の動きの名称です。
どういう口の形を作れば良いのかは、Adobeの公式サイトに詳しく載っています。
各パーツを分けて表示を確認しながら順番に作ります。
「Right Eye」（右目）「Left Eye」（左目）レイヤーの中に「Right Blink」（右まゆげ）「Left Blink」（左まゆげ）を作ります。まゆ毛のないキャラクターなので、空のレイヤーファイルを作って名前をつけるだけで良いです。
レイヤー分けが完了したら、aiファイル形式でそのまま保存します。
Adobe Character Animatorでパペットを読み込む
aiファイルをAdobe Character Animatorで読み込んでパペットをタイムラインに表示させれば完了です。
録画ボタンを押して、動いたり喋ったりして音声入りの動画を作ります。完了したらMP4形式で書き出せばYouTubeなどでも読み込んで使えます。
[公開日] 2023年5月17日 / [最終更新日] 2023年11月22日 / カテゴリー：WEBデザイン,イラスト
同じカテゴリーの記事
-
スマホで簡単撮影！ホームページ用の写真の撮り方お店や仕事用のホームページで写真が必要だけど、何で撮影すればいいの？ デジカメ？一眼レフ？ と悩まれるかたは多いと思いま [続きを読む]
-
WordPressの[…]を【続きを読む】に表示・抜粋文字数を変更する方法PHPのバージョンを上げたら、投稿の抜粋を表示するPHPタグで下記のようなエラーが出ました。 Warning: Unde [続きを読む]
-
イラストにおすすめスキャナー・CanoScan LiDE 400レビューアナログで描いたイラストの線画をきれいにスキャンするためのスキャナーを探していたところ、手頃な薄型のフラットベットスキャ [続きを読む]
-
HTMLテンプレート・テンプレどんプロ版を提供開始しましたありがたいことに、たくさんの方々にご使用いただいているHTMLテンプレート「テンプレどん」ですが、機能を追加したプロ版を [続きを読む]
最新の投稿
2025年12月16日
2025年12月05日
2025年12月01日
2025年10月21日
2025年10月14日
カテゴリー
アーカイブ
