查看: 92|回复: 0

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

[复制链接]

0

主题

0

回帖

0

积分

积极分子

金币
0
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2009-6-7
发表于 2016-8-19 11:26:52 | 显示全部楼层 |阅读模式

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

Adobe photoshop 6.0 汉化中文免费版

  • 类型:图像处理
  • 大小:107MB
  • 语言:简体中文
  • 时间:2013-04-19
查看详情

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怎么绘制铁人三项中骑自行车项目的小图标?

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部