1. Design & Illustration
  2. Character Design

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

by
Read Time:13 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

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

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

步骤1

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

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

character sketchcharacter sketchcharacter sketch

步骤2

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

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

Create a New Document and place the sketchCreate a New Document and place the sketchCreate a New Document and place the sketch

步骤3

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

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

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

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

make the head from the ellipse make the head from the ellipse make the head from the ellipse

步骤4

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

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

apply a linear gradient fillapply a linear gradient fillapply a linear gradient fill

步骤5

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

make the ear from the ellipsemake the ear from the ellipsemake the ear from the ellipse

步骤6

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

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

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

add details to the ear using the Pencil Tool Nadd details to the ear using the Pencil Tool Nadd details to the ear using the Pencil Tool N

步骤7

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

the head basethe head basethe head base

步骤8

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

 Use the Pencil Tool N to draw the nose Use the Pencil Tool N to draw the nose Use the Pencil Tool N to draw the nose

步骤9

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

Fill the nose with a diagonal linear gradient Fill the nose with a diagonal linear gradient Fill the nose with a diagonal linear gradient

步骤10

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

Make the sketch invisible Make the sketch invisible Make the sketch invisible

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

步骤1

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

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

make a virtual reality set from rectanglemake a virtual reality set from rectanglemake a virtual reality set from rectangle

步骤2

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

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

add a glowing blue elementadd a glowing blue elementadd a glowing blue element

步骤3

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

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

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

use the Insert inside the selection functionuse the Insert inside the selection functionuse the Insert inside the selection function

步骤4

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

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

draw a mouth and adjust the strokesdraw a mouth and adjust the strokesdraw a mouth and adjust the strokes

步骤5

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

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

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

make the side strap of the VRmake the side strap of the VRmake the side strap of the VR

步骤6

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

make the stretch longermake the stretch longermake the stretch longer

步骤7

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

draw the hairdraw the hairdraw the hair

步骤8

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

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

make circle frecklesmake circle frecklesmake circle freckles

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

步骤1

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

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

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

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

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

make a t-shirt from rectanglemake a t-shirt from rectanglemake a t-shirt from rectangle

步骤2

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

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

make a sleeve from the rectanglemake a sleeve from the rectanglemake a sleeve from the rectangle

步骤3

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

turn on the snappingturn on the snappingturn on the snapping

步骤4

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

Add the second sleeveAdd the second sleeveAdd the second sleeve

步骤5

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

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

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

make the arm from a thick strokemake the arm from a thick strokemake the arm from a thick stroke

步骤6

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

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

create a hand from a circlecreate a hand from a circlecreate a hand from a circle

步骤7

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

Use the Rounded Rectangle Tool M to create the fingersUse the Rounded Rectangle Tool M to create the fingersUse the Rounded Rectangle Tool M to create the fingers

步骤8

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

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

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

depict the motion controllerdepict the motion controllerdepict the motion controller

步骤9

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

reate the second armreate the second armreate the second arm

步骤10

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

use the Insert Target functionuse the Insert Target functionuse the Insert Target function

步骤11

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

make a leg from the rectanglemake a leg from the rectanglemake a leg from the rectangle

步骤12

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

Apply a linear gradient fillApply a linear gradient fillApply a linear gradient fill

步骤13

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

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

Draw the second leg and add a holeDraw the second leg and add a holeDraw the second leg and add a hole

4.如何绘制布面胶底鞋

步骤1

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

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

make a gumshoe from rectanglesmake a gumshoe from rectanglesmake a gumshoe from rectangles

步骤2

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

form the toecap from the rectangleform the toecap from the rectangleform the toecap from the rectangle

步骤3

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

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

Add two loops for the shoestringsAdd two loops for the shoestringsAdd two loops for the shoestrings

步骤4

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

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

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

add some more details to the jeansadd some more details to the jeansadd some more details to the jeans

步骤5

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

add a target symbol to the t-shirtadd a target symbol to the t-shirtadd a target symbol to the t-shirt

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

步骤1

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

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

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

make a yellow rectanglemake a yellow rectanglemake a yellow rectangle

步骤2

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

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

create custom shapes with dashed strokescreate custom shapes with dashed strokescreate custom shapes with dashed strokes

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

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

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

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

玩的开心!

Cartoon VR Kid Character is FinishedCartoon VR Kid Character is FinishedCartoon VR Kid Character is Finished
关注我们的公众号
One subscription.
Unlimited Downloads.
Get unlimited downloads