ども、シラシラ。(@shi_sh1ra)です。
iPad アプリでお馴染みのProcreate ですが、お絵描きだけではなく、アニメーションも作成できるのを知っていますか?今回は、アニメーションを作成したい方向けに 簡単につくれる方法を解説していこうと思います。
![](https://shiralog-net.com/wp-content/uploads/2020/09/AFFC68BB-ED7A-4390-8B6B-E9B4675EC7D6.gif)
目次
Procreate ver 5.0.2
![](https://shiralog-net.com/wp-content/uploads/2020/07/1.jpg)
今回ご紹介するProcreate のバージョンは『5.0.2』となります。
アップデートがまだの方は、上記のVer を推奨します。
アップデートする度に、新しい機能が実装されて使いやすくて面白いアプリとなっております。しかも、これサブスクではなくて買い切りなのが良いメリットですよね。
早速描いてみた
![](https://shiralog-net.com/wp-content/uploads/2020/09/BAF45FBC-FF10-4642-A7C3-952E2A5DF446.png)
![](https://shiralog-net.com/wp-content/uploads/2020/09/C921EF09-D01A-4A01-9FAC-FC4D29A1EEC6-scaled.jpeg)
結論から解説すると、50枚描いてアニメーションGIFを出力しています。写真をみて、難しいのかな?と思った方!そんなことはありません。実際に、解説するのは3つだけです。それでは早速順追っていきましょう。
その1 アニメーションアシストをONにする
![](https://shiralog-net.com/wp-content/uploads/2020/09/8EF4C30C-5CFB-4AA9-9629-52C49058C17E.png)
![](https://shiralog-net.com/wp-content/uploads/2020/09/97EF5C4B-0BD7-4197-9DE8-376C5F8AFD19-scaled.jpeg)
上記のキャンバス欄にある『アニメーションアシスト』をタップします。そうすることで、下位にある再生フレームが出てきます。先ずは、この設定を行ってください。動画も合わせてご覧ください。
その2 とにかく描いていく!
![](https://shiralog-net.com/wp-content/uploads/2020/09/BD4EA092-2211-4DD7-80E6-85771617AF5E.png)
![](https://shiralog-net.com/wp-content/uploads/2020/09/B3CB0BF3-D57D-4821-A99F-B3E835998BC6.png)
![](https://shiralog-net.com/wp-content/uploads/2020/09/18E53524-AD75-43B8-A4D9-882729FE2CF9.png)
![](https://shiralog-net.com/wp-content/uploads/2020/09/7AE81D0D-002D-439D-A30E-66DE72CE60E7.png)
![](https://shiralog-net.com/wp-content/uploads/2020/09/3BE20489-E90A-4768-B603-F8717E8F65EA.png)
恐らく この過程が一番苦しい作業となると思います。上記のアニメーションを作成するのに計50枚を要しました。果てしないですね。。ここでひとつメリットを解説すると、大きなアクションが無い場合に限り レイヤーを複製できるので、代用が可能となります。
レイヤー複製とは?
![](https://shiralog-net.com/wp-content/uploads/2020/09/AC771BBC-6210-4502-B98B-1C5B681453F3.png)
![](https://shiralog-net.com/wp-content/uploads/2020/09/B3CB0BF3-D57D-4821-A99F-B3E835998BC6.png)
上記2枚は、レイヤー複製。
下記2枚も、同様となります。
![](https://shiralog-net.com/wp-content/uploads/2020/09/21E857CD-37A8-48B2-9D12-13207A12056D.png)
![](https://shiralog-net.com/wp-content/uploads/2020/09/18E53524-AD75-43B8-A4D9-882729FE2CF9.png)
レイヤーの複製から微調整してます。
机などは不動なので、レイヤー複製で代用するのは効率UPに繋がるのでメリット大ですよね。
その3 描きながらページ数を調整して、書き出す!
![](https://shiralog-net.com/wp-content/uploads/2020/09/BAF45FBC-FF10-4642-A7C3-952E2A5DF446.png)
イラストを描き終えたら、書き出し作業に入ります。上記の通りに、アニメーションGIFを選択します。
![](https://shiralog-net.com/wp-content/uploads/2020/09/9DAF6907-DC03-438A-A213-479B3863FE0D-scaled.jpeg)
書き出しの際に選択する項目は3つ、『フレーム / 秒』と『透明な背景』、そして『解像度』となります。フレームは、1秒間に何枚イラストを動かしたいかというものです。難しく考えずとも、イラストが勝手に動いてくれるので、それを見ながら調整する形になります。
![](https://shiralog-net.com/wp-content/uploads/2020/09/A2CEF107-A07A-41B2-B804-9C5C99FCDFCD-scaled.jpeg)
『透明な背景』の用途としては、文字だけを画面に映したい時などに使用することが多いかと思います。デフォルトは、透明な背景はOFF になっているのでそのままで大丈夫です。
![](https://shiralog-net.com/wp-content/uploads/2020/09/ECD25B6A-893C-4959-8629-5F9DFF6696C9-scaled.jpeg)
![](https://shiralog-net.com/wp-content/uploads/2020/09/8F48EDFD-D6EC-4EE4-8AA8-B2ADBBDF55EE.png)
書き出した後は、どこに保存先を選択します。通常であれば、iPad の端末カメラロールに保存したりしますが、そこは用途によって変わりますので お好みで選択していきましょう。
完成したのがこちら!
![](https://shiralog-net.com/wp-content/uploads/2020/09/AFFC68BB-ED7A-4390-8B6B-E9B4675EC7D6.gif)
如何でしょうか?慣れるまでに時間は必要かと思いますが、簡易的なアニメーションであれば 誰でも創作可能です。Procreate 様々ですね。現在Procreateを持っている もしくは、これからイラスト / アニメを描きたいという人は、是非お試しあれ!
以上となります。
それでは楽しい創作ライフを♪
またね。