黑马程序员技术交流社区

标题: #UI教程#PS打造时钟ICON图标（记得交作业咯~） [打印本页]

作者: 小染-柒柒 时间: 2016-10-8 18:59
标题: #UI教程#PS打造时钟ICON图标（记得交作业咯~）

话不多说先看效果图~（评论区大家也可以上传自己实现的效果哦，因为只有多练习才会积累更多的小作品啦~）

1、建个1200*1200的画布；

2、建个1024*1024的圆角160圆角矩形；

3、图层样式-渐变叠加；

4、图层样式斜面浮雕；

5、图层样式投影；

6、新建图层，填充白色—滤镜—杂色—添加杂色；

7、滤镜—模糊—动感模糊；

8、图层旋转90° —颜色加深；

9、建个880*880的圆形；

16、新建图层吧12个时间竖条制作出来；

17、新建图层绘制出指针添加阴影；

18、效果实现啦！

精华推荐：

UI设计师必知的4招，让HR秒藏你的简历！

【UI设计】所有免费资源：视频+教程+案例+软件+资源+面试

作者: 在我这里开花 时间: 2016-11-23 09:52
kkkkkkddddddd

作者: _粥_粥_z 时间: 2016-11-27 14:48
66666666666666

作者: _粥_粥_z 时间: 2016-11-27 16:40

大大想问下15步的高光是怎么做的，能说详细点吗？

作者: 小染-柒柒 时间: 2016-11-28 10:15

_粥_粥_z 发表于 2016-11-27 16:40
大大想问下15步的高光是怎么做的，能说详细点吗？

拉一个渐变出来，然后降低一下透明度。如果有技术问题可添加QQ3550563587

作者: yanghuai 时间: 2016-11-29 17:38
666666666666666666666

作者: 一名小美工 时间: 2017-1-22 18:08
66666666666666666666

作者: fanyuan 时间: 2017-1-24 08:35
6666666666666666

作者: 小虎同学 时间: 2017-1-24 18:56
好看的，66666

作者: lsteee 时间: 2017-3-7 00:08
asdoajdafdw

作者: LO维V尼E 时间: 2017-3-21 11:39
支持支持

作者: learning2017 时间: 2017-6-2 14:07
练习练习练习练习

作者: JavaV1 时间: 2017-10-16 06:13
谢谢老师分享

作者: ui_fhy 时间: 2017-10-16 18:56
不错点赞

作者: 13343698193 时间: 2017-10-26 07:55
钟表图标

作者: 13343698193 时间: 2017-10-26 08:36
http://bbs.itheima.com/forum.php?mod=attachment&aid=MTkyNTE5fGIwOTA4NTkwZWM5Y2I4YjI5YmU3Njg1NjkzN2Y4MTVhfDE3NTY5NzkwNjA%3D&request=yes&_f=.jpg

horologe.jpg (184.6 KB, 下载次数: 233)

高光处做的不是很像呀

作者: 凌落尘 时间: 2017-12-17 18:24
感谢老师分享，帮大忙了。

作者: 落叶尘埃 时间: 2017-12-19 10:10
谢谢楼主的分享

作者: 身体一半灵魂 时间: 2018-1-27 22:47
23333333333333

作者: 梓熙欺人 时间: 2018-2-1 11:15
厉害厉害厉害

作者: Aimer（ェメ） 时间: 2018-4-10 21:20

作者: 小小设计师 时间: 2018-12-13 23:38

33333

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2