使用pil读取gif图有些位置为黑色_iPad Procreate入门笔记03 - GIF动画制作

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

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

1. GIF最佳画布大小(像素/pixels)

正方形:1800*1800

水平:1920*1400

垂直:1920*2500

微信表情包:240*240,缩略图 120*120

2. 界面

(1)可以通过右上角的工具菜单,调出动画辅助界面:

ba1a00a167ce9cb4895e230e403435d8.png

(2)界面中的各种功能:

19500041c8ec1a512304b18d38403ee9.png

(3)时间轴及前景、背景的设置:

46976862232dab56d27dd8724c22e42c.png

(4)框架/帧设置:

5ad2b80442c2344f7efe5f70b9dc37bf.png

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

3. 导出

a0c5a7b4a118bd1aeb585e6e05500e34.png

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

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


制作方法

介绍几种制作方式,由简单到复杂:

---1. 动起来的字

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

72c9253ee32c3a46b76b99a592e35b98.png

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

e6b43a731230318f70fd6b83e53f5ce8.png

57b1483b332ffc271146a2c3125d148b.png

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

812e7a4d6bd561643d38e932ce4cb1d7.png

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

99f0860cb70e51f118a9d2f5c49fb5cc.png

(5)导出得到最终作品。

3aa9180e32bb0ea3623482cd37872bb4.png

---2. 巧用橡皮工具

(1)画好一个图片内容,这里画了一块披萨。复制图层,并隐藏上一个图层。

a1dff31d95faaf6db93a60ffd36eb2a7.png

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

9f978007635930fe3c7214b5d6351a31.png

(3)画好所有图层后,将所有图层设置为可见,并导出。

b1ac9de922e00e06d44487943f79fead.png

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

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

710ebee4a55aaf3dfe7b42406ee7b641.png

(2)将前景的内容画好,放置最右侧,并设置为前景。

1b5478660caa3cf01b4b733fab710b08.gif

bf4427505c540ba014eae412e874460a.png

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

6793b44189edb6cff6036ac68620fe20.png
复制球的图层覆盖整个轨迹

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

(4)将轨迹的图层隐藏,导出时不会显示。

fce31ef03fcb258ee03f97c8e47e1000.png

---4. 使用遮罩(mask)功能制作动图

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

62ae6cca83ed4c0ab891de5e8aaf1234.png

可以打开 Procreate 工具>辅助绘画(Drawing Guide),调出网格线帮助对齐。

debdb232e8016b4781e37a6d8a59792d.png

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

89362b74a91fd2111642bf5fce38078c.png

634ace6ebf31edb600ff6b154529c188.png

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

80944f17c5b56af147fc5533a758d053.png

fe4e678e1a65a9ce2285059e4a20897b.png

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

b2b7d3f9907a1be6af0a1c59329e41ee.png

07251dda5be21ecf5b2bf72361c82765.png

(4)将所有设置为可见,将每个底层和相应的mask层融合为一个图层。

ca47a0577000bd10d6a92d171906726c.png

(5)将所有图层设置为可见,导出:

fa85348cdc23ac07b5351b8a33d82245.png

视频版内容请移步:

iPad Procreate 手绘 App 入门笔记 3- GIF动画制作​mp.weixin.qq.com
269c6ed7449119d29d318a72a17939c0.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值