AI绘制清新简约微图标

0 2021-10-27 13:09 内容校对:海绵宝宝手里的锅铲
收藏(0) 共有 35 人学习了本教程

《AI绘制清新简约微图标》是一篇关于Illustrator的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Illustrator技巧;你可以通过此加强钢笔工具,路径,智能对象等多维度案例或实操来进行更多的学习;此教程是由小马在2021-10-27发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Illustrator技巧;请给他一个赞吧。

今天 ,小编教大家用AI绘制新鲜简单的微图标,让你在学习的同时更熟练地使用快捷键 。一起来学习吧!

教程中用到的所有工具:路径查找器面板,选择工具(V),直接选择工具(A),添加删除锚点(+,-),对象>路劲>偏移路劲,变换操作,外观面板,AI圆角工具(xtream path),RoundAnyCorner。

初始设置,简化工作

新建文档(Ctrl+N),大小随意,这里是700*700px,RGB,分辨率72,新建对象与像素网格对齐不勾选。

AI绘制清新简约微图标

下面设置网格线,网格线在AI中是个对于初级和老手都很有用的东西,对于需要注意大小和比例等这些地方方便很多,还省去添加辅助线的麻烦。

编辑>首选项>参考线和网格,设置如下。网格大小根据具体设计要求设置。

视图>显示网格,对齐到网格。这些都设置好会大大简化工作。

AI绘制清新简约微图标

设计之前先定好一个大致规范,这方面是个初学者,不会,自己琢磨的,有经验的可以留言教教哈。

这是一个大概的预设图。圆半径为80整个圆正好占用五个32px网格。图形总元素基本尺寸(单位:px),矩形椭圆宽:20,40,70. 长:60,80. 描边大小:2,4,6 圆角:2,4,6

所有图形尺寸都是基于以下图形的框架。

AI绘制清新简约微图标

2. 该设置的设置好了,下面就开始第一个图标吧。

AI绘制清新简约微图标

呐,第一个小图标一开始都是由矩形和线条组成的。具体摆放还有比例问题自己调节。简单说下做这个图标用到的关键步骤。

首先用到的工具快捷键的切换:选择工具(V),直接选择工具(A),矩形工具(M),椭圆工具(L),Xtream path圆角矩形工具,RoundAnyCorner(之前的微盘有下载)

A:矩形,圆形对齐

AI绘制清新简约微图标

关于对齐的问题:在对齐面板的右上角可以选择显示选项,就会出现如图所示的选项,对齐所选对象,对齐关键对象,对齐画板。若要使几个对象的间隔指定数值,可使用分格间距功能。

AI绘制清新简约微图标

tips:当要将两个物体对齐,希望以其中一个对象为基准对齐择两个对象一起选中,再次左击选择基准对象,对齐,就可以了。

B:制作圆角

AI绘制清新简约微图标

Xtream path这个插件中最常用的也就直边转半圆角和圆角工具。使用很简单,就不介绍了。

AI绘制清新简约微图标

而对于图中所示的锚点,一边直角一边曲线的就有点难搞。用AI自身的圆角功能和Xtreampath都不是很好实现,起码我没有发现什么完美的方法。这里有另外一个工具RoundAnyCorner(屌丝的外表,功能强大~),可以对任意角度曲线化~真棒~

AI绘制清新简约微图标

选择其他脚本弹出窗,找到RoundAnyCorner的位置打开即可 (Ctrl+F12)

AI绘制清新简约微图标

简单的输入数值就可以了。

AI绘制清新简约微图标

对于直线转圆角,直接在外观面板>描边,点击描边选项,弹出框点选择圆角端点就OK。

AI绘制清新简约微图标

直线转曲线,直接选择工具(A),选中要转换的锚点点击上图中的曲线按钮。如果只想调整锚点曲线手柄一边的曲率按住Alt,调整手柄。

AI绘制清新简约微图标

问题:但是,当我们把做的icon缩小时,就会出现以上左边icon的样子,描边设置的大小没有随着缩放而自动缩放。

解决:

方法1

AI绘制清新简约微图标

扩展直线段对象或者

方法2

AI绘制清新简约微图标

在编辑>首选项>常规,缩放描边和效果选项勾选。

3. 第二和第三个icon注意事项个方法不再重复,都是上面介绍过的用法。下面讲第四个图标。

AI绘制清新简约微图标

上图为weak图标初始组成对比。下面分解讲。有用到相同方法的地方就不罗嗦了。

AI绘制清新简约微图标

顶部直线变半圆,下部矩形框底部的两个锚点各向中心点移动八像素。

AI绘制清新简约微图标

选中对象在路径查找器面板选择联合

AI绘制清新简约微图标

选中底部需要变圆角的四个直角点,使用RoundAnyCorner工具制作2像素的圆角。

AI绘制清新简约微图标

AI绘制清新简约微图标

AI绘制清新简约微图标

下面用瓶子的轮廓制作瓶子的液体。选中对象,对象>路径>偏移路径(此功能是复制一份原对象再偏移路径,也就是说会有新的路劲出来)设置-4px的偏移

AI绘制清新简约微图标

偏移路径之后原来的圆角会变成直角,需要重新选择变成圆角。

AI绘制清新简约微图标

删除半圆顶部的锚点变成直线变。下移10像素。

AI绘制清新简约微图标

制作液体的波浪。使用一个10像素的椭圆如图所示放置,并且路径查找器下合并路径。

AI绘制清新简约微图标

再画一个10像素的椭圆,选择路径查找器面板减去前面。

AI绘制清新简约微图标

微调路径。

AI绘制清新简约微图标

下面说画水滴的方法。

AI绘制清新简约微图标

将椭圆顶点的锚点换成直角

AI绘制清新简约微图标

选中顶部锚点,上移把像素如图所示。

AI绘制清新简约微图标

调整顶部锚点手柄变圆滑。再尝试挑中中部左右锚点手柄的上部是过度自然。

其余部分都是之前用到的技巧不用再啰嗦了。

以上就是AI绘制清新简约微图标的全部内容介绍了,关于更AI教程信息,欢迎关注北极熊素材库,给你带来最丰富的简约图标素材和图标绘制教程。

0

赠人玫瑰,手有余香

本内容由小马原创发布,小编仅对内容版式进行调整,如有侵犯你的权利,请联系我们。

如果你觉得好,你可以将本课程转发给你的朋友!

参与评论
验证码

输入的验证码不正确

0/10000

评论区

暂无评论

用户给我们的评价
北极熊素材库累计为超过1000+家中小企业提供服务
欢迎来到北极熊素材库

使用微信扫码登录

使用账号密码登录

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

立即注册 | 找回密码

登录失败

注册及代表同意 网站协议
扫码登录及代表同意 网站协议

请输入用户名,6-15个字符

请输入绑定的邮箱

验证码

输入的验证码不正确

登录失败

提示信息

内置密码的链接已通过Emall 发送到你的邮箱中,请在三天内修复密码。

3秒后,将关闭此窗口 立即关闭

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

二次密码不一致

请输入正确的邮箱

验证码

输入的验证码不正确

注册失败

您还不是我们的VIP会员

成为我的的VIP会员
即可享受6大特权并免费高速下载数以万计的设计素材,助力您的工作和学习

立即升级VIP会员