AI绘制猪脸图标UI教程

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:zcool   作者:1小鬼1

关键词


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

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


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


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

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


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


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


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


画一个矩形使用矩形工具为左镜片。(如果你不使用Adobe CC,使用圆角矩形工具和自己指定圆角半径)轮的角落。画一个矩形或圆角矩形内第一(取决于你的形状和偏好)减去前面进入探路者面板为了切出的帧的镜头。重复对方。


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


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


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



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

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


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

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




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


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


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


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



 收藏