UI图标,模仿拟物风格的SIRI图标

来源:pdadians 作者:P大点S 学习:34666人次

今天跟大家一起来练习一下怎么设计一枚拟物风格的UI图标,整个教程难度是麦克风中的发光镂空图案,教程十分详细,新手也能跟着一起做出来。做完交作业。

这是我们的最终效果:

www.16xx8.com_0402535313-0.jpg

这个是原图:

www.16xx8.com_0402531311-1.jpg

下面开始我的制作过程。为了后面的工作更加轻松便捷,所以我把新建的画布尺寸设成一个比较好计算的整数~

www.16xx8.com_0402533550-2.jpg

原图的背景过于简单,我画蛇添足,制作一个iOS风格的背景。新建一层纯黑色填充层。

www.16xx8.com_040253J47-3.jpg

新建一层,填充白色。执行“滤镜-杂色-添加杂色”,参数如图~

www.16xx8.com_0402531058-4.jpg

“滤镜-模糊-动感模糊”

www.16xx8.com_0402532W0-5.jpg

把这个动感模糊层的透明度调到45%。

www.16xx8.com_0402535451-6.jpg

复制一层,CTRL+T自由变化旋转90度,把透明度调回100%,图层混合模式改为“叠加”。

www.16xx8.com_0402535242-7.jpg

画布四周的“毛边”看着很不和谐,选中这两个动感模糊层,CTRL+T自由变化,放大一些,直至毛边不见为止,背景完成。

www.16xx8.com_040253H02-8.jpg

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
心乐独济2018-04-13 12:22
我的作业:
心乐独济2018-04-13 12:21
我的作业:
心乐独济2018-04-13 12:20
从昨天画了,操作的方法做还不对。到现在终于画完了。知道做了就对了~我的作业:
心乐独济2018-04-13 12:18
从昨天画了,操作的方法做还不对。到现在终于画完了。知道做了就对了
神风魂2017-08-21 04:54
我的作业:
原来是阿昌2017-08-17 10:24
有些写的不是很懂,但还是试着做了出来!
世界如此美好2017-08-10 02:53
交作业啦我的作业:
娟娟2017-07-27 09:09
交作业啦我的作业:
长沙老面2017-06-13 03:21
shenchan 的原帖:666
shenchan2016-11-11 11:43
shenchan2016-11-11 11:11
水墨花2016-07-29 03:07
水墨花2016-07-29 03:07
遗憾没放弃2016-04-10 01:14
老师受教!!
遗憾没放弃2016-04-10 01:14
老师受教!!

关注大神微博加入>>

网友求助,请回答!