在 Clip Studio PAINT 中将你的插画转换为动画

19,761

KevinFarias

KevinFarias
自动翻译 | 查看原文

你好!在这个名为“在 Clip Studio PAINT 中将你的插画转换为 2D 动画”的技巧中,你将学习如何在 Clip Studio PAINT 中轻松地、一步一步地为你的插画制作动画。\n\n无论你使用的是 PRO 版还是 EX 版,本教程都适合你,因为我们只制作 24 帧的动画。

我们将要做的事情:

我们将从这幅插画开始

将其转换为这个动画

如你所见,这很容易制作,特别是如果你想开始进入 2D 动画的世界。这可能是一个很好的开始 :)\n\n那么我邀请你观看下一个:

在 Clip Studio PAINT 中将你的插画转换为 2D 动画(教程)

记得开启你的语言的字幕,你肯定能找到 :)

你觉得视频怎么样?\n如你所见,将插画转换为动画非常简单,这只是一个例子,但你可以添加更多内容。

教程分步说明

现在我们通过图片来一步步地看。

1. 复制项目

我们将复制插画的原始文件,为此,我们进入“文件”>“保存副本”。然后选择 .clip (CLIP STUDIO FORMAT file)……

我们更改名称并保存。

2. 时间轴

我们在“文件”>“打开”中打开复制的动画项目。

我们进入“窗口”>“时间轴”。

然后我们将创建一个新的时间轴。

具有以下特征:\n\- 帧率:8\n\- 播放时间:24\n\n这样 Clip Studio PAINT PRO 和 EX 的用户都可以按照步骤操作 :)

3. 眼睛动画

我们禁用灯光和阴影、反射和背景图层。\n选择场景图层并启用“更改图层颜色”。

以便在插画上绘图。

在时间轴中,我们创建一个新的动画文件夹。

在新动画文件夹中,我们创建一个新的图层文件夹。

在图层文件夹中,我们创建以下图层:\n + ColorLine(栅格化图层)\n + Línea(矢量图层)\n + Lights(栅格化图层)\n + Shading(栅格化图层)\n + Color(栅格化图层)

现在,在时间轴中,我们启用“指定赛璐珞到帧”。

然后我们选择图画 1 并点击“确定”。

我们选择钢笔工具进行绘图

在“子工具”中,我们选择“G 笔(真实)”或你想要的任何其他笔。

然后我们只绘制睁开的眼睛。

我们转到第 9 帧,创建一个新的动画赛璐珞。

我们启用洋葱皮功能以查看上一张图画。

然后我们绘制闭合的眼睛

现在我们转到第 12 帧,创建一个新的动画赛璐珞。

然后在第 13 帧,我们启用“指定赛璐珞到帧”

我们选择图画 1

我们回到第 12 帧,绘制半睁的眼睛。

我们将第 9 帧的图画移动到第 10 帧。

移动动画的眉毛也很重要,我们使用“操作”工具来完成,选中描边并移动它们。\n请记住,将眼睛的线条绘制在矢量图层中很重要,这样我们就可以独立移动描边。

然后我们得到以下动画:

4. 副视图

现在我们进入“窗口”>“副视图”。

我们在这个新面板中启用吸管工具。

然后点击文件夹图标,选择初始项目,即原始插画。

我们可以在“副视图”面板中看到我们的插画,这对于我们接下来要做的事情将非常有用。

5. 眼睛动画的颜色

我们回到图层面板,选择“颜色”和“阴影”图层,因为我们将在这些图层中绘制眼睛动画。

我们启用“副视图”面板,然后选择原始插画的颜色来绘制动画眼睛。

我们可以使用钢笔工具绘制眼睛动画。

我们将对每一张图画都这样做,从而得到以下结果。

不要忘记删除固定图画中眼睛的描边,你还需要绘制一些区域以避免错误。\n\n这样,一旦你再次显示眼睛动画,它就能正常显示。

如下所示:

6. 背景动画

我们启用背景图层,因为现在我们将专注于其动画制作。

我们使用“操作”工具选择它,可以看到它是一个水平无限背景,这对于这个动画来说非常完美。

这个背景在 Clip Studio PAINT 中是默认提供的,所以我们可以毫无问题地使用它 :)\n要为背景制作动画,我们选择包含背景的文件夹,然后在时间轴中启用:“在此图层中启用关键帧”。

在第 1 帧,我们启用选项:“添加关键帧”。

然后在第 24 帧,我们将背景向右移动,请记住,你必须使用“操作”工具来完成此操作。\n\n在这里,我们必须尝试使背景与第 1 帧处于相同位置。\n\n我使用的一种技术是延长背景动画,即延长到第 25 帧,这样我们将最后一个关键帧移动到这个新帧,以实现完美的动画循环 :)

从而获得以下结果:

7. 手机反射动画

我们进入图层面板,选择背景图层,右键点击并启用“复制图层”。

我们将此复制图层放置在女孩场景下方并更改其名称。然后我们创建一个新图层,并将复制的背景动画放入这个新的图层文件夹中。

在包含女孩图画和元素的场景文件夹中,我们将禁用手机屏幕,使其为空。

我们选择包含复制背景动画的文件夹,然后在时间轴中启用“在此图层中启用关键帧”。

我们所做的就是简单地将此背景向下移动,以便在手机反射中看到云朵,请记住,我们始终使用“操作”工具移动图层。

我们降低此文件夹的不透明度,使反射看起来更逼真。

现在,我们在复制的动画背景上方创建一个新的图层文件夹,将动画放入这个名为“蒙版”的新文件夹中。

现在,使用“自动选择”工具,我们选择手机屏幕区域。

然后在图层面板中,我们选择名为“蒙版”的新图层文件夹,并启用:“创建图层蒙版”。

这样,我们就可以使新的复制动画背景仅在手机反射中可见。

8. 灯光动画

我们使项目中的所有图层可见,以便专注于场景中的灯光。为此,我们选择包含灯光和阴影的图层。

我们选择灯光图层并将其放在文件夹之外,因为我们将单独处理灯光。

在时间轴中,我们创建一个新的动画文件夹。

我们将动画文件夹的名称更改为“灯光”,并将灯光图层放入此动画文件夹中,所有这些操作都在图层面板中完成。

我们转到时间轴并启用“指定赛璐珞到帧”,然后选择灯光图层。

在图层面板中,我们选择灯光图层

启用:“在此图层中启用关键帧”

在时间轴中,我们将了解一个我从未教过的工具,但这是一个很好的机会,那就是“曲线编辑器”。

时间轴更改后,我们选择“不透明度”。

在第 1 帧,我们添加一个关键帧。

我们也在第 24 帧执行此操作。

最后在第 12 帧。

然后我们向下稍微移动第 12 帧的关键帧,你会在场景中看到光线变得不那么明显,这将是一个微妙的灯光动画,但它将有助于为我们的动画增加更多真实感。

从而获得以下结果:

9. 细节

我们进入场景文件夹,选择线条图层,然后我将删除手机屏幕上的时间和元素。\n\n我为什么这样做?因为如果这是一个动画循环,并且插画总是显示相同的时间,那么就无法显示动画正在随时间推移。

使用“选择区域”工具,我们选择并删除元素。

10. 动画导出

我们进入“文件”>“导出动画”>“影片”。\n我们可以导出为影片或动画 .gif。

我们可以更改名称

尺寸

然后等待我们的动画导出

11. 最终动画

这就是我们在这个技巧中制作的动画,我们从一张插画转变为一个动画,尝试用你的插画来做这个,你会发现动画的世界是多么迷人!\n我们下个技巧再见!

注释

新增

官方 新增