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

Illustrator网页按扭制作教程:绘制web网页常用的线性按扭图标(2)

时间:2016-01-24 10:44 来源:教程资料 作者:线性按扭图标 阅读:

下面,让我们来细看一下这些图标,并且分析我的制作步骤。我们就以垃圾桶图标为例,它就是由三个圆角矩形和三根线条组成的。

1、选择圆角矩形工具

Illustrator网页按扭制作教程:绘制web网页常用的线性按扭图标

2、拖拽鼠标,画出形状

Illustrator网页按扭制作教程:绘制web网页常用的线性按扭图标

3、根据所需调整线条粗细

Illustrator网页按扭制作教程:绘制web网页常用的线性按扭图标

我通常会在整套图标中选用一到两种粗细的线条。

Illustrator网页按扭制作教程:绘制web网页常用的线性按扭图标

这样可以保持所有图标的整体性和一致性。

4、画出另一个圆角矩形,作为盖子。

Illustrator网页按扭制作教程:绘制web网页常用的线性按扭图标

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

Illustrator网页按扭制作教程:绘制web网页常用的线性按扭图标

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

Illustrator网页按扭制作教程:绘制web网页常用的线性按扭图标

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

Illustrator网页按扭制作教程:绘制web网页常用的线性按扭图标

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