Pinterestにこんな動画を載せています。
この動画は、画像を背景に手書きのイラストをアニメーションにしました。
今回は、この手書きアニメーションのつくり方をご紹介します。
アニメーション作成で使用したアプリ
このアニメーションは、ProcrateというiPadアプリを使って作成しています。
お絵描きするときは、必ずこのアプリを使って描いています!
![Procreate](https://is1-ssl.mzstatic.com/image/thumb/Purple125/v4/df/0a/56/df0a56e2-38cb-611f-71e8-e0e32102b830/source/512x512bb.jpg)
手書きアニメーションのつくり方手順
それでは、早速やっていきましょう!
動画でみたい方は下部にあるので、そちらをご覧ください。
![](https://blog-garden.com/wp-content/uploads/2021/10/IMG_3925-1024x715.jpg)
+ボタンから新規キャンバスをつくる
今回は、Pinterest用に1000px×1500pxのサイズにします
![](https://blog-garden.com/wp-content/uploads/2021/10/IMG_3926-1024x715.jpg)
「追加」から「写真を挿入」
任意の写真を選んでください
![](https://blog-garden.com/wp-content/uploads/2021/10/IMG_3911-1024x715.png)
挿入した写真をキャンバスサイズに合わせる
![](https://blog-garden.com/wp-content/uploads/2021/10/IMG_3927-1024x715.jpg)
レイヤーを追加
このとき、写真のレイヤーをロックしておくといいと思います!
![](https://blog-garden.com/wp-content/uploads/2021/10/IMG_3928-1024x715.jpg)
ブラシとブラシの色を選んで描いていきます。
写真の色味に合わせて選んでみてください。
今回は、細描きブラシで色は白にします。
![](https://blog-garden.com/wp-content/uploads/2021/10/IMG_3914-2-1024x715.png)
描いてみましたが、薄くて見えづらくなってしまいました。
![](https://blog-garden.com/wp-content/uploads/2021/10/IMG_3915-1024x715.png)
レイヤーを追加して、描いた部分の後ろをにソフトブラシで濃くしましょう。
レイヤーはイラストを描いたレイヤーの下に移動してください。
![](https://blog-garden.com/wp-content/uploads/2021/10/IMG_3916-1024x715.png)
写真のレイヤーとソフトブラシを使ったレイヤーをグループ化
![](https://blog-garden.com/wp-content/uploads/2021/10/IMG_3930-1024x715.jpg)
アクション→アニメーションアシスト
![](https://blog-garden.com/wp-content/uploads/2021/10/IMG_3932-1024x715.jpg)
グループ化したレイヤーを「背景」に設定
![](https://blog-garden.com/wp-content/uploads/2021/10/IMG_3933-1024x715.jpg)
「フレームを追加」
イラストをなぞって同じイラストを描く。
これを2回繰り返します!
![](https://blog-garden.com/wp-content/uploads/2021/10/IMG_3934-1024x715.jpg)
3枚描けたら、一度再生してみましょう。
動きの速さを変えたいときは、
設定→フレーム数を変更
![](https://blog-garden.com/wp-content/uploads/2021/10/IMG_3935-1024x715.jpg)
レイヤーの名前を変更
変更しておいてほうがこのあとラクです。
![](https://blog-garden.com/wp-content/uploads/2021/10/IMG_3936-1024x715.jpg)
つくったレイヤーを複製して重ねる
レイヤー名を変更しておくことで、複製したレイヤーの順番がわかりやすくなります。
![](https://blog-garden.com/wp-content/uploads/2021/10/IMG_3937-1024x715.jpg)
共有→形式を選ぶ
「書き出す」で保存
これで完成です!
手順を動画でみたい人はこちら
まとめ
イラストは3枚しかつくらず、しかもなぞるだけなので比較的かんたんにつくれると思います。
ぜひ試してみてください!
![](https://blog-garden.com/wp-content/uploads/2021/10/IMG_3900-300x169.jpg)
Pinterestのフォローお願いします!
コメント