返回介绍

动画曲线

发布于 2024-06-23 21:36:11 字数 8023 浏览 0 评论 0 收藏 0

Krita动画曲线面板可以让动画师将某些属性与时间关联,以此制作动态效果。

在制作画面内容复杂的动画剪辑时,动画师可能需要制作一些难以通过单纯手绘来呈现的动态效果。早在 1920 年代的纸笔动画时期,人们已经发明了多层动画摄影机等特殊手段,为非手绘动画特效带来了革命。Krita 的动画曲线面板让动画师可以操作手绘线条以外的内容来制作动效:调整图层的透明度、通过变形蒙版进行移动、旋转、缩放等。

许多动效可以被归纳为数值的变化 (透明度的百分数变化、变形蒙版的位置坐标等),而计算机程序擅于处理单一数值的变化。动画曲线面板利用了这一特性,在一个图表中显示了某个数值相对时间的变化,甚至可以通过曲线来精细控制变化的速度。动画师只需指定曲线上的关键帧,程序会自动通过插值处理 (也叫过渡) 来填补关键帧之间的过渡帧。

https://www.wenjiangs.com/wp-content/uploads/2024/docimg4/732-grwqx44ngii.png

界面介绍

Krita 的动画曲线面板界面如上图所示。它可被分为下面几个部分:

  1. 工具按钮 – 工具栏左侧的按钮用于访问此面板的关键功能:播放控制按钮 (上一帧、停止、播放/暂停、下一帧)、帧编号数值框、预览设置 (跳帧和速度)、添加/移除属性关键帧的按钮、更改插值模式的按钮、更改所选关键帧的切点插值模式的按钮、所选关键帧的数值框、图表视图的缩放和导航按钮等。

  2. 控制按钮 – 工具栏的右侧显示了一些用于打开/关闭界面元素和面板子菜单的按钮,如绘图纸外观开关、动画选项菜单 (包括各种杂项,如动画开始帧/结束帧每秒帧数自动关键帧模式等)。

  3. 通道列表 – 显示当前图层在动画曲线面板中的各个通道。每个独立通道都关联了一种独立颜色,点击通道列表右侧的“眼睛”按钮,可在曲线图表视图中显示/隐藏该通道。

  4. 图表视图图表视图是一个大型数值-时间图表,用于编辑动画曲线,制作补间动画。在当前通道添加一个关键帧,它在图表视图中会显示为一个带有颜色的圆点。点击该关键帧即可选中它。要更改关键帧数值,既可以垂直拖动圆点,也可以世界在工具栏的数值框输入一个数值。要更改关键帧时间点,可以水平拖动圆点。如果选中的关键帧使用了 贝塞尔曲线插值 ,选中圆点后将显示曲线手柄用于调整插值曲线在时间维度的形状。

基于不透明度的补间动画

Krita 5 开始,动画曲线面板可以制作基于不透明度变化的动画,并且可以通过变形蒙版制作基于位置旋转缩放斜切等变形效果的动画。

警告

动画曲线面板的外观虽然与动画时间轴相似,但实际操作方式存在不少差异。如果你从未制作过数字动画,建议通读本文了解详情,并通过实际操作进行熟悉。

现在让我们学习如何制作基于图层不透明度的动画

传统动画极度依赖线条,因此不擅长处理某些特效,例如逐渐扩散消失的尘雾、从虚空中慢慢现身的鬼怪等。动画曲线面板刚好相反,它特别擅长处理这类特效。

首先选中需要制作不透明度动画的图层,然后选中不透明度开始发生变化的帧时间。点击或拖动在图表视图顶部的帧时间表头,可以像使用动画时间轴时一样跳转时间点或滑动当前时间指示器 (播放头),让你可以通过手动滑动来预览动画的效果。

选好时间点后,点击动画曲线工具栏中的 添加属性关键帧 按钮,添加一个keyframe

创建属性关键帧后,一个新的 不透明度通道 将被显示到面板左侧的通道列表,它的左侧显示了这个通道所关联的颜色,此通道在图表视图中的关键帧和曲线将按此颜色显示。与此同时,一个属性关键帧将被添加到图表视图的当前活动时间点。

然而只有一个点是不能被叫做“曲线”的,我们接下来还要添加更多的点。

要创建第 2 个关键帧,首先要更改当前活动时间。在帧时间表头点击或拖动,选择一个新的时间点,然后点击 添加属性关键帧 按钮,即可在图表视图中添加第 2 个属性关键帧,第 1 帧和第 2 帧之间以一条直线相连。

确保当前活动时间位于第 2 关键帧,然后拖动位于图层顶部的不透明度滑动条,你会发现动画曲线图表视图中的第 2 关键帧会随之上下移动,反之亦然。

就这样,一段透明度变化的简易动画就制作完毕了。点击动画曲线面板工具栏的 播放按钮 即可看到图层的透明度随着时间变化。

警告

和逐帧手绘动画不同,基于动画曲线制作的动画会让每帧的属性数值都发生变化。由于每一帧都需要计算并存储内容,这会对电脑性能提出更高的要求,缓存过程也会将耗费更长时间。

我们还可以使用插值曲线来代替插值直线,使动画的透明度变化过程更加生动。

选中第 1 关键帧,点击动画曲线面板工具栏中的 贝塞尔曲线插值 按钮,图表视图中代表第 1 关键帧的实心圆点将变成一个空心圆圈。此空心圆圈是贝塞尔曲线的调整手柄,点击并拖动它即可使第 1 关键帧和第 2 关键帧之间的曲线发生变化。

你还可以点击旁边的 线性插值 按钮,将插值方式改回直线方式;你也可以点击它右边的 无插值 按钮,关闭所有插值效果,这样数值会在下一关键帧之前保持不变,然后在下一关键帧处直接跳跃到新的数值。

备注

当前帧时间决定了你正在更改的关键帧是哪一帧。请时刻关注图表视图中的垂直高亮线,它是当前帧时间指示器 (播放头)。你正在更改的关键帧永远是位于此位置的那一帧。

说了这么多,你是不是觉得有点太复杂了?不过实际上这却出乎意料地简单!只要你跟随本文一步步操作,多试几遍,很快就能掌握。

基于变形蒙版的补间动画

接下来我们将介绍如何使用变形蒙版来制作图层的移动、旋转、缩放、斜切等变形类补间动画

基于变形蒙版的动画和基于不透明度的动画大同小异,但需要先为图层添加一个变形蒙版。请在想要制作变形蒙版动画的图层上点击右键 mouseright ,选择 添加 ‣ 变形蒙版。

变形蒙版的功能是对它关联的图层进行变形操作 (移动、旋转、缩放、斜切等),且不会修改原图层的实际内容。Krita 从 5.0 版开始支持在动画制作中使用变形蒙版。

和不透明度动画时一样,我们要先添加第 1 关键帧。在添加关键帧前,请确保你已经选中了目标图层的变形蒙版,然后点击动画曲线面板工具栏中的 添加属性关键帧 按钮。

警告

请牢记:Krita 在 5.0 版时只能在动画曲线中直接控制图层的不透明度。变形有关的动画曲线只能在变形蒙版上进行应用。

正因为如此,当你选中了一个普通图层时,动画曲线面板的添加属性关键帧按钮将自动添加不透明度属性关键帧。而当你选中了一个变形蒙版时,添加属性关键帧按钮将自动添加变形属性关键帧

在创建所需的动画曲线属性关键帧之前,请记得确保你已经选择了对应的图层类型!

添加一个关键帧后,通道列表中将出现一大堆列表,每个通道都有一个独立的名称和颜色,在图表视图中也会有一个对应的关键帧。

你可以直接在图表视图中通过拖动或者数值框来编辑这些关键帧,但这样做不够直观。你可以先选中要变形的变形蒙版,然后切换到变形工具。在使用变形工具进行变形并确认后,你会看到图表视图中的对应关键帧随之发生移动。

小技巧

为变形蒙版添加属性关键帧后会生成一大堆通道,但你可能只会用到其中的几个通道。你可以点击眼睛图标隐藏不需要的通道,也可以按住 Shift 点击眼睛图标来单独显示某个通道。这些功能可以配合动画曲线面板工具栏中的 缩放视图以适合通道范围 按钮和 缩放视图以适合曲线 按钮发挥很大作用。

你可以拖动动画曲线面板底部的可缩放滚动条、图表视图右侧的数值表头,对图表视图进行缩放控制。具体操作请见后文。

最后,在帧时间表头上点击或者滑动,选择一个新的时间点,插入另一个属性关键帧,确保选中的是同一个变形蒙版,然后使用变形工具对其进行变形,变形完成后记得按回车确认

点击 播放按钮 ,等待 Krita 完成缓存操作,然后你就能看到制作好的基于变形蒙版的动画了!

操作列表

  1. 通道列表

    • 左键点击 mouseleft 眼睛图标:显示/隐藏通道。

    • Shift + 左键点击 mouseleft 眼睛图标:单独显示通道。

    • 右键点击 mouseright:打开图层或通道右键菜单 (重置通道)。

  2. 图表视图

    • 左键点击 mouseleft:选择关键帧。

    • 左键点击 mouseleft + 拖动:移动关键帧。

    • 左键双击 mouseleft:同时选中所有关键帧。

    • :kbd:`Alt +`左键双击 mouseleft:选择该通道的所有关键帧。

    • 空格键 + 左键拖动 mouseleft:左右平移图表视图。

    • 空格键 + 右键拖动 mouseright:缩放图表视图。

  3. 帧时间表头

    • 左键点击 mouseleft:跳转切换到当前时间点,并选择活动图层中对应的帧 (请注意:此操作不会切换活动图层)。

    • 左键点击 mouseleft :kbd:` + 拖动`:滑动切换当前时间点,并选择活动图层中对应的帧。

  4. 数值表头

    • 左键点击 mouseleft + 拖动:缩放图表视图。

    • 空格键 + 左键点击 mouseleft + 拖动:平移图表视图。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文