Illustrator简单绘制网页常用的线性图标(2)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

5、再用一个圆角矩形画出盖子的把手。

Illustrator简单绘制网页常用的线性图标,PS教程,思缘教程网

6、擦去把手底部的半个圆角矩形。

Illustrator简单绘制网页常用的线性图标,PS教程,思缘教程网

7、现在,在桶身上绘制三条直线。

Illustrator简单绘制网页常用的线性图标,PS教程,思缘教程网

8、好啦,一个垃圾桶图标就此诞生!你可以根据所需,调整颜色和线条粗细。

Illustrator简单绘制网页常用的线性图标,PS教程,思缘教程网

另有一些有用的工具,对制作图标很有帮助——路径查找器:可对各类形状进行切割、组合以及合并。

Illustrator简单绘制网页常用的线性图标,PS教程,思缘教程网

线条/填充工具:形状的线条色和填充色之间的转换。

Illustrator简单绘制网页常用的线性图标,PS教程,思缘教程网

再有我最爱的工具——线条面板:将图形转折点由直角转为圆角。

Illustrator简单绘制网页常用的线性图标,PS教程,思缘教程网

当完成一整套图标设计后,我通常将它们肩并肩放成一排,来检查是否有哪个特别奇怪,随之进行调整。

Illustrator简单绘制网页常用的线性图标,PS教程,思缘教程网

最后,我会将它们置入应用进行检验,看看它们是否作用良好。

Illustrator简单绘制网页常用的线性图标,PS教程,思缘教程网

总结一下,制作优秀图标不止是学习Illustrator的使用诀窍,学UI需要什么基础,当然,熟练掌握软件也是必不可少的。更重要的是,你要练习将所见的事物分解为简单的图形。这项关键技能是助你成为图标设计大师的秘诀。

 收藏