这是咱们群里的童鞋写的UI设计教程,当然要支持啦~!通过这个小猪的练习,可以很好的掌握Illustrator的一些技巧,比如说路径工具,渐变色,阴影,混合模式等等。

m_6ec55427b7c500000180bc9a22f1

如何在Adobe Illustrator画一个简单可爱的猪脸图标

一开始新的文件6“×6”无论大小,或者你觉得最舒适的工作画板。主要的目标是要方。

  • 使用矩形工具(M)画一个桃色(# f9c9bf画板。
  • 使用椭圆工具(L)画两个小椭圆的眼睛在暗紫色(# 35253f)创建的眼睛?;桓龃蟮?,在粉红色的水平椭圆(# f57da0)对猪的鼻子。
  • 两个小,暗紫色的椭圆状的鼻孔。

m_0f455427b76500000180bc89609f

画脸颊,用画圆椭圆工具浅粉色。使用直接选择工具?把底部的锚点向内和向上。选择该形状网格工具(U)。选择用于脸颊形状内的网格三线。我用# f8d9d1对于外边缘# feeeeb在上中心。选择你想在每个节点的网格变化直接选择工具手动改变颜色。

m_80925427b76600000180bc12efe0

复制(控制)粘贴(控制-V)左脸颊创建右脸颊。嘴巴是一个复制粘贴眼睛放在粉红色的鼻子底下面板。下口的亮点是一个复制,粘贴,和缩小的的脸颊的版本也被旋转的颠倒的。

m_59a15427b76800000180bc7f2c8a

画一个更大的椭圆绕左鼻孔和减少不透明度0%透明度面板。选择左边的鼻孔和新的椭圆和使用混合工具(W)为了创建一个平滑的混合20?步骤左右。

m_5d4a5427b76900000180bc9f3875

右边的鼻孔和嘴巴的重复过程做了2节,1步。

m_b42c5427b76a00000180bcafaa85

见下面的图片为渐变网格应用于鼻。我添加了两排四点集中的深粉红色(# c33e6b)沿网底部边缘。

m_319a5427b76c00000180bc71fdc8

在鼻子上的光芒,我画了一个椭圆曲线底部的锚点向内。颜色是桃为我主用于肤色相同。我添加了网格内的三点选每个锚点沿两侧和底部的减少不透明度0%透明度面板。

m_d80b5427b76d00000180bcc562be

  • 在鼻孔集锦是鼻子的主要亮点一样。复制,,旋转,和规模突出形成了适合下面的鼻孔。
  • 舌头是一个粉红色的椭圆重叠的暗紫色的嘴。选择的形状和使用形状生成器工具(shift-m)选择粉红色的椭圆的非重叠部分。取消删除外部形态。
  • 最后,现在,在面颊雀斑画粉红色的小圈子。

m_96d45427b76e00000180bcee0618

画一个矩形使用矩形工具为左镜片。(如果你不使用Adobe CC,使用圆角矩形工具和自己指定圆角半径)轮的角落?;桓鼍匦位蛟步蔷匦文诘谝唬ㄈ【鲇谀愕男巫春推茫?strong>减去前面进入的探路者面板为了切出的帧的镜头。重复对方。

m_edc45427b77000000180bc2c54d4

画两帧之间的矩形。让它去效果>扭曲?应用水平弯曲的23%。扩大下的形状目标。

m_d0a85427b77300000180bc259d07

画两个小矩形框架的两侧形成的眼镜臂。群组(CTRL-G)在一起的所有眼镜组件和去>阴影样式。使用以下属性:

  • 模式:繁殖
  • 不透明度:33%
  • 的x偏移量:0.05
  • Y偏移:0.03
  • 模糊的:0.03
  • 颜色深紫色

m_1c825427b77500000180bcc1f070

在眼镜集团在面板,画一个明亮的红色矩形。设置混合模式覆盖不透明度21%透明度面板。在另一侧重复。

m_0bac5427b77800000180bc93b2d2

在眼镜的集锦,画薄矩形框架的顶部和底部与线性梯度(使用渐变工具(G)),从深紫色到明亮的紫色到深紫色。

m_ae5f5427b77c00000180bc5455f2

在鼻子上的阴影,适用下列属性与阴影功效

  • 模式:繁殖
  • 不透明度29%
  • 的x偏移量:0.03
  • Y偏移:0.04
  • 模糊的:0.02
  • 颜色暗红色

m_fe3c5427b77a00000180bc4ca167

使用钢笔工具(P)在部分画头发。我也用同样的阴影的影响在3节,步骤6每一节。我画了三部分头发总。每个部分可以合并使用的形状l路径查找器。群组三部分结合在一起的头发。

m_14825427b77d00000180bcce9f2f

复制发组和颜色设置为红色,混合模式覆盖,和不透明度21%(在3节,步骤4)。

m_e58e5427b77e00000180bcb651b4

  • 在绘制蹄钢笔工具在相同的桃为用于面部。再次,应用下降?阴影(在同一3节,步骤6对主要的马蹄形)。
  • 微量的前2/3的蹄和应用线性梯度从深紫色到明亮的紫色到深紫色(同一个用于眼镜的集锦)。随着渐变工具角度渐变,以便突出在蹄子的中心。
  • 微量蹄子的顶部边缘的钢笔工具用填充色深紫色增加深度的形状。
  • 群组蹄组件连接在一起。

m_45795427b77f00000180bcf1bf8e

复制左蹄反映它在一个垂直轴为了创造一个正确的。的地方都在脸的两边的脸颊。

m_12f95427b77f00000180bc2fa209

我们将使用相同的线性梯度从眼镜和蹄。复制和每个头发部分的两个实例。你可以删除阴影在从这些复制版本的影响外观面板。抵消一个稍微从其他击中减去前面路径查找器面板。运用先前使用的线性梯度放在头发上。这种技术可以让你创建一个简单的轮廓的比赛集锦的主要形状完美。

m_a5245427b78100000180bc514093

重复在头发的另外两段前面步骤的过程。他们如何重叠影响突出的外观形状。随意玩弄为形状组合,为您设计获得最佳。

m_02365427b78200000180bc04d09a

它结束了!你的小朋友猪图标。他有一些决定性的克拉克肯特的发型。把你的设计,进一步采用梯度网格形状或创造了一整套动物图标呈现更多的细节。谢谢观赏,记得点赞,下期再会……是不是萌萌哒……

m_0ee45427b78300000180bc41bdca

作者:1小鬼1

原文地址:http://www.ccopus.com/article/ZMTE0MTI4.html

转载请注明:学UI网—UI设计师学习教程平台 » 可爱的猪脸图标(Illustrator教程)

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
潜水艇小插画教程[AI教程]潜水艇小插画教程[AI教程]
AI快速绘制2.5D冰淇淋车AI快速绘制2.5D冰淇淋车
VIP勋章拆解教程 [ps教程]VIP勋章拆解教程 [ps教程]
写实插头图标教程[PS教程]写实插头图标教程[PS教程]
《纪念碑谷2》图标教程[ps教程]《纪念碑谷2》图标教程[ps教程]
毛线编织纹理图标教程[AI教程]毛线编织纹理图标教程[AI教程]
一起制作Alphabear图标[AI教程]一起制作Alphabear图标[AI教程]
4个规律快速画好断线图标!4个规律快速画好断线图标!
《Lit the Torch》解密游戏Icon[教程]《Lit the Torch》解密游戏Icon[教程]
iPhone8壁纸:《迷彩渐变》 教程(下)iPhone8壁纸:《迷彩渐变》 教程(下)
?