使用Adobe illustrator (AI)快速制作图标

之前制作图标都是使用PS,后来摸索出使用AI的简易方法,适用于通过免费图标再做简单修改,对图标要求也不太高的项目。

1. 在阿里巴巴矢量图库找到合适的图标,选择svg格式下载。

阿里巴巴矢量图库提供“svg下载”和“AI下载”的两种矢量格式(暂时还不太清楚这两种格式有何区别),下载svg格式,直接用AI就可以打开并进行编辑。

2. 在AI中编辑图标。

AI与PS虽同为Adobe一系,但使用习惯不太相同,有些相同的功能设置好像并不是一脉相承。

1)给形状填充颜色

在PS中一般通过前景色填充、背景色填充、吸管吸取颜色填充三种方法,还有直接在“颜色”区域设置RGB颜色或HSB颜色等来给形状填充上颜色。

     

在AI中,好像没有前景色和背景色之分,只有填充色和描边色之分,另外在设置RGB颜色时可以直接输入其十六进制数值,也就是说,当你知道某个颜色的十六进制数值时,可以选中某个元素,并在颜色的#后面直接输入数值即可填充或描边。

    

2)在其他形状上应用之前用过的颜色

如何将现有图形里的颜色应用到其他形状中?

PS中好像只有通过前景色、背景色或吸管吸取颜色后新建该色板。

而AI还有个更方便的功能,在描边或填充框单击下拉列表,选择“添加所有未使用的颜色”或“添加使用的颜色”,可以把当前图形中所有颜色都提取出来,为你所用。

3)选中多个元素

当需要对多个元素进行对齐时,需要将这些元素选中,在PS中是通过选中多个图层(选中一个图层后,按住ctrl键可以再选中其他图层)的方法,而在AI中没有图层的概念,选中一个元素后,需要按住shift键来同时选中其他元素。

4)更改元素的计量单位

有时我们需要对图形进行尺寸的调整,PS默认是按百分比比例来调整,而AI默认是按cm来调整,唉,感觉这就是软件在设计时有点反人类(我们用PS和AI设计Web元素应该要多于印刷物吧),一开始都不知道上哪儿设置。

PS中在宽度或高度的数值框中右击,将弹出计量单位的调整。

而AI中并不是按照以上方法,

需要选择“文件”->“文档设置” ->“单位”,来进行计量单位的调整。

 5)裁切画布的透明元素

当图标编辑完成后,为了最大尺寸地保存图标,需要将画布中多余的边角透明元素裁切掉。

在PS中选择“图像”->“裁切” ->“基于透明元素”,可以将多余的透明边角裁切掉。

 在AI中选择“文件”->“文档设置” ->“编辑画板”,并在“预设”区域选择下拉列表,设为“适合图稿边界”,即得到没有多余透明边角的图标。

 3. 保存为png格式,得到图标图片。

 这里PS和AI都是选择“文件”->“存储为Web所用格式”,并设置所需要像素大小,完成图标图片的保存。


最近比较忙,很久没有上来记录了,却又不知道忙了啥。

我明白,掌握上面的方法,只代表我是一个使用软件的工具人,还没有达到出神入化灵活运用的境界,呜呜。

猜你喜欢

转载自blog.csdn.net/qq_38250687/article/details/126934408