gif透明背景动画_iPad Procreate入门笔记03 - GIF动画制作

更新至Procreate 5 后，新增加了“动画辅助（animation assist）”功能，制作动画更加容易上手且方便了。

下面介绍几种简单的制作方法。

1. GIF最佳画布大小（像素/pixels）

正方形：1800*1800

水平：1920*1400

垂直：1920*2500

微信表情包：240*240，缩略图 120*120

2. 界面

（1）可以通过右上角的工具菜单，调出动画辅助界面：

（2）界面中的各种功能：

（3）时间轴及前景、背景的设置：

（4）框架/帧设置：

如果不使用动画辅助界面，在 Procreate 里，每创建一个图层（或图层组），相当于动画里的一帧。播放顺序为从最下面一层至最上面一层。

3. 导出

目前PROCREATE在GIF导出上有一个bug，GIF图像的每帧只有 8 bits per pixel，所以颜色只有256（透明算为1个），如果颜色差异太小或渐变的地方会出现颜色失真的问题（可以理解为储存不了那么多颜色）。

有几种办法可以尝试解决：（1）可以导出PSD到Photoshop再重新储存，或者以视频格式导出用别的软件转换为gif。（2）建立画布的时候颜色选择rgb，加个对比差异大的背景颜色（或有些人似乎透明背景反而会解决问题），可以试试。（3）导出的时候有3个选项，尝试其他的导出方式。

---

制作方法

介绍几种制作方式，由简单到复杂：

---1. 动起来的字

（1）在第一个图层上，写上想要展示的字。将该图层设置为半透明（饱和度设置为50%左右），详细方法参考上一个教程图层。

（2）新建一个图层，描一遍刚才的内容，大致一样即可。将该图层隐藏。

（3）再新建一个图层，再描一遍。这个过程重复5-6次或者更多。

（4）所有图层建完后，把第一个图层饱和度调回100%，并把所有图层设成可见。

（5）导出得到最终作品。

---2. 巧用橡皮工具

（1）画好一个图片内容，这里画了一块披萨。复制图层，并隐藏上一个图层。

（2）使用橡皮将新图层里的披萨逐渐擦掉，类似于“吃掉”的效果。

（3）画好所有图层后，将所有图层设置为可见，并导出。

---3. 按照轨迹动起来

（1）画一下大致的轮廓和动画里物体的运动轨迹。

（2）将前景的内容画好，放置最右侧，并设置为前景。

（3）按照画出来的轨迹，将球的位置逐步画进去。每个位置对应一个图层。画完第一个球后，复制该图层，然后将该图层内容移动到下一个合适的位置。再复制上一个图层，再移动，直到覆盖整个轨迹。

复制球的图层覆盖整个轨迹

可使用“洋葱皮”功能参考前后帧球的位置来画

（4）将轨迹的图层隐藏，导出时不会显示。

---4. 使用遮罩（mask）功能制作动图

（1）先制作好最终想要展示的内容或者找一幅画，一定要先调整好位置和最终要呈现的样子，不然后期改会很麻烦。

可以打开 Procreate 工具>辅助绘画（Drawing Guide），调出网格线帮助对齐。

调整位置，采用自由变形等工具，调整字体至想要呈现的最终样子。

（2）使用图层里的遮罩（mask）功能，选取黑色画笔，将该图层内容全部遮挡。

（3）复制这个图层，把上一个图层隐藏。选取白色画笔，在新复制的图层逐渐擦掉遮挡的面积。重复这个步骤直至逐步显示出最终内容。

（4）将所有设置为可见，将每个底层和相应的mask层融合为一个图层。

（5）将所有图层设置为可见，导出：

视频版内容请移步：

iPad Procreate 手绘 App 入门笔记 3- GIF动画制作​mp.weixin.qq.com