矢量手绘

关注公众号 jb51net

关闭
平面设计 > photoshop教程 > 矢量手绘 >

Photoshop怎么绘制手机中的设置图标?

脚本之家

互联网的Ui设计师,经常用Photoshop绘制各种icon,其中包括:app界面首页标签栏的3-5个icon,还有手机桌面的设置icon,照相机icon,联系人icon,电话icon,信息icon。下面演示一下:如何用Photoshop绘制三星手机界面的设置icon。

Photoshop怎么绘制手机中的设置图标?

1、双击桌面ps图标,打开Photoshop。

Photoshop怎么绘制手机中的设置图标?

2、新建画布,在画布上绘制3个圆形。调整尺寸,对齐中心。效果如下:

Photoshop怎么绘制手机中的设置图标?

3、在画布上绘制一个圆角矩形。调整尺寸和位置。效果如下:

Photoshop怎么绘制手机中的设置图标?

4、选择圆角矩形,按住快捷键ctrl+t,拖动旋转中心和画布中心重叠,设置旋转角度为45度。效果如下:

Photoshop怎么绘制手机中的设置图标?

5、按住快捷键,Ctrl+Shift+T,可以旋转对象。按住快捷键,Alt+Ctrl+Shirt+T,可以边旋转边复制对象。多次复制之后,效果如下:

Photoshop怎么绘制手机中的设置图标?

6、把图层的背景色颜色填充青色。效果如下:

Photoshop怎么绘制手机中的设置图标?

7、把图层中的圆形和矩形,进行布尔预算,填充白色,描边去掉。效果如下:

Photoshop怎么绘制手机中的设置图标?

8、这样就完成了设置icon的绘制。下图左边是三星手机界面的截图,下图右边是我刚用Photoshop绘制的设置icon。两边的设置icon,简直一模一样。

Photoshop怎么绘制手机中的设置图标?

注意事项:

请安装Photoshop cs5以上版本。因为低版本的ps软件,形状图层自带蒙版,不能进行布尔运算。

相关推荐:

Photoshop怎么制作白色透明的ico图标?

Photoshop怎么绘制铁人三项中骑自行车项目的小图标?