如何用Illustrator CS设计质感图标(图)


    11、然后为图标添加标志性的图形,这里以五角星为例,选取工具栏上的[星形工具] A,单击画板上任意位置,在弹出的窗口中设定星形的属性,并为星形图形添加渐变颜色,最后对齐就可以了,到了这步图标的制作基本完成了,最后就是给整个图形添加黑色的边框 。(图11)

如何用IllustratorCS设计质感图标(4)

图11 然后为图标添加标志性的图形

  12、选取[选择工具]全选所有的图形,按下[Ctrl+G]将所选的图形作为一个组合,并按住键盘上的Alt键同时拖动选取后的图形,这样就可以复制选取后的图形 A,然后执行Pathfinder面板上的[合并图形]功能 B,接着单击[Expand]按钮 C 将所选的图形合并为单一的图形 。(图12)

如何用IllustratorCS设计质感图标(4)

图12 选取[选择工具]全选所有的图形

  13、接着执行[Object - Path - Offset Path]功能 A,将合并后的图形 B 向外扩展2px得到图形 C,然后将图形 B 删除 。(图13)

如何用IllustratorCS设计质感图标(4)

图13 接着执行[Object - Path - Offset Path]功能

  14、最后将上面的图形 C 填充色设置为黑色,并将它放置在最底层(快捷键:Ctrl+Shift+[)和对齐,这样完成了图标矢量图,最后导出透明的png-24图片,也可以使用Adobe Photoshop CS稍做处理(锐化),至于如何制作成图标的步骤就省略了,因为网上也有相关的教程 。(图14)

如何用IllustratorCS设计质感图标(4)

图14 最后将上面的图形 C 填充色设置为黑色



[1] [2] [3] [4]