gif透明背景动画_iPad 手绘进阶指南!这份Procreate保姆级教程,自制动画只要 3 分钟...

本文介绍使用Procreate软件绘制动画的两种方法:动画协助和图层叠加,并通过实例演示具体操作步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

78d2169713759c37889a2f58ec13fcdd.png

在之前的文章中,为大家介绍了《Procreate》这款神级绘画 App 的基础功能和一些简单的运用,即使是零基础小白,只要跟着动手就能画出自己喜欢的小贴纸小装饰。基础功能已经掌握,今天来进行一个进阶玩法,用《Procreate》画动画,听起来好像很难,不过看完这篇详解之后,相信你会觉得超简单,只要有手就能画,跟着步骤来就能轻松做出简单有趣又独特的小动画。 4ffa4ae7b9ac2ee019ada52d4447c1de.gif用《Procreate》做动画有两种方法,一种是通过工具栏→小扳手(操作)→画布→动画协助来制作,另一种是通过添加图层来制作,两种方法都可以尝试,觉得哪种方便用哪个。 ae24500da2d1250f1d49403fc863ea5b.png 50fd1febed644f4335ec8c13c5f6dd32.png动画协助首先我们用动画协助功能来制作一个动态文字。 9a9c5e766d67a0fbfbd26c566117c736.gif新建画布,这里为了方便直接创建「屏幕尺寸」,根据个人喜好修改背景色,我选择填充黑色,用白色画笔来写字。 f9e411042cffc6c61a8c41785140ae65.png fcd2aee919e267d3173011f556abb417.png打开「操作」将「动画协助」功能开启,屏幕下方就会出现动画协助功能栏,各项功能稍后在实际运用中讲,现在就可以开始创作了。 0e38532b6f21db0031aeb9a073133af8.png写出想要的文字,调整位置,添加一点点装饰就不会太单调。 9c3acb163b549123e6ea510095eb1fd1.png点击「添加帧」,在新一帧上描一遍文字和装饰,可以换另外的颜色,描完后再次「添加帧」描文字,重复 3 帧效果就基本出来了;这里说的「帧」相当于图层,让不同的效果作用在不同帧(图层)中。为什么不直接复制而是选择描图,因为需要制作的是动态的图片,直接复制的话每一帧(图层)都是一样的,不能展现动态效果,描图的时候因为每一次笔触都不可能完全相同,所以几帧叠加后动态效果就会非常明显。 b8cdaefa8431f055b40a790fec8ce634.png播放可以预览动画效果; fb01e1f5310853e63064196d36332c9b.gif文字内容制作好之后,点击「设置」,第一项是调整帧速,动态文字在 5~8 之间抖动范围会比较合适; 061e62934d401df958e47a66210bb5bf.png洋葱皮层数和洋葱皮不透明度我用小球运动的动画来说明比较直观,新建一个小球运动的动画,在这个 7 帧的动画中,现在画面展示出小球的运动轨迹; e9177132946b15102229b78db830eeca.png洋葱皮层数越多,展示出的图层轨迹就越多; f0eff6758d8a0a49e482392110527b68.gif洋葱皮不透明度可以调节每一个展示图层的透明度,一般调节为 60% 左右是最直观的。 5a2269b1f43e434ae239a1a36db70112.gif循环方式可以让小球的运动轨迹发生变化,展示一下每一个方式的运动轨迹,根据实际制作的动画来选择合适的即可。 ad9696f21dd95fc516f0e9e202947735.gif 3d55cdcdd8243bab5ade672fb036d870.gif 2385fa6f685f938f07857b22ad749902.gif回到刚刚制作的动态文字,我将循环方式设置为「循环」,文字部分仍然稍显单调,这里我用彩色点点笔刷再加一层装饰;点击添加帧,用渐变点点笔刷添加装饰,笔刷来自@月书YYao,我做了一些微调,这里分享给大家可以直接使用。

8a5d1332c9da97201540c0895e34feec.png

50e372ccc0bebeb0f864c1bea39b0bc3.png这一帧上面没有描文字部分,预览一下发现,这一帧文字是空白的,只有装饰。 2129ff77f79047731bfb6d3f3632e7d4.gif可以将它设置为背景来让文字浮在上面,这一帧就不会随着动画切换了。 bb915628139b2d05bfd946d5117f7e7f.png 115e4bf4c10a34fdc08b8a0bf93790ab.gif到这里一个动态文字就已经做好了,背景可以根据喜欢换成其它颜色,导出保存为动态 GIF 可以作为表情包使用,如果想在 VLOG 中使用的话可以导出为动画 MP4 格式。 94616fdeafc0935133602a9d943e526c.png 50fd1febed644f4335ec8c13c5f6dd32.png图层叠加图层叠加同样能够制作动画效果,先来看效果图,创意来自 B 站橘子栗栗的视频。 b000cc838c346dc26f5d39193b8bec59.gif首先画出背景图,用到的笔刷有:干油墨、6B 铅笔、软色蜡笔、单线、中等硬气笔; 193658367a025e55fa077b41205e99f6.png小 Tip:每画一个部分记得添加图层进行方便修改。背景制作完成后,画出小汽车,用到笔刷有:单线、软色蜡笔。 efc1f5f74288105da2c77f7cd7e9bfa2.png准备工作已经完成,想要做出汽车驶过公路的效果,将小汽车图层复制,摆放出运动轨迹,每一个图层就是一帧。 85cfdbe95431740e0a6a474d9f854fae.png最后将背景图层复制一个放到最上面,一个小汽车驶过公路的路径就完成了;选择操作→分享→动画 GIF,看看效果如何,不满意的可以在图层中调整,再次导出调整帧速就完成了。 d55e4b045d2e240af260b5f0be21924a.png接下来做一个完整的动画示范熟悉一下制作流程,先看看成品效果,创意来自 B 站 @十四同学呀的视频。 28f5f97d263966bd1686b251009bf11d.gif首先创建画布,尺寸自定,我选择屏幕尺寸;接下来画背景,背景是由两个正圆和一个长方形组成,利用图形工具画出,擦除多余部分,填充黑色背景,合并图层作为背景帧。 b0ac8a64f01284748414ca557e5eac90.gif再画一个正圆,填充白色作为按钮。 4c555b6d2ca7498ed89a64f33148fa3e.png打开动画协助,将第一帧设置为背景,复制白色按钮小球图层,复制的每一层代表着动画中的一帧,可以在动画协助区域和图层区域看到。 dcde7cd23d000b3cde3811cb69d374e6.png基础动画我一共复制了 13 帧,想要更流畅可以多复制几个按钮图层。 2ce9ab15246b3d12db578fa18294c7b1.png动画部分完成,开始绘制背景,需要两个部分,白天和黑夜。 6016276280c7f93c73a8865b79d0dfa8.png取消设置第一帧为背景帧,进行绘画,新建空白图层,打开剪辑模板功能,开始绘图,这里绘制的内容没有限制,发挥自己创意即可。 c4963855347cecf26b0a45064e528a86.png绘图完成后,将绘画部分的图层分组或合并,推荐分组并复制一份,方便之后进行一些小修改。 230b1ab5205ee25e1fa390253148dc1f.png将复制的另一组平展,背景图层就制作好了。最后是将按钮与背景融合,复制背景图层到每一个按钮下,按钮在上图层在下,位置摆放要正确,接着捏合按钮图层和背景图层进行合并。

ccd9b3ace9cea7becc25e345bd4bf297.gif

下面要提取两端的按钮帧进行停顿设置用来展示背景插画,点击帧将保持时长拖到 20,预览看一下效果,可以通过复制图层来微调流畅度。 6e6a1c8fcfb529559c16694f3ae2b568.png完成了,去掉背景色,导出即可。 f7f7c8ca84001ea1462b606f0485ba7c.png 50fd1febed644f4335ec8c13c5f6dd32.png总结相较于动画协助能够即时看到运动轨迹,图层叠加就不那么直观了,所以大家在用《Procreate》制作动画的时候推荐开启动画协助,既可以对单独帧进行修改又能看到整体的运动轨迹,实时预览也非常方便。 d1fd450d420eac5ef07e87e1ef8eb995.png《Procreate》这个动画功能可以说有趣又方便,发挥你的创意可以做出属于自己的独一无二的表情包和各种小动画,快动手试试吧。 2a630201eb309fe3c487b845aa2f4cc5.png  由于微信公众号近期改变了推送规则,如果你想如常看到我们的文章,可以时常点击文末右下角的「在看」;或者按下图将 AppSo 星标。
这样操作后,我们每次新的推送才能第一时间出现在你的订阅列表中~

1efa2de0388505bc6bcd00678e76f3a8.gif

4611a8d93491bf503bb2614dcf21327a.png

这些平板高价低配,却有一群人直呼比 iPad 还香点击查看有望取代 iPhone 的苹果新品,明年可能就要来了点击查看18 元不亏!这是我今年的 Apple Watch 最佳 App点击查看

喜欢你就点个  91afc2861dc860d4d1457111bb7ec6e2.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值