当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

图标设计,做计时器图标教程

来源:贴吧 作者:P大点S微博 学习:11681人次

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

PSD素材链接: http://pan.baidu.com/s/1mg05NJE 密码: h7i4

首先,看看我们的山寨原图。

图标设计,做计时器图标教程_www.16xx8.com

我们的成品:

图标设计,做计时器图标教程_www.16xx8.com

图标设计,做计时器图标教程_www.16xx8.com

原图有点小,我这里文档比原图建得稍大了一些。

图标设计,做计时器图标教程_www.16xx8.com

我们首先进行背景的创建,我创建了一个“渐变”调整层,设置的#444c60到#262f37的90度的径向渐变。

图标设计,做计时器图标教程_www.16xx8.com

建个新图层,填充白色,执行“滤镜—杂色—添加杂色”,设置杂色数量为20%,平均分布,并将这个图层混合模式更改为“正片叠底”。

图标设计,做计时器图标教程_www.16xx8.com

下面,我们制作原图中的像素斜线,新建个5像素*5像素的文档,放大画布到最大,用铅笔工具,设置铅笔像素大小为1像素,画出如下图案,记得把文档的背景图层删除掉,我们只要那个斜线图层。

图标设计,做计时器图标教程_www.16xx8.com

接下来,我们把这个图案自定义,执行“编辑—自定图案”。

图标设计,做计时器图标教程_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
白裙妖娆2018-02-23 09:28
瞧瞧
过客匆匆2016-09-18 10:52
还差一步
过客匆匆2016-09-18 10:09
还差一步
夶掱牵尐掱2015-07-23 09:28
顶顶
夶掱牵尐掱2015-07-23 09:28
顶顶
_指尖下的忧伤2015-07-23 09:28
顶起
蝶舞沧海2015-07-23 09:28
顶起
有欲乂无情2015-07-23 09:28
顶起
陈风依雪2015-07-23 09:28
顶起
慕容寒韵2015-07-23 09:28
顶起
_指尖下的忧伤2015-07-23 09:28
顶起
蝶舞沧海2015-07-23 09:28
顶起
有欲乂无情2015-07-23 09:28
顶起
陈风依雪2015-07-23 09:28
顶起
慕容寒韵2015-07-23 09:28
顶起

关注大神微博加入>>

网友求助,请回答!