您好,很高兴回答您的问题。关注【搞设计】,一起搞设计。
Illustartor(AI) 作为一款矢量图形绘制软件,在UI设计中绘制一些线性图标具有很大优势。在绘制椭圆、矩形、线和多边形的时候,Ai让人感觉更加自然。AI还有一个很方便的功能就是动态圆角,可以将任意折角拖成圆角,非常方便。如何用Illustartor画好icon呢,下面听搞设计来说一说吧。
1.绘制icon之前的软件设置工作
新建文档时,勾选使新建对象与像素网格对齐
最新版的AI新建时没有这个选项,可以进入软件后查找,偶的是老版本
视图里勾选“像素预览”,勾选了以后,放大画布会发现一个个像素格子
虽然AI是矢量绘制软件,但还是需要像素对齐的,否则拷贝到PS里容易出现虚边的问题。举个例子,大家先画一个简单的描边icon
将其进行扩展
扩展之后打开像素预览
就会发现icon的四边都是虚边,没有对齐像素,很难受
大家用直接选择工具分别选中四个边,用键盘移动一下就会发现对齐了,操作方法见动图
2.熟悉AI软件的基本操作
想快速临摹绘制icon,必须熟悉AI软件的基本操作和工具的运用。工欲善其事,必先利其器。没有掌握软件的操作方法,那么绘制起来也会磕磕绊绊,打击自己的自信心。
工具栏的基本使用方法需要掌握
另外绘制icon还需要熟悉一个重要的工具,就是路径查找器,大部分的形状都可以通过路径查找器制作出来
关于AI的基本工具使用和路径查找器的用法,大家可以百度搜索教程,也可以私信偶获取免费视频教程。在这里就不过多讲述了。
3.了解icon的基本制作规范
icon的绘制有几个基本要求,比如易识别性,统一性,视觉平衡等。了解了绘制规范,才能绘制出更好更适合的icon。
比如圆角、斜角的统一性
视觉平衡这块,同样大小的正方形、圆形、三角形,虽然数值上大小一样,但在视觉上是不一样的,大家就需要进行微调,使其达到视觉平衡
看看下面这三张图,哪个是正确的
楼主问的问题是如何快速临摹icon,其实掌握了以上说的三点,临摹起来是很快的,同一个图标可以用不同的方法快速绘制出来,举个例子,一个爱心的图标,有几张绘制方法呢?
1.可以是两个圆形,一个三角,一个长方形组合起来
2.可以是两个矩形垂直拼起来
3.可以是一个直角的描边加粗
总结起来就练习的越多,对软件的理解越深刻,临摹起来也越快,希望楼主多多练习,掌握AI的使用方法,加油!
css向下移,css胶囊按钮,css无限级treeview,css63伸缩布局,文字环绕中间图片 css,css变成3d菱形,css中ins