如何制作动画表情包(初学者友好) 作者 tosherss - 绘画技巧

如何制作动画表情包(初学者友好) 作者 tosherss - 绘画技巧

表情包在几乎所有平台上都非常流行且易于获取,是传达个性化情感的最佳方式。制作自己的表情包并不难,只需画出你想要的,然后将其保存为较小的尺寸,这样你就可以在任何地方使用它们。制作动画表情包可能看起来是一项艰巨的任务,但即使你以前没有制作过动画,它实际上也非常简单!在本教程中,我将教授几种简单易行的方法,让你的表情包栩栩如生。

我将介绍三种简单的方法:

使用变换工具

逐帧动画

使用液化工具

所有这些方法也可以轻松地结合使用,使过程更简单、更快。

好吧,这都很好,但是如果你已经制作了表情包,并且想直接将其制作成动画怎么办?没问题!在这三种方法中,我都会提到如何直接处理预先绘制的表情包!

介绍 + 使用变换工具制作动画

为了保持超级简单,让我们直接像制作任何插图一样开始。转到“文件”>“新建”,然后只需设置高度和宽度,呈方形比例。目前,画布的大小无关紧要。

现在,在我们开始绘制之前,你需要决定角色的哪个部分要移动。例如,你想要制作一个简单的“你好”动画。在这种情况下,唯一必要的动作将是手部。

为了保持超级简单,让我们直接像制作任何插图一样开始。转到“文件”>“新建”,然后只需设置高度和宽度,呈方形比例。目前,画布的大小无关紧要。

现在,在我们开始绘制之前,你需要决定角色的哪个部分要移动。例如,你想要制作一个简单的“你好”动画。在这种情况下,唯一必要的动作将是手部。

一旦这些元素被单独绘制,你可以将它们放入两个不同的文件夹中并保存文件。

为简单起见,文件保存后,你可以合并这些图层。在我的例子中,我决定保留它们,以防我需要单独修复某些东西,但我建议将背景更改为黑色并进行清理,这样在开始制作动画时就不必处理文件夹了。

在开始之前,你需要了解一些基本术语:

帧速率:你可能更熟悉帧速率为“fps”或“每秒帧数”。它决定了一秒钟内将播放多少帧。虽然更高的fps可能意味着更流畅的动画,但这并不一定,因为即使帧速率只有8-10帧/秒,你也可以制作出不错的动画。

时间轴:这将是你的动画发生位置的视觉显示,也就是说,它将显示帧的放置位置。

播放时间:在CSP中,播放时间决定了你的动画将有多少帧。

现在我们可以真正开始制作动画了!

在顶部菜单中,你会找到“窗口”选项卡,点击其下拉菜单中的“时间轴”以查看时间轴。

(在接下来的动画中,我们将直接打开一个动画文件。对于动画入门,最好的做法是避免过度劳累,并单独处理每个步骤。)

在时间轴窗口中,点击“新建动画文件夹”图标,这将在你的图层窗口中添加一个文件夹,我们稍后会用到它。

接下来,点击“新建时间轴”。这将打开一个新窗口,其中包含多个选项,让我们逐一处理这些选项。

你的“时间轴名称”可以保持默认。由于这些是基本表情包,我们不需要多个时间轴。此外,Clip Studio Paint允许你轻松地间隔帧,因此即使某个元素的移动速度需要比你正在使用的fps慢,也不会有问题。

对于帧速率,让我们为这个动画使用“8 fps”。

对于“播放时间”,目前将其保持在“10”帧,这可以在以后更改。在它旁边,你会看到一个框,选择“帧编号(从1开始)”。我稍后会详细解释这意味着什么。

现在,场景编号和镜头编号都保留为1。

分隔线可以保持任何数字,一旦我们制作好时间轴,我将展示这些的含义。

现在,只需点击“确定”,我们就可以准备学习更多理论了,请耐心等待。虽然其中一些内容可以跳过,但了解你正在使用的东西并没有坏处。如果信息量对你来说太大,请随意浏览或直接跳过!

时间轴

在时间轴中,如果你点击“新建时间轴”按钮旁边的“编辑时间轴”按钮,可以一次性移动一个图层中的所有帧。

你还可以放大和缩小以一次查看更少或更多的帧。

循环按钮将确保当你播放动画时,它会不断重新开始直到你暂停。

在帧中,你会注意到“6”之后有一条实线,这只是一个参考,它将出现在所有6的倍数处,因为这是我们在分隔线中选择的值。

此外,你会注意到8之后颜色会改变,这是因为我们正在以8 fps工作,颜色改变表示一秒结束,下一秒开始。这种颜色将不断交替。

最后,请记住,你可以在过程中的任何时候移动蓝色线来更改播放时间!

这里还有一些我稍后会回过头来介绍的选项,参考这张图片了解它们的位置!

我的缩略图大小设置为“无”,这样时间轴看起来更整洁。你可以根据自己的喜好设置 :)

我还需要你转到“显示动画赛璐珞”并启用洋葱皮。

使用变换工具制作动画

好的!现在我们已经清理了所有这些,让我们将文件夹或图层放入我们之前创建的动画文件夹中。为手也创建一个新的独立文件夹。为了方便,你可以将文件夹重命名为“手”和“角色”。冒号后面的数字显示文件夹中有多少个图层。

一旦你将它们移入,你会注意到图层在画布上不再可见。这是因为它们还没有放置在时间轴中。要将它们放置在时间轴中,只需转到时间轴中显示“1”的列,与“角色”列平行并右键单击。这将显示一个菜单。

在这里,点击图层将其放置在时间轴中。

同样,对于手,右键单击并将其放置在时间轴上。

现在,让我们开始让手移动。将它放置在你最初希望手所在的位置,然后转到“图层”>“复制图层”并开始像这样放置复制品:

现在,选择第二个复制图层并点击“Ctrl+t”来变换手部。一旦出现方框,你会注意到中间有一个小的“+”图标,将这个加号图标移动到手的底部,这将决定旋转轴。现在,当你将手向右旋转时,它会看起来很自然,此外,你还会注意到手后面有一个半透明图像,这就是“洋葱皮”,它显示了你前一帧的位置。一旦你也移动了第三帧,你会注意到第二帧现在显示了之前和之后的帧。

我也添加了我的洋葱皮设置,以防万一。

为了使其看起来流畅,我喜欢保持起始动作缓慢,并使用中间帧来完成动作,然后再次缓慢结束,使动作平稳。这也有助于循环,因为有一个慢-快-慢的模式。

此外,尝试在“极端”位置停留更长时间,即手在最左边和最右边的时候。在我的例子中,我通过将第1帧和第6帧保留两帧而不是一帧来实现这一点。

现在,要导出,只需转到“文件”>“导出动画”>“动画GIF”。

你可以在“编辑”下更改图像分辨率以保持较小的尺寸。

大功告成!!你的第一个动画表情包完成了!!耶!!

为了清晰起见,我将上传更高分辨率的gif,而不是上传实际较小分辨率的gif。

介绍 2.0

那相当容易,对吧?但是,你不必将自己局限于变换工具!CSP还有“自由变换”和“透视工具”。

我将向你展示如何使用这些工具以及如何直接打开动画文件。让我们开始吧!

当你点击“新建”时,CSP会在最后提供“动画”选项。我们将选择它。当你选择它时,你会看到基本的宽度、高度和分辨率,但如果你向下滚动,你会看到更多选项。

你现在可以忽略其他选项,我们只需要关注时间轴(你已经知道如何使用)和“空白区域”。

空白区域本质上是画布周围的边框,这在动画中非常有用,因为元素可以超出画面但仍然可见。你可以将这些设置为任意数量的像素,但请记住,在导出期间,这些像素将从最终动画中减去。因此,如果我的宽度是800,并且总共添加的左侧和右侧空间有100像素,那么最终保存的动画将是边距线内部的700像素。

当你点击“确定”后,文件将直接打开,其中包含一帧和一个动画文件夹。你可以在文件夹外部进行草图绘制,以确保所有图层都可见,而无需创建文件夹。

之前,我跳过了时间轴中的一些按钮,因为它们还不是必需的,这些按钮包括用于添加赛璐珞的按钮。在新建动画文件夹旁边,你会找到“添加赛璐珞”,它会在时间轴上光标所在位置添加一个空图层;“指定赛璐珞”允许你选择要放置的赛璐珞;最后是“删除指定赛璐珞”,它允许你一次性从时间轴中删除所有选定的赛璐珞。

使用自由变换工具制作动画

对于下一个动画,我们来做一个角色被拍头的动画,这是我的想法:

为了实现这一点,你必须根据动作来划分元素。首先,我希望手向下旋转,使其看起来像拍打。

然后是拍打的冲击,整个脸不需要向下,相反,最好使用“自由变换”工具,这样你可以将头发挤压下来。此外,对于脸部,虽然它可能向下移动,但我需要它随着手臂一起稍微挤压。因此,将其放在单独的图层上,我们可以在向下移动时使其挤压。

这就产生了四个元素:颈部以下静止的身体、头发、脸部和手。

在我的例子中,由于头发在脸部上方,但耳朵在头发上方,我将耳朵作为单独的图层,上下移动,没有任何挤压。

以下是单独移动的元素:

当你将所有这些元素放在一起时,你还需要稍微同步它们。请记住,身体的动作将跟随手的动作,由于一切都是细微的变化,你不必进行任何大的动作。因此,在这个例子中,分解如下:首先,手向下,然后脸部先向下移动,然后挤压,然后反向进行以形成循环。至于头发,在所有帧中它们都向下挤压,主要位置没有发生重大变化。

这样,你的最终动画表情包就制作完成了,准备导出。还记得我提到边距外的区域将不包含在内吗?当你导出时,你会看到它生效。你会注意到最终显示的尺寸是不同的。如果你希望保持原始尺寸,可以在最终窗口中更改尺寸,但即使如此,不带边距的比例也需要保持一致,所以请记住这一点。

如果你已经画好了表情包怎么办?

比如说,我已经制作了这个表情包,但现在我想给它添加动画,该怎么办?如果你回顾第一个例子,看看我们是如何只用一个插画文件开始的?这正是我们将处理这个表情包的方式。唯一的区别是,我们需要分离元素。大多数表情包都使用简单的艺术风格,所以你所需要做的就是打开文件,复制图层,然后手动擦除元素周围的区域。

我想让表情包显示角色手指接触,并且,当手指接触时头部向下移动,当手指分开时头部向上移动。

一旦顶部的所有元素都分离出来,选择所有包含静止基础层上方元素的图层,然后转到“图层”>“从图层选择”>“创建选区”。这将选择所有将要移动的区域。现在,在基础层上,你将擦除这个区域,因为我们不希望她的头部或手部的部分在移动的手或头部下方可见。此外,一旦这个区域被擦除,你现在可以轻松地为空白部分上色。

接下来,像我们之前做的那样,添加一个新的时间轴,然后为每个元素创建单独的动画文件夹。这个动画相当简单,所以我们只需要3个不同的帧:第一帧是第一个极端,头部处于最低点,手指接触。第二帧将是下一个极端,手处于最远距离,头部处于最高位置。现在你只需要一个连接这些的帧,所以,对于手部,这将是手部处于中间位置。头部也一样,将其放置在大致位于两个极端位置中间的高度。这些赛璐珞将位于两个极端之间。

下面是我放置这些帧的方式以及时间轴的截图。

瞧!三个简单的动画表情包,你只需使用CSP中的“变换”工具就可以为自己制作!

逐帧动画

逐帧动画更耗时,但它有其独特的魅力,你无法跳过。逐帧动画也更具表现力,因为你在动作方面有更大的自由度。

让我们从一些简单的东西开始,比如在角色旁边制作心形动画。

就像我们之前所有动画中做的那样,从基础开始,为心形添加一个新的动画图层。由于我们是逐帧制作,手动绘制所有内容,所以“添加新赛璐珞”选项将是你的首选。

对于“凭空”出现的心形,从小开始,就像一个慢慢变大的点。接下来是让这个成长的心形添加流动感,比如让它呈“C”形向上移动。这在下面的视觉解释中会更清楚:

这种方法适用于任何你想要凭空出现的简单形状甚至复杂形状。心形无论如何都是任何动画表情包中必不可少的元素。

现在我们所需要做的就是将这些心形添加到角色旁边,并确保它能正确循环!下面,我添加了动画,包括2 fps和原始的8 fps,这样你就可以真正看到每一帧中发生了什么。

带完整动作的逐帧动画

逐帧动画涉及每个赛璐珞都是手绘的,与前面的例子不同,我将单独动画化所有内容,不使用变换工具,以使动画表情看起来更自然。

一个完整的动画表情包可能看起来有点令人望而生畏,但如果你一次处理一帧,就不会那么困难。话虽如此,我承认可能需要时间和几次尝试才能真正让它看起来正确。我坦率承认我自己的技能仍在提高,所以请花时间让它看起来适合你。

对于这个例子,我选择了一个哭泣的角色,慢速播放的草稿如下:

这将涉及大量图层以使过程更清晰,包括:

1. 角色哭泣时会膨胀的单独绘制的头发。

2. 脸部向上移动,伴随着变化的表情。

3. 眼泪落下。

4. 角色哭泣时肩膀向上移动。

5. 颜色。

最终时间轴如下所示:

对于像这样的动画,我最大的建议是多看别人的作品,观察真实的人物,并观看行业内专业人士的教程。动画,就像任何其他技能一样,是可以发展的。

我的第二个建议是不要陷入追求完美的困境,例如,我在上面的动画中看到了几个缺陷,但我认为与其纠结于此,不如顺其自然,继续创作新的东西。修复动画不是一项容易的任务,在我看来,一遍又一遍地修改可能会适得其反,相反,休息一下,并在了解自己犯了哪些错误后,以新的方法重新绘制,可能会是更好的学习体验。

在表情包上添加动画

让我们再次拿起旧表情包,为眼睛和角色背后添加一些闪光。

对于两种闪光,请记住心形的方法,一个从小点开始,形成形状,然后又变回小点。为了增添更多活力,你也可以让它稍微旋转一下。

在黄色闪光中,一旦形状达到最大,将下一帧的形状稍微缩小,然后在更大和更小的形状之间交替,这将产生闪烁效果。

你可以在现有表情包上添加其他几种效果,你甚至可以像我们之前那样遮盖手部,然后重新绘制手部,让它们做出任何你喜欢的姿势。为了简单起见,我目前不会添加太多内容,但你可以将其视为一项任务,拿起一个现有的插图,思考所有可以为其添加动画的不同方式,无论是使用变换工具还是逐帧绘制。玩得开心!

使用液化工具

液化工具可能不是大多数人首选的动画工具,但它非常适合制作出非常流畅的动画,感觉类似于3D动画或After Effects动画。在这个例子中,我将为一个角色制作眨眼动画,并让他的头发也随之移动。让我们开始吧!

我将首先分离整个角色和眼睛,确保同时为眼睑上色。然后,在单独的文件夹中,我将添加眼睛的线稿和下面的颜色。

此外,我还分离了将要移动的前额头发,并将蓝色保留在底部,这样当头发移动时,就不会出现空白空间或奇怪的肤色。

从基础开始,我决定复制它,并使用液化工具中的“推”功能,轻轻地移动头发。当你直接看它时,这个动作可能看起来非常微小,但它在最终动画中有着自己的影响,因为眼睛很容易捕捉到动作。

现在,我们来处理眼睛。对于眼睛,使用相同的工具,我们慢慢地将线条向下推。液化工具有助于产生一种圆润的效果,使动作看起来更自然。

在下面的图像中,你会看到我在第5帧重新绘制了眼睛,这是因为眼睛以一种如果我使用液化工具就会扭曲眼睛的方式弯曲。除此之外,在之前的帧中,我通过简单地“推”下曲线,而不是重新绘制每一帧,节省了大量时间。

现在,我所需要做的就是根据眼睛闭合来擦除虹膜和巩膜。

之后,与另一根头发移动的帧对齐,我使用液化工具也将头发向右推。

由于移动只针对后脑勺头发移动的帧,所以时间轴的大部分只使用了第1帧。

当移动开始时,我使用了和以前相同的逻辑,在头发位置的微小变化之间进行一个较大的移动。随着这个移动,我还必须改变发丝颜色可见的位置,以确保没有空白空间。

当所有元素组合在一起时,表情包看起来很棒,但仍然缺少一些东西……这使得它成为一个完美地混合我们之前所做一切的例子!

我首先添加了一个飞出的星星,就像我们在逐帧动画中做的那样。然后,为了真正让它生动起来,我将手臂与身体分开,遮盖住空白区域,并使用变换工具给它一点摆动。

大功告成!!我们的最终示例使用了所有三种方法:眼睛和头发使用液化工具,手臂使用变换>旋转,最后,逐帧绘制的星星!

谢谢!

本教程到此结束!!我真诚地希望这能帮助到你并启发你制作自己的动画表情包。如果任何部分不清楚,请随时提问!感谢你的时间,祝你接下来的所有创作一切顺利!!

相关推荐

终于知道了悍马停产的真正原因 哎,太可惜了
幸运彩票APP下载365

终于知道了悍马停产的真正原因 哎,太可惜了

📅 09-26 👁️ 7422
家韵(jiayun)龙头厨房龙头报价
幸运彩票APP下载365

家韵(jiayun)龙头厨房龙头报价

📅 12-13 👁️ 3465
四大菩萨中,为何只有地藏菩萨称王?看他受谁所托,大愿度空地狱