ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 10373|回复: 56
收起左侧

[按钮图标] 用PS设计一个计时器图标

[复制链接]
发表于 2015-7-26 20:28:07 | 显示全部楼层 |阅读模式

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

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

x
今天教大家模仿一个计时器图标,作者提供了PSD供大家参考,喜欢的可以下载配合教程一起学习。

PSD素材链接:
http://pan.baidu.com/s/1mg05NJE
密码: h7i4首先,看看我们的山寨原图。

我们的成品:



提示:教程详细步骤在二楼!
想下载该教程的可以到这里下载:点击进入下载页
教程编号:138875 作者:P大点S微博 出处:贴吧
 楼主| 发表于 2015-7-26 20:28:07 | 显示全部楼层
原图有点小,我这里文档比原图建得稍大了一些。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-7-26 20:28:07 | 显示全部楼层
我们首先进行背景的创建,我创建了一个“渐变”调整层,设置的#444c60到#262f37的90度的径向渐变。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-7-26 20:28:07 | 显示全部楼层
建个新图层,填充白色,执行“滤镜—杂色—添加杂色”,设置杂色数量为20%,平均分布,并将这个图层混合模式更改为“正片叠底”。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-7-26 20:28:07 | 显示全部楼层
下面,我们制作原图中的像素斜线,新建个5像素*5像素的文档,放大画布到最大,用铅笔工具,设置铅笔像素大小为1像素,画出如下图案,记得把文档的背景图层删除掉,我们只要那个斜线图层。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-7-26 20:28:07 | 显示全部楼层
接下来,我们把这个图案自定义,执行“编辑—自定图案”。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-7-26 20:28:07 | 显示全部楼层
回到我们的文档,在“杂色”图层上层,新建个图层,执行“编辑—填充”,选择使用图案填充,找到刚才我们自定义的那个图案,确定。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-7-26 20:28:07 | 显示全部楼层
将这个斜线图层的图层不透明度更改为30%,这样我们就完成了背景的创建。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-7-26 20:28:07 | 显示全部楼层
设置前景色为黑色,画一个黑色的圆角矩形,并将填充更改为20%

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-7-26 20:28:07 | 显示全部楼层
为这个底框图层添加一个内阴影

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-7-26 20:28:07 | 显示全部楼层
添加一个投影

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-7-26 20:28:07 | 显示全部楼层
复制这个底框图层,摆放到右边,现在我们得到如下的效果:

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-7-26 20:28:07 | 显示全部楼层
下面,我们开始制作图标的整体,用圆角矩形工具,画一个圆角矩形。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-7-26 20:28:07 | 显示全部楼层
为这个框添加一个渐变叠加。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-7-26 20:28:07 | 显示全部楼层
添加一个外描边。

回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-22 03:07 , Processed in 0.045765 second(s), 10 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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