引言
大家好,在本教程中,我将介绍如何为插画添加动态效果,使其更具活力。我将以花园插画为例,但这些技巧适用于任何主题和艺术风格。
我使用Clip Studio EX进行插画创作,尽管在PRO版本中也可以应用相同的原理,但时间轴会更短。
此外,本教程需要对Clip Studio中动画文件夹的功能有一定的了解。我将尽量涵盖大部分动画入门细节,但本教程主要侧重于技巧,而非单个工具。
步骤1 - 规划插画
首先,你需要绘制插画。但与其立即开始草稿——在草稿阶段,你必须规划好静态和动态部分的位置。
放置动态部分时,请确保它们不要靠得太近,以免相互冲突。虽然重叠可以营造深度感,但过多的动态部分可能会分散观众对插画焦点的注意力。
对于我那张长凳上的唱片机的插画,我决定在前景添加一些摇曳的草,以及一些便签、唱片的转动和一只瓢虫经过。
我还会添加一些光照变化,但我会在适当的阶段进行解释。
为了布局插画的构图,勾勒出动态部分的最大运动范围会很有用。你可以随意草绘它们,在这个阶段更重要的是整体构图看起来如何。
步骤2 - 完成静态背景
在动画化动态部分之前,你必须完成它们后面的静态背景。确保它不会因为太亮而分散动态部分的注意力,因为它可能会让观众感到困惑。
步骤3 - 动画分镜
下一步是绘制计划中动作的粗略动画分镜。对于动态插画,最好制作循环动画——因为它能让动画无缝重复。为了制作循环,周期的第一帧和最后一帧应该相同,以使动画能够不间断地重复。
要开始动画制作,最好创建一个新的动画文件,而不是在插画中添加时间轴,因为前者可以让你指定所有的文件设置。我喜欢让我的循环动画相当长,这样我可以改变应用的效果(在这个例子中,我将动画制作成33秒长),然而,任何你觉得舒服的长度都可以。
在绘制动画草稿时,最好在图层选项卡中降低背景的不透明度,以使绘图更清晰可见。在创建动画文件时,Clip Studio会提供额外的空间。如果你有任何可能超出插画边界的元素,这会非常有用。
不过,如果你输入了很大的数字也不要害怕。由于动画将以循环方式完成,你只会动画一小部分。对于草稿,我决定制作一个“10”帧循环,其中有9个单独的帧,第“10”帧实际上是循环中重复的第一帧。
为了简化动画制作过程,我建议开启洋葱皮功能,它位于时间轴顶部的重叠图标。洋葱皮功能可以显示前一帧和后一帧,前者显示为蓝色,后者显示为绿色。
绘制动画分镜而不是直接开始动画,可以让你发现任何潜在的错误。就像在我36秒的潜在循环试用中,我意识到我在动画便签时有点粗糙。此外,瓢虫经过场景的频率太高,草的移动也太快。在动画分镜草稿阶段发现这些错误,可以让你在动画阶段轻松修复它们。
步骤4 - 绘制线稿及相应的决策
下一个阶段是根据动画分镜绘制动画线稿。这是另一个需要大量决策的阶段,因为在此阶段你将不得不实施对动画分镜的修复,并决定动画的节奏(即帧在时间轴上的间距)。
线稿动画文件夹可以放置在时间轴上动画分镜层的上方,这样你就可以比较线稿和动画分镜。你不必完全遵循动画分镜,而是绘制草稿中最好的部分,同时修复较差的部分。
最好根据运动的性质调整时间轴上帧之间的间距。均匀间距适用于机械物体,例如我插画中的唱片。
而对于植物和其他在风中摇曳的物体,我则尝试调整帧的间距,以模仿风力推拉的特性。完成线稿绘制后,我建议尝试不同的帧间距,看看哪种效果最好。
步骤4.5 - 使用关键帧制作动画
你可能已经注意到上面的动画示例中没有瓢虫。原因在于,作为一个移动物体,最好使用关键帧来移动它,同时使用手绘动画来制作身体动作。
在制作此类物体动画时,最好先制作循环运动动画,然后再打开关键帧(因为在Clip Studio中编辑关键帧比较困难)。
在动画文件夹中完成绘制帧后,将其放入一个普通文件夹中。
点击此图标以启用关键帧。
然后你可以点击其左侧的图标,放置第一个关键帧。
Clip Studio中有三种关键帧插值模式:保持(Hold)、线性(Linear)和平滑(Smooth)。它们分别用黄色、绿色和蓝色菱形标记。保持模式最适合模仿手绘动画,线性模式适合直线、线性运动,而平滑模式最适合有机运动,或涉及加速和减速的运动,例如转弯或停止。
在第一个关键帧处,确保将旋转中心放置在瓢虫的中央,以方便旋转动画。这也有助于在物体超出画面时更容易追踪它。
将瓢虫移出画面。
在时间轴上向前移动,并将物体移到画面的另一个出口点之外。
预览动画。虽然移动速度没问题,但它移动得有点过于线性。因此,最好在中间给运动一个轻微的曲线。
我通过移动最后一个点给运动增加了更多时间,并在两者之间插入了一个关键帧。在这个关键帧上,我添加了一个轻微的旋转,从而使飞行路径更自然。
现在再次测试动画后,我可以看到它移动得更好了。
现在我可以将这些动作作为时间线上的一个部分(将动画文件夹放入普通文件夹中,这使得操作变得容易得多),然后复制这些部分,将重复的动作放置在时间轴周围。
步骤5 - 为动画上色
完成线稿后,接下来的步骤会容易得多,因为几乎所有的思考工作都已完成。
现在你需要为动画上色。
在Clip Studio中,上色是通过放置动画文件夹来完成的,其中纯色将位于包含线稿的动画文件夹下方。
确保颜色帧与线稿帧一一对应。
步骤6 - 为动画添加阴影
添加阴影的步骤与上色步骤完全相同。与颜色动画文件夹类似,阴影文件夹放置在线稿下方,但在时间轴上方的颜色文件夹之上。
此步骤的额外提示是,与普通栅格图层类似,你可以将动画文件夹剪辑到下方的图层。在这种情况下,你可以通过将阴影动画文件夹剪辑到颜色文件夹来加快着色过程。
步骤7 - 使用渐变映射改变时间
最后一步差不多就是这样了。现在你带着本教程的新知识,去创作令人惊叹的动态插画吧。不过,我还想分享一个技巧,它可以让你的插画更具美感。
这个技巧涉及渐变映射。
首先,创建一个渐变映射图层,如果你从白天开始,这只会是对你正常配色方案的轻微增强。你可以使用Clip Studio默认的天空渐变,也可以使用你自己的渐变。
然后打开关键帧并转到时间轴的开头。将图层模式更改为“叠加”并将不透明度更改为12%。你会注意到程序在时间轴上创建了另一个标签,标题为“不透明度”。所有控制不透明度的关键帧都将放在那里。
你可以沿着时间轴继续前进,并尝试添加另一个关键帧,保持相同的不透明度。
现在你可以添加另一个渐变映射。我觉得从中午到日落的转变非常引人注目,所以我会以此为例展示这个方法是如何运作的。
现在为“中午”渐变图层添加第二个不透明度关键帧。将其不透明度更改为零。
在“中午”图层关键帧之后稍远一点的位置,为日落渐变添加关键帧,并将不透明度更改为零。保持日落渐变映射的混合模式为“正常”。
现在沿着时间轴移动几分钟,并为日落图层添加第二个关键帧。将其不透明度设置为50%。
我选择了一个较长的时间跨度来完成此步骤,因为我追求的是一种lofi休闲的感觉。如果你想创建不同的效果,例如模仿延时摄影,我建议将第二个关键帧在时间上放置得更靠近第一个。
结果应该看起来像这样。
(注意:噪点并非最终结果的一部分,而是压缩的副作用,不过就我个人而言,如果你追求怀旧氛围,我觉得它也相当适合)。
这个技巧可以与各种渐变映射结合使用,以实现不同的光照变化。我已经在下面附上了一些我从日落到夜晚以及从夜晚到日出切换的实验。
结论
如今的网站和社交媒体支持各种格式,如GIF、MP4或WebM,允许发布动画插画。动态元素可以添加到几乎任何事物中,为观众带来额外的精彩细节。
我希望你喜欢这个教程,并且我能够帮助你为你的精彩插画添加动态效果。
Clip Studio有许多功能可以帮助你完成这个过程,我希望你在实验和尝试新事物时玩得开心。