Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Character Design
Design

如何在Affinity Designer中设计一个虚拟现实的孩子角色

by
Difficulty:IntermediateLength:LongLanguages:

Chinese (Simplified) (中文(简体)) translation by Season Chou (you can also view the original English article)

Final product image
What You'll Be Creating

在本教程中,我们将一路贯穿从头开始设计卡通人物到成品的激动人心的过程! 加入我,让我们看看如何通过转换几何形状,应用渐变和使用Affinity Designer的绘制角色的各种工具和功能来绘画我们的粗略草图,使过程变得有趣和容易!让我们开始吧!

在本教程结束之前,您将创建一个动态姿势和花哨的角色,并可以使用这些技术,并从你的草图中创建独特的矢量人物!如果您需要一些灵感来启发您的未来项目,请直接前往GraphicRiver并发现可用的各种矢量人物

1.如何绘制孩子的头和鼻子

步骤1

首先,我们需要一个素描。它可以是在一张纸上的粗糙涂鸦,或在任何CG软件中使用图形输入板创建的数字作品。

这是我事先画的一个男孩的草图。您可以创建自己的或只需通过单击鼠标右键下载并选择另存为

character sketch

步骤2

创建800 x 600像素大小的新文档,并使用放置图像工具导入草图并将其嵌入到画布中。

图层面板中选择草图,并将其不透明度降低到50%。将混合模式设置为正片叠底,使图像半透明。这样我们就可以看到我们将在草图下创建的所有元素。

Create a New Document and place the sketch

步骤3

创建一个新图层并将其拖动到草图图层之下。

我们开始创造头部。使用椭圆工具(M)制作130 x 120像素的形状。单击顶部控件工具栏中的“ 转换曲线 ”按钮,以便能够修改形状。

使用节点工具(A)选择左侧节点,并将节点向下拖动,将其与在草图上的小孩脸颊极端点组合。

向上拉节点手柄,使椭圆匹配草图的线条。

make the head from the ellipse

步骤4

让我们将渐变填充应用到我们的形状,以便添加一些体积。选择形状,选择填充工具(G),然后单击并拖动整个形状。 现在我们可以编辑颜色:通过选择渐变填充的圆形滑块,并在颜色面板中调整颜色,或者在顶部的控件工具栏中播放填充选项窗口的设置。 打开渐变填充面板,然后单击渐变栏的滑块来调整颜色。

使脸部的底部比前额稍暗。

apply a linear gradient fill

步骤5

使用椭圆工具(M)绘作耳朵。应用线性填充,使耳朵的尖端为粉红色。转换曲线并稍微变形耳朵,使其适合草图。

make the ear from the ellipse

步骤6

让我们使用铅笔工具(N)将为耳朵添加细节。做一个拱形的笔画,并将颜色面板中的描边颜色设置为棕色。 从顶部或从描边面板上的控制工具栏调整设置,将粗细值设置为5pt,将控制器设置为压力

我们可以使用节点工具(A)移动笔画的节点,以使线条平滑。

添加另一个,较短的笔画,将其附加到第一个。

add details to the ear using the Pencil Tool N

步骤7

如果我们切换草图图层的可见性,这是头部的样子。

the head base

步骤8

现在我们画一个鼻子。使用铅笔工具(N)制作一个有趣的拱形滴状形状。您也可以使用钢笔工具(P),这样可以更好地控制节点。

 Use the Pencil Tool N to draw the nose

步骤9

填充鼻子用从红色到粉红色的对角线性渐变。在鼻尖上添加一个较小的滴状形状,并应用较浅的渐变以产生光亮的高光。

Fill the nose with a diagonal linear gradient

步骤10

使草图不可见,并确保所有的细节和颜色适当的匹配。

Make the sketch invisible

2.如何绘制虚拟现实耳机

步骤1

圆角矩形工具(M)绘制一个95 x 45像素填充深灰色线性渐变。在我们从顶部的控制工具栏调整半径之前,我们转换形状为曲线 (以使其可编辑)。

一旦完成形状转换,使用节点工具(A)添加节点并移动节点手柄,使形状适合透视图,并将边缘与草图的轮廓相结合。在VR的鼻梁区域创建一个小弧,并将男孩的鼻子放在VR的顶部,然后选择它并按Shift-Control-]

make a virtual reality set from rectangle

步骤2

现在,我们在VR耳机的顶部添加一个发光的蓝色元素。使用圆角矩形工具(M)制作30 x 10像素的形状并旋转-15度。 打开效果面板(您可以在图层面板旁边找到它),然后勾选外发光复选框。从这里我们可以调整发光的颜色和其他参数效果。

将形状转换为曲线,使其右侧部分略窄,使其适合透视图。

add a glowing blue element

步骤3

让我们添加耳机的细节。选择它,然后单击插入目标面板中的选择按钮中的插入项。您可以在控制工具栏的右上角找到它。

现在我们可以使用几何形状或绘图工具(铅笔工具(N)或钢笔工具(P))在VR组的底部和顶部添加两个矩形条纹。

用较浅的灰色填充顶部条纹,底部填充较暗的灰色,使耳机更加立体。

use the Insert inside the selection function

步骤4

继续使用其中一个绘图工具来描绘嘴巴通过跟踪草图的形状。用白色填充牙齿,并在上面加上较深的笔触,描绘皮肤的皱纹。

调整笔画的宽度,将参数设置为5.5pt

draw a mouth and adjust the strokes

步骤5

让我们回到VR集并创建它的边元素。使用矩形工具(M)创建20 x 40像素的灰色形状并转换为曲线。 重新排列对象,将矩形放在VR下方。移动矩形的锚点,使其右侧更宽。

复制(Command-J)矩形,让我们把它变成一个表带。首先,我们来改变填充颜色。 复制(Command-C)深灰色VR形状,然后选择矩形并编辑>粘贴样式,这样将深灰色渐变填充应用于形状。

现在我们可以选择并拖动矩形的顶部和左下方的节点到相反的一侧,使形状“内向外”。

make the side strap of the VR

步骤6

拉伸耳后的表带。将耳朵及其元件放在表带上(Shift-Command-])

make the stretch longer

步骤7

我们继续创造一个发型。绘制剪影,使用我们的草图作为指导,并应用从红色到棕色的线性填充。 使用选择功能中的插入项在头发形状内画出一些深棕色线条,描绘单独的头发。

draw the hair

步骤8

通过在他的脸颊上散布一些雀斑来完成男孩的脸。使用椭圆工具(M),同时按住Shift 即可制作等圆。

创建一个大约15 x 20像素大小的矩形的脖子。应用线性填充,使形状的顶部比脸部稍暗。将其转换为曲线并移动节点,使其底部更窄。

make circle freckles

3.如何绘制动态姿势的身体

步骤1

矩形工具(M),让我们开始设计T恤!制作一个60x115像素的矩形,并应用亮紫色的线性填充,使形状的底部变暗。

转换为曲线,使用节点工具(A),然后将节点拖动到相反方向,将其贴在我们草图中的肩膀和T恤的底部边缘。

单击并拖动矩形的边以弯曲其边缘,使其适合草图。

使矩形的左,右和下边缘拱起,使其看起来更卡通。

在顶部边缘的中间创建一个附加节点并将其拖动到角色的颈部。

make a t-shirt from rectangle

步骤2

现在我们加上袖子。在身体左侧创建一个矩形,并应用相同的紫色线性填充。

转换到曲线并移动节点,将袖子连接到T恤。

make a sleeve from the rectangle

步骤3

我们可以打开网格功能,使得节点组合更加容易。这样我们可以对齐节点并查看它们在何处重叠。

turn on the snapping

步骤4

添加第二个袖子,使所有的元素相互贴合。

Add the second sleeve

步骤5

我们绘制胳膊,使用铅笔工具(N)(或钢笔工具(P))进行拱形描边。

打开描边面板(或顶部控制面板中的描边菜单),将宽度设置为14pt,使线条足够厚。将端点设为圆头端点

打开压力设置并调整图形,通过移动图形中的点,使在肩膀旁的手臂更粗,手腕更薄,如下图所示。

make the arm from a thick stroke

步骤6

现在我们将从一个圆圈创造一只手。使用椭圆工具(L)制作22 x 21像素的形状。将其转换为曲线,开始修改形状,形成手掌。 按住Option键并使用节点工具(A),以便相互独立地拉动和移动节点的手柄。

使用铅笔工具(N)绘制拇指。使其渐变填充略浅(特别是在拇指的顶部)将其与手掌分开。

create a hand from a circle

步骤7

使用圆角矩形工具(M)创建手指。稍微旋转它们并改变每个手指的长度。

Use the Rounded Rectangle Tool M to create the fingers

步骤8

我们来描绘男孩手中的运动控制器。首先使用椭圆工具(M)制作一个30 x 30像素的粉色圆圈。

切换到矩形工具(M),并制作一个与VR集相同的深灰色线性填充45 x 12像素的形状。

转换为曲线并重新塑造矩形,使其成为圆筒。重新排列物体,将手柄和手掌放在图层面板中。

depict the motion controller

步骤9

复制(Control-J)手臂,并使用顶部控制面板中的变换功能水平翻转。修改副本创建第二个手臂并握住蓝色运动控制器。

reate the second arm

步骤10

让我们使用插入目标功能将领饰加入到T恤中。选择T恤,然后单击选择按钮中的插入。 使用椭圆工具(M)铅笔工具(N)制作一个小椭圆,并填充皮肤颜色,使其与人物的颈部匹配。

use the Insert Target function

步骤11

现在我们向双腿前进!使用矩形工具(M)制作30 x 155像素的灰蓝色形状。转换为曲线并使用节点工具(A)移动点。弯曲矩形的边缘,使其适合草图的线条。

make a leg from the rectangle

步骤12

调整腿部,使其看起来更加卡通和灵活。应用线性渐变填充,使牛仔裤的底部变暗。

Apply a linear gradient fill

步骤13

绘制第二条腿,按照草图的线条,一旦您对其形状感到满意,请选择两条腿,然后从顶部的控制面板应用添加操作将两个对象合并在一起。

使用选择功能中的插入在我们角色的左膝盖上绘制一个矩形洞。

Draw the second leg and add a hole

4.如何绘制布面胶底鞋

步骤1

现在腿已经准备好了,让我们继续去描绘那些胶鞋。开始形成一个70×8像素轻灰色矩形鞋底。在鞋底上制作一条更薄更黑的线条。

在第一个顶部创建另一个70 x 8像素的矩形,并用深灰色填充。转换到曲线,使用节点工具(A),在顶部边缘添加一个节点,然后将其拖动。

make a gumshoe from rectangles

步骤2

让我们形成胶鞋的头。复制(Command-J)底部,使矩形更短。转换为曲线并向上弯曲,形成大拱。删除底部节点或将它们移动,将该位置定位到其位置。

form the toecap from the rectangle

步骤3

使用选择功能中的插入在托盘内绘制几个拱形凹槽。添加两个循环的鞋带。

复制(Command-J)水平翻转以创建相对的鞋。

Add two loops for the shoestrings

步骤4

我们再为牛仔裤添加更多细节。继续使用铅笔工具(N)(或钢笔工具(P))为口袋绘制深蓝色1pt笔触。

描边面板使线虚线,设置虚线值至2间隙3,以创建缝线。

为牛仔裤添加更多的笔触和针迹,使他们看起来更真实。

add some more details to the jeans

步骤5

让我们隐藏我们的素描层,看看我们角色的整体外观,看看每个部分是否在正确的位置。 我们可以根据自己的喜好添加任何细节。例如,在这里,我为男孩的T恤添加了一个扁平的符号。我也把一个压扁的椭圆放在脚下,让他看起来是站在地上的。

add a target symbol to the t-shirt

5.如何创建一个带有符号的背景

步骤1

现在我们的角色已经完成,让我们通过在背景中添加细节,使整个构图看起来平衡。

创建一个新图层,并将其放在图层面板中的所有其他图层之下。

创建一个大的浅黄色矩形。将其转换为曲线,并以相反方向移动顶部节点,使形状的顶部更宽。

make a yellow rectangle

步骤2

使用Affinity Designer的各种自定义形状填充背景符号。您可以在与三角形状相同的下拉菜单中找到所有的花式形状。 请注意,在顶部的控制工具栏中,每个形状都有自己的设置和调整。

将形状的填充颜色设置为无,并将描边颜色设置为明亮的蓝色。调整描边面板中的元素的宽度,并使轮廓线变为虚线

create custom shapes with dashed strokes

真棒!我们的卡通VR孩子角色已经完成了!

你做得很好,朋友,并成功地在Affinity Designer中创建了你的卡通人物。

我希望您喜欢本教程,并学习了一些新的技巧和诀窍,可以帮助您了解使用简单形状和渐变的原理,以使元素看起来动态和多样化。

继续设计您自己的花哨人物,并应用这些技巧,将您的草图变成精湛的矢量作品!

玩的开心!

Cartoon VR Kid Character is Finished
Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.