Animatorで動かしてみました。あまりにもスムーズで驚きでしたが、では自分で作った時はどうなるのか。Animator用のパペットを作る作業を行なっていきたいと思います。Illustratorでイラストを作成します。今回は、バストアップの画像を作成しました。2.レイヤーごとに部位を分けるイラストが描き終えたら、レイヤーごとに体の部位をバラバラにします。Animatorとの連携が楽になります。のちに設定もできますが、初めから名前で紐づけておく方がいいです。ここで動きのパターンも描きます。(目を開いている時、閉じている時等)Adobeのチュートリアルを確認しつつ、以下の内訳でフォルダ階層も意識し、パーツの振り分けとパターンの作成を行いました。Animatorで単独ワープで動くと指定することができます。ここでしっかりと部位わけをすることで連動が簡単になります。全てのレイヤーを使用する必要はないので、動かしたいポイントなど必要な部分を以下リストからピックアップしましょう。Illustrator上で行いました。Photoshopでパペットを作成する際も、同様の作業「レイヤー分け」、「階層分け」と「マーク付け」を行います。Animatorを使用してのパペットを動かす操作に入ります。北野敦子1987年大阪出身。生活する上で必ず目にするデザインされたものたち。街を歩くだけでも無限の魅力があふれています。ある日ふとそれらに魅了され別業界からデザイナーへ転身。関西を中心にグラフィックデザインからブランド戦略提案などを展開中。2012年タイポグラフィ作品展「OKU-2」出展。KOBITブログでは、定期的に北野敦子さんに記事を寄稿していただいております。デザインに関するものを中心に、役立つ記事を数多く提供していただいておりますので、ぜひ他の記事もご覧ください。Console(旧WEBマスターツール)(24)SEO対策(288)アクセス解析(17)インドマーケティング(3)インバウンドマーケティング(2)インフォグラフィック(1)インフルエンサーマーケティング(1)キャッチコピー講座(6)グロースハック(49)デザイン(77)ハッシュタグ(3)ブランディング(6)マーケティングトレンド(39)マンガでわかるGDPR(1)マンガでわかるGoogleアナリティクス(6)ライティング(2)リードジェネレーション(13)リードナーチャリング(3)動画・Youtubeマーケティング(32)定時に帰ろう(11)広告(4)WEB制作・開発(218)UI・UX(23)VR(バーチャルリアリティ/仮想現実)(2)セキュリティ対策(6)プログラム開発(1)レスポンシブサイト(4)制作会社あるある漫画(167)経営(4)ビジネスプラン策定(2)意思決定(2)面白(14)まずは無料ユーザー登録。