分享此网站可得100G教程,联系小洁领取点击这里给我发消息

AI绘制马戏团图标教程

icon图标 学UI设计 1224次浏览 0个评论

复古的马戏团有没有吸引到你?我反正被吸引到了。 如果你喜欢这些“复古”方式马戏团的形状和颜色,然后看了本教程之后希望你能设计出一套自己的马戏团图标。

  • 马戏团图标绘制教程AI绘制马戏团图标教程小丑图标的绘制

步骤1

让我们从小丑的头部开始吧,取圆角矩形工具画一个75×115像素的矩形。然后调整他的圆角度数,并把圆角矩形的填充颜色改成淡淡的黄色(#FCE5C3)。

选择椭圆工具(L)画一个26×26像素的正圆作为鼻子。颜色填充为红色(#ED6863)
AI绘制马戏团图标教程
AI绘制马戏团图标教程

步骤2

确保鼻子和脸处于居中在同一水平线,我们可以选中鼻子和脸打开对齐面板,单击水平居中对齐,让这2个对象居中。

画一个9×9像素的圆,颜色填充为亮粉色
AI绘制马戏团图标教程
AI绘制马戏团图标教程

步骤3

现在让我们来为他画眼睛,画一个16×16像素的圆,去掉填充色,将描边大小设为4px,端点设为圆角,色为黑色。

用直接选择工具选取椭圆锚点删除,然后选择到对象按住shift加alt向右边移动复制出另一个眼睛。
AI绘制马戏团图标教程
AI绘制马戏团图标教程
AI绘制马戏团图标教程
AI绘制马戏团图标教程

步骤4

选择圆角矩形工具画一个淡蓝色的眉毛,大小为10x5px,保持对象的选择,然后双击旋转工具,设置为20度
AI绘制马戏团图标教程
AI绘制马戏团图标教程

步骤5

双击镜像工具对眉毛进行镜像复制。然后平移到相应位置。
AI绘制马戏团图标教程
AI绘制马戏团图标教程AI绘制马戏团图标教程

步骤6

将眉毛,眼睛,鼻子打组,然后在对象居中一次
AI绘制马戏团图标教程

步骤7

画一个53x53px的圆,去掉填充,描边大小为4px,在用直接选择工具选择顶部端点删除掉。
AI绘制马戏团图标教程
AI绘制马戏团图标教程

步骤8

选择大嘴,对象>扩展外观将其转曲,然后对象>路径>偏移路径设置位移5px。其他保持默认设置,然后将其颜色设置为红色
AI绘制马戏团图标教程
AI绘制马戏团图标教程

步骤9

我们将小丑的所有对象细微的调整一下,接下来我们应该画小丑的头发了,画一个35x35px和40x40px的圆,保持两圆有互补的地方放在头部下面,然后用shift加alt拖动到另一侧的头部。

画完后我们调整下颜色方面的问题
AI绘制马戏团图标教程
AI绘制马戏团图标教程

步骤10

我们用椭圆工具画一个大小为180x180px的暗紫色圆作为背景。此外我们还需要给图标加上扁而长的影子,画一个115x115px的矩形,设置为淡紫色。切换到混合模式设置透明度为半透明。颜色模式可以设置为颜色加深或者正片叠低。
AI绘制马戏团图标教程
AI绘制马戏团图标教程

AI绘制马戏团图标教程

步骤11

将矩形旋转45度,调整到小丑头发和脸部适合的位置边缘。可以用直接选择工具进行。
AI绘制马戏团图标教程

步骤12

我们将不必要的部分影子隐藏,首先复制一份背景粘贴在前面,然后使影子在背景后面,在全县影子和背景右击创建剪切对象.
AI绘制马戏团图标教程

AI绘制马戏团图标教程

好了,我们的第一个图标就这样完成了。接下来让我们学习画第二个吧!


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (0)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!