网站首页网站地图google地图百度地图学习库RSS在线PSPS联盟素材下载  PS视频教程专题 PS爱好者教程网www.psahz.com PS教程自学网QQ群

学习Illustrator软件中多重填充与多重描边工具的使用技巧(2)

时间:2016-02-07 15:36 来源:教程资料 作者:Illustrator 阅读:

当然了,做扁平化设计AI就更不在话下了。

AI基于矢量对象的导出功能很好用,这一点将在后面的教程中讲到。并且AI可以将图稿导出为SVG格式的成品,很适合用在Web上。

AI做出来的东西可以导出到任意大尺寸,而不会有「虚边」情况。这一点特别适合用于设计不同分辨率的图标,以及做Retina适配。

AI对于RetinaMacBookPro的支持非常好。

对了,AI在CS5就可以做到将矢量图形对齐到像素了,因此不用担心导出出来的切图里,直线没有准确对上像素,因此带来发虚的情况。

如果偶尔要排个版做个册子的话,AI远比PS适合。

还有很多一时想不出的优点……

因此,即使PS功能相当强大,并且网上有更多的学习资源以及素材资源,对于我来说,AI仍然是不可替代的。

接下来我将要写的一些教程,内容主要是针对AI在UI设计中的一些进阶使用技巧。

因此,这些教程可能更适合对于AI已经有一定了解的用户来阅读,可能对于AI的基本使用功能不会介绍太多。一是因为大多数AI的基本功能在Adobe的官方文档上都会有介绍:IllustratorHelp;二是出于篇幅和个人时间、精力的限制;三是我相信,学习一个软件、能力最好的办法就是learnitthehardway,即在一定的压力或困难下完成学习,比如在学习AI遇到类似某某某功能找不到这样的困难时,自己通过搜索引擎或官方文档或通过自己尝试,找到解决方案,要比直接问别人效果要好得多。

AdobeIllustrator现在最高的版本是CC,即CreativeCloud。我将写的一系列教程要求您用的AI最低版本为CS6,因为CS6的一些很基础的功能在之前的版本里是没有的。当然如果您用的是CC版本最好了。

使用AdobeIllustrator做UI设计(二)——多重填充与多重描边

在这之前,说说计算机图形(注意:非图像)的一些基本知识。如果您用PS或AI比较多的话,可能会知道,计算机图形的最基本要素有两个:填充和描边。填充和描边可以是纯色,也可以是纹理,还可以是渐变。总之,一个形状确定了填充和描边后,这个图形的样式就确定下来了。

自然,作为矢量图绘制软件,AI也可以处理图形的填充和描边。不过,AI有一个很强大的地方是——在AI里,一个图形是可以有好几个填充和好几个描边的。有人可能会问,这个特性有用吗?实际上,这是一个相当实用且强大的功能。我们通过完成一个实例来看一下:使用AI绘制这样一个知乎样式的按钮:

学习Illustrator软件中多重填充与多重描边工具的使用技巧

首先,在新建文档之前,要确保AI使用的单位是像素,而不是英寸、点、厘米或别的。这一点很重要,关系到导出的切图是否为pixel-perfect。在首选项里可以设置AI使用的单位是什么:

学习Illustrator软件中多重填充与多重描边工具的使用技巧

确保AI使用的单位是像素后,新建一个文档,文档的大小为320x480像素,颜色模式选为RGB,并确认「使新建对象与像素网格对齐」没有被勾选上。如图:

学习Illustrator软件中多重填充与多重描边工具的使用技巧

PS笔刷下载 PS滤镜下载 PS形状下载 PS样式下载 PS动作下载 PS图案下载
相关教程