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

产品设计 2018-12-08 阅读原文

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

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

1.如何创建猫咪的头

步骤1

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

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

步骤2

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

步骤3

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

步骤4

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

步骤5

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

步骤6

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

步骤7

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

步骤8

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

2.绘制猫咪的身体

步骤1

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

步骤2

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

步骤3

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

步骤4

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

步骤5

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

步骤6

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

步骤7

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

步骤8

让我们把手臂和前爪加到我们的招财猫身体上。根据你的喜好, 在脸的左侧 (或右侧) 放一个爪子。使用圆角矩形工具, 绘制一个 50 x 90 px的形状来作为手臂, 并填充它与头相同的从浅米色到白色的线性渐变, ,然后在手臂的底部加上一个浅蓝色的阴影, 然后在从脚哪里复制一个爪子过来,最后别忘了给他加上阴影哦。

步骤9

现在让我们画一条鱼, 我们要把它放在我们猫的第二只手里。使用椭圆工具 (l) 为身体制作 115 x 55px的椭圆, 并在底部用鲜艳的粉红色到深粉色的线性渐变填充它。画另一个椭圆, 用浅粉色填充, 并将其放置在身体上方, 覆盖其右侧部分。选择这两个形状并使用形状生成器工具 (shift-m), 同时按住 alt 以删除主体周围的形状片段。现在我们已经绘制完成了我们的鱼头。让我们添加更多细节吧!

步骤10

绘制一个较小的椭圆形,40 x 20px大小, 并填补它一个水平深粉色调的线性渐变。使用直接选择工具 (a) 选择两个侧面锚点, 并将选定的锚点转换为尖角。制作创建对象的副本, 并通过组合两个形状来创建鱼尾。通过绘制一个半圆来作为眼睛,来完成鱼的绘制。

步骤11

把鱼放进猫的爪子上, 贴在身上。在叠加模式下创建半透明的形状跟爪子和鱼做一个阴影。

步骤12

最后, 让我们为我们的猫添加一个弯曲的光滑的尾巴。使用弧形工具为我们的猫咪绘制一个漂亮的拱形尾巴到身体左侧吧, 并应用 30pt的描边加圆头端点。颜色和身体的渐变是一致的哈!

步骤13

让我们把尾巴转换为可编辑的形状(这个我不用多说吧,扩展和转曲都可以做到)现在, 我们可以应用线性渐变并添加较小的细节了。将一个明亮的黄橙色椭圆放在尾巴的顶部, 并使用形状生成器工具 (shift-m), 同时按住 alt 以删除尾巴周围不需要的一块。复制橙色片并粘贴在前面 。使用吸管工具 (i) 从额头上吸取的颜色, 然后使副本变小, 并将其变成亮黄色的高光。

3.背景的绘制

步骤1

让我们为一个猫咪创建一个简单的背景吧, 以便使我们的插画看起来平衡和完整。使用椭圆工具 (l) 创建一组重叠的圆。切换到矩形工具 (m), 在底部绘制一个小的矩形使其下部平坦。然后使用路径查找器中的联集吧所有形状合并在一起。最后填充一个蓝色的线性渐变。

步骤2

将云放在猫后面, 并在形状底部添加较深的蓝色色调, 使其更具立体性。使用椭圆工具 (l) 在云的两侧添加两个小圆圈, 并在所有对象下创建一个红色的大圆圈, 作为一个初升的太阳。位云添加阴影, 将其放置在太阳形状之上。

步骤3

再做几条鱼, 重新上色, 使我们的构图更加详细和丰富多彩。

步骤4

让我们创建另一个形状略有不同的云。使用矩形工具 (m) 制作 200 x 25 px的浅黄色矩形。在上面再加上两条矩形, 改变它们的宽度。使用 "路径查找器" 把所有三个形状合并起来, 然后使用 "直接选择工具" (a) 选择整个形状。拉实时圆角的圆标记, 使所有的角都等地圆润和平滑。

步骤5

将小细节添加到云中, 并将其放置在太阳的顶部。使用镜像工具 (o) 和发送到后面来 创建镜像副本, 将其放置在阳光的下面。

步骤6

现在, 让我们来为背景加点细节吧。创建一个大小与背景相同的矩形 (800 x 600 px)。前往 "色板" 面板,打开 "色板库" 菜单, 找到图案>装饰 > 旧版装饰。

步骤7

找到 "波形颜色" 图案, 并将其应用于矩形。通过单击 "色板" 面板中的 "编辑图案" 按钮, 可以更改图案的 "填充" 和 "描边" 颜色。

如果要使图案的比例变大或变小, 请使用缩放工具 (s)来进行设置,记得把选项里面的变化对象取消勾选,把前两项记得勾选,然后等比还是不等比看你自己。

步骤8

将图案放置在背景上, 并将其不透明度降低到 10%, 将 "混合模式" 切换到 "滤色", 使图案几乎不可见。我希望您喜欢学习本教程并学习了一些新技术, 比如adobe illustrator的基本形状、渐变和各种功能的加强。

好了,本期的教程就到这里了!希望对你有帮助! 不管你有什么问题都可以私信和加我微信问我!最后,关于ui中国10周年大会的福利请前往我的前期翻译教程查看 传送门

微信公众号: 搬运工米夏小雨

UI中国

责编内容by:UI中国阅读原文】。感谢您的支持!

您可能感兴趣的

怎样激活你的微信群?(长文:收藏专用)... 这篇文章是一碗梁粉在以太创服以及多个社群中分享后整理的文字稿内容,供大家参考。 内容比较长,不喜欢在公号上阅读的朋友,可以直接添加我的微信 aweige2046 获取分享的PPT,以及分享文字稿PDF。 有...
HTC U12 Life设计图曝光:确认无刘海屏设计... 原标题:HTC U12 Life设计图曝光:确认无刘海屏设计 IT之家8月4日消息 此前外媒Android Authority消息称,HTC正在准备一款代号为“Imagine Life”的新型中端智能手机。虽然官方尚未揭晓该机的名称,但外...
业绩回升:日播时尚与无印良品都用这招... 年轻消费者多变而挑剔的消费“口味”,不免让某些国产服企找不着北,先知先觉的大牌为提升经营业绩,一边缩减效益不佳的门店,一边对零售额涨势颇佳的门店进行升级改造,满足新兴消费者对购物体验的价值诉求,零售门店的功能性正在逐步多元化。“生活方式体验...
Your Worst Hire Might Be the Secret to Building Yo... I've made somebad hires. The truth is, I want to like everyone. I want to sell every candidate on how grea...
实拍林肯新领航员,价格虽高但也更加豪华... 最近两年因为参加厂商发布会、展会先后去了三趟美国。每次从酒店出来,基本上都能看见不少租赁公司的大型 SUV 一字排开等人。 要让我评出在美国坐过的最舒服的车,我肯定会把票投给这些美系全尺寸 SUV。只因它们才能兼具宽大的车身、...