1.画一只小猫
在这一部分中,我们将以简单的侧视图绘制一只小猫。如果您不是绘画的初学者,请随时跳过它并绘制自己的草图。
第1步
打开Photoshop并创建一个新文件(Control-N)。使用2000像素的宽度和1500像素的高度。
第2步 在背景上创建一个 新图层 。您可以使用快捷键 Control-Alt-Shift-N 或单击图标,如下所示:
选择您喜欢的任何画笔(B)进行素描,然后从头上大致绘制出该想法。快点做-不要想太多,也不要抹黑线条。
第3步
将图层的不透明度设置为20%。
第4步
与以前相同的方式创建一个新层。现在,我们将在草图的基础上构建更多深思熟虑的形状。
从“ 6”开始,它将模仿胸部和背部。
第5步
在头和颈后添加另一个类似6的形状。
第6步
画一个“ C”模仿口鼻部。
第7步
两个细长的“ S”勾勒出腿。在尾巴上添加一条短线。
第8步
为爪子添加两个扁平的半圆。
第9步
我们需要在腿上做更多的工作才能使形状正确。这些线条将成为猫的肘部和后跟。
第10步
添加更多参考线以将腿分成多个部分。
第11步
我们的“骨架”完成了。现在,您可以删除草图,并像以前一样将骨架的不透明度更改为20%。
第12步
现在,我们将构建实际的主体。使用腿上的参考线创建块,如下所示:
第13步
现在添加爪子。
第14步
使用直线建立头部的形状。
第15步
现在,照顾好下部,将头部与胸部连接起来。
第16步
用这种形状模仿眼窝:
第17步
把眼睛放在里面。
第18步
在头部“粘”一个三角形-它将成为耳朵的底部。
第19步
草绘耳朵。
第20步
用您可以找到的任何其他线条完成图片。
第21步
删除上一层,仅保留背景和线条。我们的小猫已经做好准备,准备好玩了!
2.分解身体
我们需要将身体切成单独的块以分别对其进行动画处理。
第1步
同样,降低图层的不透明度并创建一个新图层。您能在体内看到任何圆形/椭圆形吗?画出来!
第2步
尝试仅使用直线显示身体轮廓。试想一下,您正在绘制一个星座!
第3步
拿起钢笔工具(P)。它不仅可以绘制可供选择的路径,还可以绘制可编辑的矢量形状。将模式更改为“ 形状”,然后选择您喜欢的任何填充颜色。
第4步
逐一单击“星座”的点(“星星”),直到您闭合形状。每个形状都会自动创建自己的图层。对于椭圆,在“ 形状”模式下使用“ 椭圆工具”(U)。
这就是您应该得到的:
第5步
许多层已添加到列表中!为避免混乱,请按住Control键选择它们,然后对它们进行分组(Control-G)并标记它们。
第6步
测试身体!如果按住Control键单击该形状,则将选择该形状所在的组。您可以移动整个身体的一部分,然后旋转或缩放它(Control-T)。因为这些形状是矢量,所以无论您多么强烈地修改它们,它们都不会失去质感。
不要忘记撤消更改!
3.准备运动
猫的三种基本步态。猫可以走路,它们可以飞跃地奔跑,但是还有一条中间路。这就是步伐,看起来像是快步走。您还记得猫听到“ Nom声音”时向您奔跑吗?那是步态。
关于这种步态的有趣之处在于它实际上是基于两个帧:
左侧腿朝前,右侧腿朝后
右侧腿朝前,左侧腿朝后
为了使它更平滑,我们将在它们之间添加两个框架,总共有六个框架。这将很容易!
让我们仔细看一下我们需要的框架:
左侧腿朝前;右侧腿向后;臀部上升,头部下降。
左侧腿着陆;右腿腾飞。
左侧的腿向后推地面;右侧腿拉到前面。
左侧腿向后退;右侧腿向前方;臀部上升,头部下降。
左侧腿脱掉;右腿着地。
左侧腿拉到前面;右侧腿向后推地面。
它仍然很复杂,不是吗?对我们来说幸运的是,它是完全对称的步态一侧重复另一侧的精确运动,并稍有延迟。因此,我们实际上只需创建一侧,然后将其复制到另一侧!
请看一下单侧运动的外观:
腿朝前。臀部上升,头部下降。
腿在降落。
腿向后推地面。
腿向后退;臀部上升,头部下降。
腿脱下。
腿被拉到前面。
这正是我们需要对小猫做的事情。那我们开始吧!
第1步
建立适当的运动需要某种地面。我们不需要画任何东西,只需使用Control-R快捷方式并将顶部标尺向下拖动到小猫的爪子下即可。
第2步
现在,我们将处理所有身体部位,因此将它们重复(Control-J)并存储在一个新的组(Control-G)中进行备份。通过单击组旁边的眼睛图标隐藏该组。
第3步
现在,我们以第一帧为参考开始实际的动画。选择前腿组,然后按Control-T。这将运行可用于缩放和旋转对象的自由变换工具。您可以在方框的中央看到“十字线”吗?您可以将其拖动到任何位置以定义真实的旋转中心。
立即执行-将其拖到手臂连接到胸部的位置…
…然后转动腿部。完成后按回车键,如果要取消更改并重试,则按Escape键。
第4步
在动画的第一帧中,我们的猫用手臂伸开,包括爪子。旋转前爪,使其准备着陆。
第5步
在此步骤中,两个前爪都在空中,因此不支撑胸部,颈部和头部。选择头层,按住Shift并按向下箭头 ,将头向下移动。在下一帧中,将其向上移动两个箭头(表示“高一点”),然后向上移动Shift键(“返回到基本位置”),然后将重复该循环。
第6步
为了达到与前肢的距离,胸部必须旋转一点。
第7步
在此步骤中,臀部略高一些,因此就像头部一样,按住Shift并按两次向上箭头键。
第8步
后腿模仿其前腿的运动,因此请适当旋转。
第9步
爪子也需要准备着陆。
第10步
在动画制作过程中,我们还将移动尾巴,以使整体更加生动。
我们做到了!我们的猫与参照物的位置相同。
第11步
选择所有零件并复制(Control-J)。分组(Control-G)原件并命名1。隐藏它。
第12步
现在,以第二帧为参考进行相同的操作。旋转前腿…
…把爪子放在地上…
…旋转后腿,放低一点…
正确放置爪子
…抬头…
…旋转胸部…
…并拉直尾巴。
如果更改前一帧(组)的不透明度,则应该能够看到类似的内容。您可以将其用作下一个姿势的基础。
第13步
对每一帧都这样做。在处理最后一帧时,请确保第一帧保持半透明状态-它们应该保持一致。
第14步
一侧相对于另一侧的移动之间存在三帧延迟。为了显示它:
复制框架1的支脚,然后将其移至框架4。
复制框架2的支脚,然后将其移至框架5。
复制第3帧的支脚,然后将其移至第6帧。
复制第4帧的支脚,然后将它们移至第1帧。
复制第5帧的支脚,然后将其移至第2帧。
复制第6帧的支脚,然后将其移至第3帧。
将复制的图层放在组的底部。
4.运行测试动画
在继续之前,我们需要检查动画是否正常。
第1步
删除除帧组和背景之外的所有图层(如果有)。
第2步
右键单击每个图层,然后选择“ 转换为智能对象”。这样,该组将被转换为一个图层,但是如果您想获取其内容,只需双击它。
第3步
打开“ 时间轴”面板(“ 窗口”>“时间轴”)。我们希望动画不断播放,因此请将循环选项设置为Forever。
第4步
要创建动画,只需打开面板的菜单,然后选择“从图层制作帧”。
第5步
那不是全部。首先删除后台制作的冗余帧。
第6步
在按住Shift的同时单击第一个和最后一个,选择所有图层-现在将一次修改所有图层。单击帧延迟并设置0.1秒。
第7步
选中所有框架后,显示背景层。
第8步
点击播放,开始运动!
第9步
如果您不喜欢它,请放心,我们可以解决所有问题!只需双击您要更改的图层,修改内容(旋转或移动所需的内容)并保存(Control-S)。所做的更改将自动应用于动画。完成后,打开“ 时间轴”菜单,然后删除“动画”-我们现在不需要它。
5.绘制动画艺术线条
现在,我们已经为动画制作提供了完美的基础!是时候添加行了。好奇如何在框架之间保持一致?
第1步
我们将使用特殊的笔刷来绘制线条。转到窗口>工具预设以打开下面的面板。然后,在激活画笔工具(B)的情况下,打开菜单并选择DP画笔。我最喜欢的线条艺术画笔是该套装的DP Comic Inker。
第2步
在第一帧上方创建一个新图层。头部是动画中唯一不变的元素(它仅改变位置),因此我们只能绘制一次。这是我的操作方式:
最后,如果您不喜欢它,可以暂时隐藏底座并修复形状。
第3步
复制头并将副本放在每个帧上。将其位置调整到基座。
第4步
画回去,然后使该图层更透明(不透明度调低),转到另一帧并重复。
第5步
对身体的每个元素都做同样的事情。在每帧上重新创建的区域越小,线条一致的机会就越大。
第6步
在每一帧的外部使用魔术棒工具(W)。如果它也选择了身体内部,请找到并固定轮廓中的间隙,然后重试。
6.给动画着色
第1步
现在,再次进行选择。确保选择身体以外的所有物体。
第2步
反转选择(Control-Shift-I)。现在应该选择身体的内部。
第3步
创建一个新图层并将其拖动到草图下。用任何中性色填充(G)选择项。重复每一帧。
第4步
现在,您可以删除向量基-它们完成了它们的工作。填充的形状将成为我们的新基础,但我们需要首先将它们与他们的线条艺术联系起来。为此,将光标置于基准线与其线条之间,按住Alt键并单击。它将创建一个剪切蒙版。
重复每一帧:
我们需要剪裁蒙版做什么?在基础和线条艺术之间放置一个新图层,绘画一些东西,然后自己看看!
1-没有剪切蒙版;2—带剪贴蒙版
第5步
暂时创建一个新文件。我们需要为我们的小猫选择颜色。您可以用刷子绘制它们,但是我建议您在“ 形状”模式下使用“ 椭圆工具”(U)绘制它们,以便轻松更改它们的颜色。这是我选择的:
主毛颜色:e38016
次要皮毛颜色:ffead3
眼睛:#1ecc78
鼻子:#ffa2b8
第6步
打开“ 窗口”>“色板”面板。要清除列表,请按住Alt并快速单击第一个色板,直到它们全部消失。然后选择(I)您要添加的颜色,按住Alt并单击空白区域。
第7步
创建一个裁剪到第一帧的新图层。使用DP Comic Inker画笔和辅助毛颜色在底面上进行油漆。锋利的边缘比柔和的边缘更容易在其他框架上重新创建。对每一帧都这样做。
第8步
抓住套索工具(L)并用它绘制一个参差不齐的选择。然后切内侧。这样我们将修复边缘。每帧重复一次。
第9步
为每个帧创建一个新图层,并绘制眼睛和鼻子。
第10步
让我们看看如何在每个帧上添加条纹而又不一致的画。
找到前腿尽可能垂直和笔直的框架。然后创建一个新图层,并在其上绘制粗条纹。
第11步
使用套索工具(L)在条纹底部绘制“毛茸茸”的边缘。用它们的颜色填充它们。
第12步
再次使用套索工具切割顶部。
第13步
右键单击图层,然后选择“ 转换为智能对象”。现在,条纹将更容易修改。复制它们,剪切它们(如果它们没有剪切),然后拖动到下一帧。将旋转调整到下一个位置。
如果需要,请使用“ 变形模式”调整形状而无需重新绘制。完成后,回到原始条纹所在的框架,再次复制它们,然后转到另一个“无条纹”框架。对每一帧都执行此操作,始终使用原件创建副本。
第14步
您可以使用此技术在整个身体上创建条纹!
第15步
让我们重做动画。这次,我们的图层太多了,无法使用“将图层转换为帧”方法。但是,替代方案仍然很简单:
通过单击白卡图标创建一个新框架。
显示剪贴蒙版及其内容,然后隐藏其他内容。
重复!
没有它,就无法显示剪切蒙版的内容,因此您只需要隐藏蒙版即可隐藏所有剪切的蒙版。
第16步
测试动画。检查条纹是否按预期工作,并修复所有似乎不对的地方。
7.着色动画
第1步
创建一个新图层,并用深蓝色(#112e6a)绘制阴影。
第2步
像以前一样使用套索工具切割边缘。
第3步
将“ 混合模式”更改为“ 正片叠底”(它将使图层透明和变暗)并将“ 不透明度”降低到20%。对每一帧都做同样的事情。为了保持一致性,可以将打印头复制为一个单独的部分。
第4步
为灯光创建一个新图层。使用不饱和的橙色(#ffd790)以与阴影相同的技术绘制光。
第5步
这次将“ 叠加”用于混合模式-它具有增亮效果。将不透明度更改为30%。
第6步
白色应该反射更多的光,所以让我们添加它。创建一个新图层,并在照明区域上绘制纯白色条纹。
第7步
转到“ 滤镜”>“模糊”>“高斯模糊”,然后选择使条纹与主体融合但不会失去亮度的半径。
如果要将相同的滤镜应用于另一帧,只需按Control-F,它将以与以前相同的设置进行应用。
8.完成并保存动画
第1步
我们现在要添加挥动的胡须。在所有框架上方创建一个“ 新图层”,并使用黑色,白色或奶油色对其进行绘画。
第2步
将胡须复制两次。保持原样不变。选择第二个,然后转到“ 过滤器”>“液化”,然后使用“ 正向扭曲工具”(顶部的一个)更改晶须的形状。完成后,对第三层执行相同的操作。
现在,为框架1和4显示第一层胡须,为2和5显示第二层胡须,为3和6显示第三层胡须。
第3步
在顶部添加一个新图层,并用黑色填充。
然后转到“ 过滤器”>“噪声”>“添加噪声”。
您可以通过添加滤镜>锐化>锐化几次来使其更亮。
第4步
如果将“ 混合模式”更改为“ 覆盖”,您会看到一个很好的纹理应用于小猫。
调整不透明度以获得您喜欢的效果。
第5步
准备完成吗?使用快捷键Control-Alt-I更改大小。它越小,看起来越详细。
第6步
使用Control-Alt-Shift-S来保存Web。由于我们使用了非常平坦的阴影和很少的颜色,因此动画的整体大小应小于200KB,这对于大多数网站来说都是完美的选择。如果不是,请减少颜色数量并使用其他设置进行播放。
最终的效果
分享