Design
vol.4 驚きの表情をつくろう
さがねです
今年最後のLINEスタンプづくりです
今回は初めて「Adobe Animate」で作ってみようと思います
初心者ですのでまずは簡単な動きからにしましょう
まずはいつも通りイラストを用意します
![](https://www.o-design2011.com/cms-system/wp-content/uploads/2020/12/bcf753d70c5f455afac63a4f25b9aeae-1-864x576.jpg)
イラストをAnimateにコピペします
AIで「CCライブラリ」に追加してから読み込んでも
AIデータを「ファイル」→「ステージに読み込み」で読み込んでも
とりあえずなんでもいいそうです
![](https://www.o-design2011.com/cms-system/wp-content/uploads/2020/12/a8a5414505ea30bdcdae2f9dc233ed54-864x576.jpg)
イラストのパーツごとにレイヤーに振り分けます
レイヤーに名前を付けておくと便利です
![](https://www.o-design2011.com/cms-system/wp-content/uploads/2020/12/f67b929d8e4eeb1522ad9c95cde31e99-864x576.jpg)
フレームを10フレームまで伸ばし
右クリック「クラシックトゥイーン」を作成するとバーが紫色に変わります
10フレームめにカーソルを合わせ右クリック「フレームの挿入」します
![](https://www.o-design2011.com/cms-system/wp-content/uploads/2020/12/a10b471e781067585c5266f7d262391f-864x576.jpg)
10フレームめのイラストを作成します
10フレームめにカーソルを合わせ、それぞれのイラストを変更していきます
![](https://www.o-design2011.com/cms-system/wp-content/uploads/2020/12/f6275125363b240979f22c961df8846a-864x576.jpg)
こんなかんじに仕上がります
汗のイラストは1コマずつフレームを挿入し動きを付けました
![](https://www.o-design2011.com/cms-system/wp-content/uploads/2020/12/9951a33cb57be9b52269fc18662ccfc0-864x576.jpg)
「ファイル」→「書き出し」→「ムービーの書き出し」で
フレームの数だけpng画像が書き出されます
あとはおなじみ「アニメ画像に変換する君」を使って変換しましょう
![](https://www.o-design2011.com/cms-system/wp-content/uploads/2020/12/1216.png)
こんな感じに仕上がりました
慣れればphotoshopよりやりやすいかもしれません
今はこれくらいの簡単な動きが限界ですが
勉強して2021年は複雑な動きが付けられるようになりたいですね
ではまた次回!