教程

用 Procreate 让静态插画动起来:从动画原理到实操的完整指南

用 Procreate 让静态插画动起来:从动画原理到实操的完整指南

动画不再是专业软件的专属。本教程将结合迪士尼动画原理,手把手教你如何利用 iPad 上的 Procreate,为你的静态插画快速添加生动有趣的动画效果,让作品瞬间活起来。

你将学到
  • 理解并应用关键的迪士尼动画原理
  • 在 Procreate 中创建和管理动画图层
  • 制作气泡、烟雾等常见动态效果
  • 为不同动画风格选择合适的工具和工作流

背景:为什么要在 Procreate 里做动画?

动画是让作品脱颖而出、传递情绪和故事的有力手段。传统动画制作流程复杂,需要专门的软件和技能。但现在,情况发生了变化。

像 Procreate 这样的主流数字绘画软件,已经内置了强大的动画辅助功能。这意味着,设计师可以在自己熟悉的绘画环境中,直接为插画赋予生命,无需在多个软件间切换。这大大降低了动画制作的门槛,让插画师能快速尝试动态设计。

无论是为社交媒体制作动态贴图,为个人作品集增添亮点,还是为客户提案增加吸引力,掌握基础的动画技巧都已成为一项有价值的技能。本教程将从一个具体的案例——让“冒泡的坩埚”动起来——出发,带你入门。

为什么选择 Procreate 做动画
无缝衔接在绘画软件内直接制作动画,无需导出和导入,保持工作流连贯。易于上手界面熟悉,工具直观,特别适合已有 Procreate 绘画经验的设计师。快速迭代可以快速预览和修改动画效果,非常适合探索性的动态设计。无缝衔接在绘画软件内直接制作动画,无需导出和导入,保持工作流连贯。易于上手界面熟悉,工具直观,特别适合已有 Procreate 绘画经验的设计师。快速迭代可以快速预览和修改动画效果,非常适合探索性的动态设计。
基于资料的综合优势分析 · NicePSD 原创示意图
小技巧动画的本质是快速连续呈现图像以创造运动错觉。掌握原理比掌握特定工具更重要。

准备:硬件、软件与动画原理

硬件与软件准备

要开始制作,你需要一台安装了 Procreate 的 iPad 和一支触控笔。资料显示,iPad 型号选择多样:追求顶级体验可选择 iPad Pro(配备 OLED 屏幕和 120Hz 刷新率),而 iPad Air 或标准版 iPad 则提供了更具性价比的选择。关键在于 Apple Pencil 的支持,它能提供精准的压感和倾斜感应。

软件方面,确保你的 Procreate 是最新版本,以使用所有动画相关功能。本教程基于 Procreate 的基本动画工作流,不涉及 Procreate Dreams 等专业动画软件。

动画原理准备:迪士尼 12 法则

在动手前,了解一些核心的动画原理至关重要。迪士尼的 12 条动画法则,虽然诞生于几十年前,但至今仍是创造逼真、吸引人动作的基石。我们不需要一次性掌握所有,但以下几条对入门尤其关键:

挤压与拉伸 (Squash and Stretch):赋予物体重量感和弹性。想象一个弹跳的球,下落撞击时会压扁,上升时会拉长。

预备动作 (Anticipation):在主要动作前加入一个反向的小动作,让运动更自然。比如跳跃前先下蹲。

慢入慢出 (Slow In and Slow Out):动作的开始和结束会较慢,中间较快,就像汽车启动和停止。这通过在动作序列的首尾添加更多帧来实现。

跟随与重叠动作 (Follow Through and Overlapping Action):物体各部分停止运动的时间点不同。比如角色停下后,头发或衣物还会继续飘动几下。

理解这些原理,能帮助你在 Procreate 中手动绘制帧时,做出更专业、更生动的动画,而不仅仅是让物体机械地移动。

  • iPad Pro:OLED 屏幕、120Hz ProMotion、Apple Pencil Pro 支持(旋转笔筒功能可快速调整笔刷方向)。
  • iPad Air:性价比高,支持 Apple Pencil Pro,但为 LCD 屏幕,刷新率 60Hz。
  • 标准 iPad:预算友好,适合新手入门数字艺术和动画。
注意硬件选择建议以官方最新说明为准。对于纯 2D 绘画和基础动画,iPad Air 或旧款 iPad Pro 通常已性能过剩。
常见坑不要忽视动画原理。没有原理指导的简单位移,很容易让动画显得僵硬和不自然。

1规划动画与创建画布

一切从构思开始。以资料中提到的“冒泡的坩埚”为例,我们的目标是让坩埚内的液体产生气泡上升的动态效果。

首先,在 Procreate 中新建一个画布。尺寸根据你的输出目标设定(如社交媒体常用尺寸)。关键的一步是,在创建画布时或之后,进入“画布”设置,确保“动画辅助”功能是打开的。这个功能会为你的图层添加时间轴控件。

接着,绘制你的静态底图。在这个案例中,就是坩埚的本体。建议将静态背景和需要动画的元素分图层绘制。 将坩埚画在一个图层上,并锁定该图层,防止误操作。然后,新建一个或多个图层,用于绘制气泡。分开图层是后续制作动画的基础。

动画规划与设置流程
1构思动画效果(如气泡上升)2新建画布并打开“动画辅助”3分图层绘制静态背景(坩埚)4新建独立图层绘制动画元素(气泡)1构思动画效果(如气泡上升)2新建画布并打开“动画辅助”3分图层绘制静态背景(坩埚)4新建独立图层绘制动画元素(气泡)
NicePSD 原创示意图
小技巧动画前,先画好几张关键姿势的草图(Pose to Pose),这比直接从第一帧画到最后一帧(Straight Ahead)更容易控制整体节奏。

2利用图层制作帧动画

Procreate 的动画功能本质上是基于图层的帧动画。动画辅助开启后,图层面板会发生变化,每个图层代表动画的一帧(或一组帧)。

1. 创建动画帧:在你绘制了第一个气泡的图层上,点击“...”菜单,选择“复制帧”。这会复制当前图层的内容作为一个新帧。

2. 绘制下一帧:在新复制的帧(图层)上,轻微移动或变形你的气泡。根据“挤压与拉伸”原理,气泡在上升过程中形状可以略有变化;根据“慢入慢出”,气泡启动和接近水面时移动距离可以小一些。

3. 重复与循环:重复“复制帧”和“修改”的步骤,直到完成气泡从底部上升到顶部并消失的整个过程。为了让动画循环播放,你需要让最后一帧的气泡状态能平滑地过渡回第一帧。

4. 调整帧速率:在动画辅助设置中,你可以调整“帧每秒”的数值。较高的帧率(如12fps或24fps)动画更流畅,但需要绘制更多帧。对于简单的循环动画,较低的帧率也可能适用。

气泡动画的“提示词”拆解
单个气泡主体从容器底部缓慢加速上升,在液面破裂核心动作应用轻微的挤压与拉伸,上升过程形状微变动画原理循环播放,节奏舒缓节奏与参数单个气泡主体从容器底部缓慢加速上升,在液面破裂核心动作应用轻微的挤压与拉伸,上升过程形状微变…动画原理循环播放,节奏舒缓节奏与参数
将动画构思拆解为可执行的动作描述 · NicePSD 原创示意图
气泡上升的帧序列规划:
帧1:气泡小圆点,在坩埚底部。
帧2:气泡稍大,向上移动一点,形状略拉长。
帧3:气泡继续上升,形状恢复更圆。
帧4:气泡接近液面,形状可能略微压扁。
帧5:气泡在液面破裂或消失。
常见坑避免每帧之间变化过大,否则动画会显得跳跃。使用“洋葱皮”功能(半透明显示前后帧)来辅助绘制,确保动作连贯。

3丰富细节与导出

单一的气泡运动可能略显单调。这时可以应用“跟随动作”和“次要动作”原理来增加细节。

添加多个气泡:不要只做一个气泡的循环。可以新建另一组图层,制作第二个、第三个气泡的动画,让它们的起始时间、大小和上升速度略有不同,这样看起来更自然。

考虑添加蒸汽或微光:如果坩埚是滚烫的,可以在液面上方新建图层,用半透明的笔刷绘制一些缓缓飘散、形状变化的蒸汽。这是另一个应用“慢入慢出”和“形变”的绝佳机会。

预览与调试:不断使用 Procreate 的动画播放功能预览效果,调整不同元素图层的出现时间(在动画时间轴上拖动图层条),直到整体节奏和谐。

导出:完成动画后,可以通过“分享”功能导出为视频格式(如 MP4 或 GIF)。选择 GIF 可以方便地在社交媒体上分享循环动画。注意调整导出尺寸和帧率以平衡文件大小和质量。

  • 气泡多样性:制作大小不一、上升速度不同的气泡组。
  • 环境互动:气泡破裂时,可以添加几帧微小的水波纹扩散效果。
  • 光影变化:考虑气泡表面高光的轻微闪烁,增加质感。

案例分析:从静态到动态的完整思路

让我们将上述步骤应用到一个更具体的案例中。假设我们不是画坩埚,而是画一杯资料[5]中提到的“怪物奶昔”。我们的目标可能是让奶昔上的卡通眼睛眨动,顶部的糖粒闪烁,或者插着的小旗子微微飘动。

1. 分解元素:将奶昔分解为静态部分(杯子、主体液体)和动态部分(眼睛、糖粒、旗子)。

2. 应用原理绘制:

* 眼睛眨动:这是“挤压与拉伸”的经典应用。绘制睁眼(拉伸)、半闭眼(开始挤压)、全闭眼(最大挤压)、再睁开的几个关键帧。注意眼皮运动的速度变化(慢入慢出)。

* 旗子飘动:这涉及到“跟随动作”。旗杆基本不动,但旗面会以波浪形缓慢飘动。绘制旗面几个不同波浪形态的关键帧即可。

3. 合成与节奏:将眼睛和旗子的动画帧序列在时间轴上错开,不要让所有动作同时开始和结束,这样会更有生活气息。

通过这个案例可以看到,无论对象是什么,动画制作的核心流程都是:规划、分层、绘制关键姿态、补全中间帧、调整时序和循环。

不同动画效果的原理应用对比
气泡上升核心原理:慢入慢出、弧线运动技术要点:形状微变、多实例错峰感觉:轻盈、循环眼睛眨动核心原理:挤压与拉伸技术要点:绘制开合关键帧感觉:生动、拟人VS气泡上升核心原理:慢入慢出、弧线运动技术要点:形状微变、多实例错峰感觉:轻盈、循环眼睛眨动核心原理:挤压与拉伸技术要点:绘制开合关键帧感觉:生动、拟人
NicePSD 原创示意图

对比与选择:2D 动画风格与工具

Procreate 制作的动画属于 2D 数字动画 范畴。根据资料[4],2D动画风格多样,从传统手绘到矢量动画不等。它的优势在于风格灵活、相对易于上手,能有效建立情感连接。

资料[4]也提到了其他动画风格,如3D动画、定格动画等。对于插画师和平面设计师而言,在 Procreate 中制作2D动态插图是一个自然的延伸。与专业2D动画软件(如 Adobe After Effects, Toon Boom)相比,Procreate 在复杂角色骨骼绑定(Rigging)和特效制作上功能有限,但它胜在直观、与绘画流程无缝结合,非常适合制作短小精悍的循环动画、动态贴纸和简单的动态插画。

如果你的项目需要更复杂的镜头运动、人物口型同步或长篇动画,可能需要学习更专业的软件。但对于为现有插画注入生命力这一目标,Procreate 是一个强大且高效的起点。

动画风格主要特点适用场景工具举例 (来自资料)
2D 数字动画 (如本教程)风格灵活,易于上手,情感表达强动态插图、社交媒体内容、解说视频Procreate, Adobe After Effects
3D 动画更逼真,可多角度观看,视觉效果复杂电影、大型游戏、科学可视化Blender, Autodesk Maya, Cinema 4D
定格动画手工质感强,独特魅力,制作耗时电影、广告、追求特殊艺术风格的项目Stop Motion Studio, 物理材料拍摄

进阶技巧与总结

进阶技巧

当你掌握了基础后,可以尝试以下方法提升动画质量:

* 混合模式与透明度动画:尝试改变图层在不同帧的混合模式(如“添加”或“屏幕”)或不透明度,来制作闪烁、发光或淡入淡出的效果。

* 利用变形工具:Procreate 的“变换”工具(自由变换)可以帮助你在不同帧之间快速创建平滑的形变,辅助实现“挤压与拉伸”。

* 结合 Procreate Dreams:如果你需要更复杂的动画时间线、声音同步和更强大的导出选项,可以考虑使用 Procreate 的姐妹应用 Procreate Dreams,它专为2D动画设计。

总结

在 Procreate 中制作动画,是将静态艺术转化为动态叙事的第一步。这个过程的核心不是复杂的软件操作,而是对运动规律的理解和创造性应用。

从一个小元素、一个简单的循环开始,大胆尝试迪士尼的动画原理。 无论是让饮料冒泡、让旗帜飘扬,还是让角色眨眼,这些微小的动态都能为你的作品带来巨大的活力。记住,优秀的动画是关于错觉的艺术——用精心设计的帧与帧之间的变化,欺骗眼睛,让其相信生命的存在。

  • 从简单循环开始,如飘动的树叶、闪烁的星光。
  • 多观察现实世界的运动,用手机拍摄慢动作视频作为参考。
  • 不要追求完美,快速迭代和测试是学习动画的最佳方式。
  • 分享你的动态作品,收集反馈,持续改进。
小技巧动画是“做减法”的艺术。很多时候,过于复杂或频繁的动作反而会分散注意力。保持简洁和清晰。

要点速览

  • Procreate 的“动画辅助”功能让插画师能在熟悉的环境内直接制作基础2D动画。
  • 迪士尼12动画法则是创造生动动作的基石,入门需重点掌握挤压拉伸、预备动作等几条。
  • 动画制作的关键是分层规划:静态背景与动态元素分离,便于逐帧控制。
  • 利用复制帧、修改、调整时间轴来创建循环动画,并通过“洋葱皮”功能保证连贯性。
  • Procreate 适合制作短循环动画和动态插图,复杂项目需考虑专业动画软件。
  • 从观察现实运动和小练习开始,迭代测试是掌握动画技能的有效路径。

参考来源

  1. How to animate your drawings in Procreate the easy way Creative Bloq · Beth Nicholls
  2. I Creative Bloq
  3. See Disney Creative Bloq
  4. Here Creative Bloq
  5. Tutorial: How to draw monstrous milkshakes Creative Bloq

封面为 NicePSD 原创设计,未使用原文图片;封面中出现的产品名称和标志归各自权利人所有,仅用于标明文中讨论的工具,不代表合作或认可。原创声明:本文由 NicePSD 基于海外公开资料整理、消化并重写,观点归原作者所有,详细内容请阅读参考原文。转载请注明出处。

更多前沿文章