オンラインミーティングなどで画面上に顔を出す必要がある時、僕はこのような動くアバターを使っています。カメラに映る自分自身と同じように体を動かし、話す声に合わせて口パクができます。

実はこれ、Adobe Illustrator（以下、イラレ）で描いたアイコンを、同じくAdobeソフトで少し加工するだけで作れるんです。簡易的な動きだけなら、20分もあれば完成できます。

今回はこの簡易的なアバターの作り方を簡単に紹介します。（マガジンについて詳しくはこちら）

どうやって動かしているのか

動くアバターは『Adobe Character Animator（以下、キャラアニ）』というAdobeソフトで作成しています。イラレやフォトショのデータを読み込み、人形のように動かすことができます。

AdobeCCのコンプリートプランに含まれているので、CCユーザーなら追加料金なしで使用できます。

全体の流れ

冒頭のキツネは、セミナー用に制作した簡易アバターです。おおよその制作手順は以下の通りです。

1. イラレの「ベクター生成」でイラストを生成する

2. イラレで頭や手などをパーツ分けする

3. イラレのデータをキャラアニに読み込む

4. パーツにタグ付けをする

これで自分の動きや声に合わせて動くアバターが作れます。必要最低限だけの作業であれば、トータル20分程度で終わります。

なお、この時点では「自分に合わせて動くアニメーション」が作れるだけです。詳しくは後述しますが、Zoomなどの「配信」で使用するには別途設定が必要です。

（1）イラストを生成する

自分で描いたイラストでもOKですが、手っ取り早く済ませるなら「ベクター生成」が便利です。イラレに搭載された生成AIで、簡単なテキストを入力するだけでベクターイラストが生成されます。詳しい使い方は下記参照。

作例のイラストは「かわいい狐、フラットデザイン」というシンプルなプロンプトで生成しています。