如何在illustrator中创建一个可爱招财猫

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

如何在illustrator中创建一个可爱招财猫

如何在illustrator中创建一个可爱招财猫

东霓 Illustrator 2018-12-26 7427浏览

如何在illustrator中创建一个可爱招财猫

今天我们来看看上面这个可爱的招财猫到底是如何绘制出来的呢!首先今天的教程将不会出现(提供)色值。在本教程中, 我们将使用大量的线性和径向渐变, 将它们应用于我们创建的每个对象。

学习前的提示:你可以在每步绘制前先用矩形做好渐变颜色的设置,这样就不用一步一步慢慢调整了

1.如何创建猫咪的头

步骤1

首先, 采用矩形工具 (m), 并为背景创建一个 800 x 600 px 的矩形, 如何使用渐变工具填充,渐变的类型为径向渐变,颜色为紫色到深紫色的渐变!

如何在illustrator中创建一个可爱招财猫

让我们使用椭圆工具 (l), 绘制一个 195 x 195 px的圈作为头。使用一个浅米色的径向渐变。使用渐变工具 (g) 来定位渐变, 如下图所示, 在头部底部创建一个微妙的阴影, 从而使其呈球形。然后采用直接选择工具 (a) 并选择形状的两个侧面锚点。将它们向下移动, 并将其移动到两侧, 使形状的底部更平坦、更宽。

如何在illustrator中创建一个可爱招财猫

步骤2

复制头部并粘贴在前面两次 (控制 c > 控制-f > 控制-f)。将顶部副本向上移动一点。选择两个副本, 并使用路径查找器的减去顶层功能来切割对象, 在头部底部留下一个狭窄的新月形状。用从白色到蓝色的线性渐变填充新形状, 并将其切换到 “透明度” 面板中的使用 “叠加模式”, 使形状半透明。这样, 我们就添加了柔和的蓝色色调。

如何在illustrator中创建一个可爱招财猫

步骤3

让我们在头顶上添加一个亮点(高光)。做一个120 x 120px的圆, 并以明亮的橙色线性渐变填充它。选择头部和橙色圆圈, 然后采用形状生成器工具 (shift-m)。按住 alt 并单击要删除的橙色圆圈的上半部分。然后我们就得到了想要的部分了!

如何在illustrator中创建一个可爱招财猫

步骤4

现在让我们为脸部画面加细节。再次使用椭圆工具 (l) 绘制50 x 50 px的圆圈。将其填充颜色设置为无, 将其描边颜色设置为棕色色调的线性渐变。前往 “描边” 面板, 将 “宽度” 设置为6pt, 然后将 “端点” 设置为圆头。

如何在illustrator中创建一个可爱招财猫

步骤5

使用剪刀工具 (c), 然后单击形状的左右锚点, 将圆圈拆分为两半。删除下半部分。稍微旋转一下形状, 描绘一个闭合的眼睛。保持形状处于选中状态, 双击镜像工具 (o) 并在 “垂直轴” 上翻转形状。单击 “复制” 以创建径向的第二只眼睛。

如何在illustrator中创建一个可爱招财猫

步骤6

使用相同的半圆形状来创建一个嘴。然后绘制一个和头一的形状但是要比头小,然后用橙色到黑色的线性渐变填充副本, 并将其混合模式切换到滤色, 从而在额头上形成明亮的亮点。

如何在illustrator中创建一个可爱招财猫

步骤7

现在让我们来绘制耳朵吧。使用多边形工具制作120 x 100px 三角形。用与头部相同的白米色颜色的柔和线性渐变填充三角形。使用 “直接选择工具” (a) 选择顶部锚点, 然后向下拉 “实时圆角” 的圆形标记, 使耳朵的顶部变得圆滑。在耳朵内做一个较小的圆角三角形。用亮橙色的线性渐变填充它, 在吸管工具 (i) 的帮助下从头顶中选取它。

如何在illustrator中创建一个可爱招财猫

步骤8

旋转耳朵并将其连接到头部。将耳朵向后移动。使用曲率工具 (shift-‘) 使耳朵的边缘稍微拱形。使用镜像工具 (o) 将镜像副本附加到头部的另一侧。这一步的时候记得最好对其耳朵大个组。

如何在illustrator中创建一个可爱招财猫

2.绘制猫咪的身体

步骤1

使用圆角矩形工具, 让我们绘制一个 195 x 190的px 形状作为身体吧。用径向渐变填充它, 在边缘创建一个微妙的阴影。使用 “直接选择工具” (a) 选择顶角的锚点, 并使用箭头键将其彼此移动得更近, 同时按住 shift 键, 使形状在顶部变窄。发送到后面 , 将身体放在头部下方。

如何在illustrator中创建一个可爱招财猫

步骤2

在身体底部添加浅蓝色反射, 使用与头部相同的技术。

如何在illustrator中创建一个可爱招财猫

步骤3

让我们用一个70 x 45px的椭圆来做为猫咪的爪子, 使用从白色到浅米色的线性渐变。选择两个侧面锚点并向下移动, 使形状的底部变平。使用线段工具 (), 同时按住 shift 键, 为爪子制作三条短的垂直线。应用相同的棕色线性渐变填充, 如果线条不是圆头端点可以重新设置一下!

如何在illustrator中创建一个可爱招财猫

步骤4

现在让我们创建一个小铃铛来装饰我们的雕像。使一个72 x 72px的圆圈, 并填充从黄色到橙色的径向渐变, 使其球形更立体。复制圆圈并将其粘贴到前面两次 。向下移动上一份副本, 并用从黄色到黑色的线性渐变填充它。选择两个副本, 并应用相交来剪切顶部副本。将混合模式切换到滤色, 使明亮的突出显示。

如何在illustrator中创建一个可爱招财猫

步骤5

创建一个小圆圈和一个狭窄的小矩形, 并用鲜红的线性渐变填充它们。结合这两个对象, 使用路径查找器的联集功能将他们合并为一个图形 (如我们在上一步中所做的那样) 或使用形状生成器工具 (shift-m) 也是可以的,但是路径查找器会更方便更快捷。

如何在illustrator中创建一个可爱招财猫

步骤6

将铃铛连接到猫的脖子上, 并在其下方放置一个明亮的黄绿色椭圆。至于领子, 让我们在身体的顶部上方创建一个亮红色的椭圆。选择主体和椭圆, 并使用形状生成器工具 (shift-m), 同时按住 alt 单击并删除不需要的部分。把领子向后送几次 ,把它放在头和铃铛下面。别忘了把爪子加到身体的底部。(如果你用形状生成工具做不出来就用路径查找器做)

如何在illustrator中创建一个可爱招财猫

步骤7

为了使雕像更逼真, 我们需要添加一些温柔的阴影。让我们看看如何从铃铛开始制做一个阴影。复制钟圈并粘贴在后面。向下移动一下副本, 并在底部用从米色到白色的垂直线性渐变填充它。切换混合模式到叠加, 创建一个微妙的半透明阴影。使用相同的方法添加头部和爪子的阴影。请记住使用形状生成器工具 (shift-m) 切断并删除不需要的部件。

 收藏