イラストが描けたら、Procreateのアニメーション機能を使って肩を震わせて笑っているアニメーションを作ってみましょう!顔と肩のレイヤーを分けるだけで簡単にできるアニメーションです。
![](https://u-tami-1.com/wp-content/uploads/2021/04/procreate.png)
![](https://u-tami-1.com/wp-content/uploads/2023/05/名称未設定のアートワーク-3.gif)
レイヤーを分けて描く
![](https://u-tami-1.com/wp-content/uploads/2023/05/20230518_044730786_iOS-1024x768.png)
どのサイズのキャンバスでもOKですが、今回は1000×1000pxで作成していきます。顔、肩、体とそれぞれレイヤーを分けておきます。
![うーたみ](https://u-tami-1.com/wp-content/uploads/2022/06/吹き出し.gif)
うーたみ
ポイントは顔と重なって見えない肩の部分も描くことだよ!
グループ化にして複製する
![](https://u-tami-1.com/wp-content/uploads/2023/05/IMG_8500-1024x768.png)
全てのレイヤーをグループにします。
1つレイヤーをタップしてグループにするその他のレイヤーを右にスワイプすると複数のレイヤーを選択することができるので、この状態で右上の「グループ」をクリックします。
![](https://u-tami-1.com/wp-content/uploads/2023/05/IMG_8500-1-1024x768.png)
次にグループを複製します。グループを左にスワイプして「複製」ををタップします。
アニメーションアシストをONにする
![](https://u-tami-1.com/wp-content/uploads/2023/05/20230518_051852993_iOS-1024x768.png)
画面左上の🔧アクションツールから、「キャンバス」>「アニメーションアシスト」をONにします。
肩の位置をずらす
![](https://u-tami-1.com/wp-content/uploads/2023/05/20230518_052247094_iOS-1024x768.png)
複製したグループにある「肩」のレイヤーを選択して、変形ツールから位置を上に移動させます。「頭」は逆に下に移動させます。
![](https://u-tami-1.com/wp-content/uploads/2023/05/20230518_052527950_iOS-1-1024x768.png)
今回は簡単な2フレームのGIFアニメーションなので設定から再生の種類で「ループ」を選択して「フレーム/秒」を設定して完了です。再生すると肩と頭が動いて笑っているように見えます。
ウェブサイトでGIFアニメーションを使う場合は書き出しで「アニメーションGIF」>「ウェブ対応」を選択してね!
![うーたみ](https://u-tami-1.com/wp-content/uploads/2022/06/吹き出し.gif)
うーたみ
![](https://u-tami-1.com/wp-content/uploads/2023/05/名称未設定のアートワーク-3.gif)
コメント