你将缔造什么在本教程中,我们将从同一个圆圈中建立六张分歧的动物肖像!让我们享用利用根基外形、外形天生器工具、途径查找器面板和 Adobe ai 的其他一些有勤奋用建造一组时髦平面元素的兴趣吧! 您将在此 Adobe ai 教程中学到什么若何移动和改变点来操纵外形 若何在 Adobe ai 中利用外形天生器工具 若何组合和分层外形 若何复制和反射外形
本教程的灵感来自Envato Market和Envato Elements上的很多动物图标。 假如您正在立即寻觅一套,请前往Envato Elements,在那边您可以采办我的全部Flat Animal Icons Set。
您还可以在 Reshot 上找到大量免费的 SVG 图标。 1.若何打造文雅的暹罗猫
步调1用椭圆工具 (L)建造一个60 x 60 像素巨细的均匀圆,起头构成猫的脸。用沙色米色添补圆圈。
第2步利用间接挑选工具 (A)挑选两侧的锚点并将它们向下拖动,改变面部的外形。
第 3 步现在让我们构成猫的耳朵。利用多边形工具建造一个大约17 x 15 像素巨细的三边外形。转到结果>扭曲>凸出并将垂直曲折值设备为40%。 工具 > 展开外形的表面以利用结果。利用间接挑选工具 (A)挑选上部锚点,然后单击上部高低文面板中的将角转换为平滑按钮使角平滑。收缩这个锚点的锚柄,向上拖动锚点,使耳朵更尖。
第四步复制的外形和粘贴它在正面(操纵-C>控制-F) 。缩小副本并用巧克力棕色添补它。扭转耳,并将其放置在头的左侧,发送它到返回(控制-按住Shift [),所述头部外形的下方。经过在“工具”面板中双击其图标利用反射工具 (O)将耳朵翻转到垂直轴上并建立一个副本,将其放置在头部的另一侧。
第 5 步让我们把头部的顶部弄平。挑选头部外形,利用橡皮擦工具(Shift-E)并按住Alt键在头部绘制一条窄条纹。现在我们将外形切成两部分。挑选不需要的部分并删除它。
第 6 步利用多边形工具建造一个粉红色的小三角形鼻子。挑选鼻子并拉动实时角的圆形指示器以使外形变圆。假如此功用在您的 Adobe ai 版本中不成用,请利用结果 > 气概化 > 圆角,结果完全不异。
第 7 步建造另一个椭圆并将其放在面部内部,使其打仗鼻子的下端。将椭圆与鼻子对齐,利用鼻子作为关键工具。为此,请挑选两个外形并在按住Alt 的同时单击鼻子。您会在鼻子四周看到一个粗笔画,暗示关键工具。前往对齐面板,然后单击水平对齐中心。 然后利用锚点工具(Shift-C)并将底部锚点的锚点向下移动到大约45 度。利用指南将手柄移动到相称的间隔(您可以经过将指南线从标尺 (Control-R)向下拖动到您的画板来增加指南线)。 用与耳朵上不异的棕色添补面部“面具”,利用吸管工具 (I)挑选色彩。在面罩下方增加一个较小的浅棕色椭圆,描画下颌。
第 8 步现在让我们增加眼睛!建造一个椭圆,挑选其正确的锚点,然后从上面控制面板的“转换”菜单中将其转换为尖角。用亮蓝色添补椭圆,并在上面为虹膜增加另一个椭圆。 这里我们需要删除与眼睛边沿堆叠的那片虹膜。挑选两个椭圆,并利用外形天生器工具 (Shift-M)经过按住Alt键并单击不需要的部分来擦除虹膜的上部。 稍微扭转眼睛并利用反射工具 (O)建立一个镜像副本。
步调 9为我们猫的眉毛建造两个浅棕色椭圆,并在眼睛中增加两个红色小圆圈作为亮点。 建立一个浅粉色椭圆,将其放置在鼻子上部上方,并利用外形天生器工具 (Shift-M)按住Alt 键删除不需要的部分,从而使鼻子加倍细致。
第 10 步让我们建立一个时髦的平面阴影,覆盖猫头的一半。组(Control-G)的猫一路的一切部分,复制组和粘贴它在正面(操纵-C>控制-F)。连结挑选,复制团结其部件在 探路者面板,将它们合并成一个单一的外形。将表面的夹杂形式切换为正片叠底,使其半通明。 最初,挑选表面,利用橡皮擦工具 (Shift-E)并按住Alt,将鼠标拖到猫头的左半部分,用红色矩形选区覆盖它。开释鼠标按钮以删除被覆盖的部分。 在这里,我们有它!我们的扁平猫已经预备好了。让我们继续下一个元素。
2.若何画一只欢畅的小狗步调1和之前一样,我们从60 x 60 px 的圆圈起头构成肖像。将侧锚点向下移动一点,使外形凸出,并利用橡皮擦工具(Shift-E)擦除其顶部。 利用间接挑选工具 (A)挑选左锚点,然后按Enter翻开移动选项窗口。将Horizontal Position值设备为-5 px,将 Vertical值设备为0 px,然后单击OK,从而将锚点向左移动 5 个像素。 对右侧锚点履行不异操纵,将水平移动值设备为5 像素并将其向右移动5 像素。
第2步挑选两侧的锚点并将它们转换为尖角。利用锚点工具 (Shift-C)调剂锚柄的位置并将它们向上移动,使面部线条平滑。
第 3 步让我们利用多边形工具从一个40 x 35 像素的三角形构成耳朵。利用曲率工具(Control-`)使三角形的边更圆润和凸出。假如您利用的是早期版本的 Adobe ai,其中不包括此工具,请随意利用Effect > Warp > Bulge,就像我们之前所做的那样。 挑选上方的锚点,使其平滑并向左拖动,使外形倾斜。转到工具>途径>偏移途径并将偏移值设备为-3 px,构成耳朵的内部。用浅灰色添补它。
第四步扭转耳朵并将其放在头部的左侧。利用反射工具 (O)在另一侧建立镜像副本。
第 5 步从压扁的椭圆构成一个深灰色的鼻子,将其下锚点向下拖动一点。在鼻子下方建造两个堆叠的浅灰色椭圆,将它们分组并与面部水平对齐,利用面部外形作为关键工具。
第 6 步现在让我们建造一个风趣的舌头伸出来!利用矩形工具 (M)建立一个浅粉色矩形,并将其放置在浅灰色椭圆下方。挑选两个较低的锚点并将实时角标志拉到最大,使外形的底部变圆。利用线段工具 ()并在按住Shift 的同时绘制垂直笔画。您可以在“描边”面板中使线条的尖端变圆。
第 7 步让我们移到眼睛。建造一个深蓝色椭圆并用另一个椭圆或任何色彩覆盖其下部。挑选两个外形并利用外形天生器工具 (Shift-M)删除下椭圆以及被覆盖的眼睛底部。这样我们便可以玩得高兴了。在眼睛上增加较深的虹膜和红色的小亮点。 稍微扭转眼睛并建立第二个,将其放在面部的另一侧。
第 8 步建立两个均匀的浅灰色圆圈,覆盖眼睛。然后增加两个更大的圆圈,堆叠并覆盖面部的下部,以下面的屏幕截图所示。挑选下方的圆圈并利用外形天生器工具 (Shift-M)删除面外的那些部分。 挑选一切四个新部分并将它们合并到Pathfinder 中,建造一个“面具”。您可以经过利用间接挑选工具 (A)单击其边沿并将其删除来删除蒙版中心的间隙。
步调 9为眉毛建造两个带有圆角的小矩形,使狗看起来善良和开畅,最初在面部的右半部分建立一个奥妙的阴影。
3.若何建造花式浣熊步调1我们从一个60 x 60 像素的淡蓝色圆圈起头塑造面部。压扁一点,使外形更宽。将两侧的锚点向下拖动几个像素,然后从上方工具栏中的“转换”菜单将它们转换为尖角。 从我们的猫身上复制耳朵,按照浣熊头部的色彩重新着色,并将它们放在头部的两侧。
第2步从18 x 10 px深灰色椭圆建造鼻子,将其顶部锚点向上拖动一点。建立另一个具有深灰色描边色彩的椭圆,在色彩面板中将添补色彩设备为无。利用铰剪工具 (C)并单击左右锚点,将外形水等分红两等分。删除下半部分,让我们的浣熊浅笑。
第 3 步复制面部外形并使副本变小,用红色添补并将其放置在鼻子地区下方。增加两个带有红色高光的黑色小眼睛,将它们分组并在“对齐”面板中与面部水平对齐,使面部成为关键工具。 再次复制面部外形,使副本变小一点,用深蓝色添补并放置在面部底部,构成一个面具。
第四步让我们将面具分红两半,在眼睛四周建立两个自力的点。利用矩形工具(M)并在面部中心绘制一条垂直条纹。挑选这两个面具和条纹,并利用分频的功用探路切片一切的外形。删除不需要的部分,倘使有的话。将您建立的两半放在眼睛下方,并使角稍微变圆。 最初,在面部的右侧增加一个平面阴影。现在我们可以继续进步了!
4.若何做一只善良的熊猫步调1从60 x 60 px浅米色圆圈建造疏松的脸型,将其侧锚点向下移动。
第2步从我们的狗身上复制鼻子地区并将“嘴唇”的描边色彩设备为深灰色,以即可以看到表面。挑选两个表面椭圆(没有鼻子)并在探路者中将它们结合起来。 挑选铰剪工具 (C)并单击表面外形的侧锚点,将其分隔。删除上半部分,为我们的熊猫构成一个亲热的浅笑。
第 3 步复制浣熊的眼睛,让我们在眼睛四周构成大的深灰色斑点。建造一个压扁的椭圆并向左扭转一点。利用反射工具 (O)建造副本并将其水平翻转到面部的另一侧。用红色添补眼球,使它们在斑点上方可见。 连结选中眼球,转到工具>途径>偏移途径并在眼睛内建立小瞳孔。
第四步在熊猫的头部增加圆形的深灰色耳朵,最初在其面部右侧构成一个半通明的阴影。 做得好!让我们继续!
5.若何缔造一只聪明的熊步调1从一个60 x 60 像素的 圆圈起头建造熊的脸。将两侧锚点向下移动并向上拖动顶部锚点,使头部看起来像一个鸡蛋。 利用橡皮擦工具 (Shift-E)将头顶弄平。并使外形的角稍微变圆。
第2步在头顶增加两个圆形耳朵,将它们分组并水平对齐,利用头部作为关键工具。利用偏移途径功用和-3 px 偏移值来构成耳朵的黑暗内部。
第 3 步用压扁的椭圆做一个深棕色的宽鼻子。让我们构成鼻梁。利用矩形工具(M)建造一个浅米色的外形,把它放在鼻子前面。利用移动选项面板将其左上角锚点向右移动5 像素。对右上角的锚点做一样的工作,向相反的偏向移动它,从而使鼻梁的顶部更窄。 使矩形的角变圆。利用实时角功用,您可以改变外形每个零丁角的圆度级别。例如,您可以仅挑选上锚点,从而经过将标志拉到最大位置来使上角 100% 变圆。
第四步在鼻梁底手下方增加一个小椭圆,构成下颌。把眼睛加到熊的脸上,假如你感觉熊的脸太黑,把棕色的部分调亮一点。 最初,将阴影增加到熊的脸上。 惊人的!我们还剩下最初一个字符!
6.若何做一只狡猾的狐狸步调1再一次,我们起头从我们熟悉的60 x 60 px橙色圆圈起头构成狐狸的脸 。将侧锚点向下拉一点并将它们转换为尖角,使面部的两侧变尖。将较低的锚点也转换为角,构成一个尖锐的鼻子。
第2步从浣熊身上取出耳朵,将它们放在狐狸头部的两侧,调剂色彩。在面部底部放置一个黑色椭圆,覆盖鼻子地区。利用外形天生器工具 (Shift-M)去除面部外侧的部分,构成一个尖尖的黑色鼻子。
第 3 步建立一个椭圆,与狐狸面部的左偏堆叠,以下面的屏幕截图所示。利用反射工具 (O)在另一侧建造翻转副本。挑选两个椭圆并利用外形天生器工具 (Shift-M)删除面外的那些部分。用浅米色添补外形,构成面颊。为我们的狐狸增加两只闪亮的小眼睛。
第四步在实时角功用的帮助下,使鼻尖有点圆润。让我们为我们的狐狸增加更多细节! 建造一个浅橙色的小椭圆,并将其放在鼻梁的左侧。挑选外形,按住Alt-Shift并将椭圆向右拖动,停止复制。按Control-D两次以构成别的两个副本。再做两行椭圆,把它们放在一个穿插的位置。经过这类方式,我们在狐狸的鼻子上描画了一种气概化的外相。 不要忘记经过在鼻子顶部构成更小更轻的外形来为鼻子增加温和的亮点。
第 5 步在我们狡猾的狐狸的右侧增加一个温和的阴影。
7.若何建立带有长阴影的图标步调1现在我们有六个平面款式的动物肖像,让我们将它们放在一组彩色圆圈上,建立图标。 为图标的底部建造一个106 x 106 像素巨细的绿松石圆圈,并将浣熊的头放在中心。 为阴影基底建立一个80 x 80 像素的正方形,按住Shift 键将其扭转45 度。
第2步将正方形的夹杂形式切换为正片叠底,使其半通明,并将外形放置在浣熊上方。假如需要,使外形变窄一点,然后四周移动,找到外形与头部堆叠的两个点。在我们的例子中,它是右耳背和脸的左侧。利用增加锚点工具 (+)在这些点增加两个锚点,然后切换到删除锚点工具 (-)并删除矩形顶部那些不需要的锚点,将外形的顶部隐藏在浣熊的头。 将阴影放在头手下方,利用外形天生器工具 (Shift-M)删除图标外不需要的部分——瞧!——我们带偶然髦扁平阴影的精彩图标完成了!利用不异的简单技术为一切其他动物建立圆形图标。
做得好!我们的扁平动物图标集已完成!这很风趣,不是吗?我希望你喜好用不异的外形缔造这些心爱的扁平动物,并进修了一些新的技能和窍门,玩弄椭圆、 探路者面板和 外形天生器工具!请继续关注新教程,不要忘记鄙人面的批评中展现您的成果!
假如您想领会有关若何利用 Adobe Illustrator 的更多信息,请加入我们为期三小时的免费初学者课程。从把握 ai 根本常识起头,然后进修建立结果、图案等——一切这些都由经过 Adobe 认证的 ai 专家供给的清楚视频指导完成。
来自 Envato Elements 的动物图标想要更多挑选?然后前往Envato Elements,在那边您可以定阅无穷制拜候数十种动物图标等等。鄙人面检察我们的一些最爱! 1. 15 个动物矢量图标
这些心爱的动物图标能够是您网站或利用法式的完善补充!这个包包括 15 个极简矢量图标,它们都是完全可编辑和调剂巨细的。享用两种方便的文件格式,很是合适任何喜幸亏 Adobe ai 中工作的设想师。 2.矢量动物插绘图标
看看这些心爱的矢量动物图标。这只是包括的 100 个图标的示例;这是 100 种分歧的动物图标,全手下载一次,您可以在 Adobe ai 中夹杂、婚配和自界说这些图标。 3.卡通动物插图矢量艺术
寻觅更具体的矢量插图?检察此矢量动物插图集。它们不但带有 AI 和 EPS 文件,可在 Adobe ai 中利用,还带有 PNG 和 JPG 文件,以方便您利用。 4.动物等距插图图标
喜好块状的等距美学?然后看看这个风趣、心爱的等距动物调集。有 20 种心爱的动物可供挑选,您可以在 Adobe ai 中自界说它们。 5.心爱的圆形动物图标
这些圆润的动物插画能否是很心爱?这只是包括在此矢量图标集合的 40 个心爱动物插图的示例。立即下载它们并在您的下一个心爱的动物主题项目中利用它们。
|