ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 15279|回复: 84
收起左侧

[UI设计] 手把手教你设计相机图标教程

[复制链接]
发表于 2015-5-22 20:55:24 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
跟大家分享一篇设计相机主题的UI图标实例,步骤比较多,但有PSD文件可参考,不懂的可以看一下。

PSD链接:
http://pan.baidu.com/s/1hq3rVPq
密码:76cv

最终效果:

提示:教程详细步骤在二楼!
想下载该教程的可以到这里下载:点击进入下载页
教程编号:137703 作者:心中永远是胡歌 出处:优设
 楼主| 发表于 2015-5-22 20:55:24 | 显示全部楼层
1,新建一个2000*2000的画布(因为之后需要设置一些参数是根据画布大小而定的,所以不想自己调参数的话就跟我设置同样大小的画布吧)

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-5-22 20:55:24 | 显示全部楼层
2,新建一个图层,然后随便填充一个颜色(太简单不上图了)3,双击图层一,打开图层样式,使用渐变叠加。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-5-22 20:55:24 | 显示全部楼层
4、拉好参考线,画出一个圆角矩形。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-5-22 20:55:24 | 显示全部楼层
5、再画一个圆角矩形,圆角半径设置如图,颜色设置为灰色。将图层取名为右边。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-5-22 20:55:24 | 显示全部楼层
6、按住Ctrl点击“右边”图层的缩略图,得到此图层的选区,并且新建一个图层取名为“右边白边”。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-5-22 20:55:24 | 显示全部楼层
7、选择选框工具,然后在图上右建单击一下选择“描边”,设置如图,然后确定。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-5-22 20:55:24 | 显示全部楼层
8、给“右边白边”的图层建立个白蒙板,用黑色画笔涂抹图中红色区域。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-5-22 20:55:24 | 显示全部楼层
9、双击“右边”图层,打开图层样式,使用渐变叠加,然后确定。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-5-22 20:55:24 | 显示全部楼层
10、然后将“右边”复制一层,并且双击打开图层样式,更改下渐变设置。然后确定,然后更改图层不透明度为50%。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-5-22 20:55:24 | 显示全部楼层
11、再新建一个图层,取名为右边阴影,按住alt点击“右边 拷贝”图层缩略图,得到图层的选区。12、将前景色改为灰色,再将画笔设置为软角画笔。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-5-22 20:55:24 | 显示全部楼层
13,设置好画笔大小和流量,给左边两个角添加一些阴影,红色区域。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-5-22 20:55:24 | 显示全部楼层
14、将前景色设置为一个屎黄色。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-5-22 20:55:24 | 显示全部楼层
15、用画笔画出这样。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-5-22 20:55:24 | 显示全部楼层
16、画一个圆角矩形,圆角半径为200。并且降低不透明度,要对齐好来。

回复 支持 反对

使用道具 举报

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

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-4-24 19:56 , Processed in 0.041348 second(s), 9 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表