黑马程序员技术交流社区

标题: #UI教程#PS打造质感晶格化图标 [打印本页]

作者: 小染-柒柒 时间: 2016-10-8 20:17
标题: #UI教程#PS打造质感晶格化图标

1、新建 600*350px画布，新建图层，填充的颜色为#262523，添加图层样式，如下：

a.渐变叠加

b. 内发光

2、新建图层，选框—羽化—径向渐变；

3、设置图层不透明度；

效果：

4、圆角矩形，绘制图标；

5、新建图层，绘制较大的图形；

6、对较大图形添加图层样式，剪切蒙版；

效果如下：

7、添加马赛克滤镜，滤镜—>像素-à马赛克：调整参数，如下：

15、给背景添加质感，复制圆角矩形，放到最上层；

16. 填充改为0%，添加图层样式为内发光、投影，如下：

效果如下：

17. 盖印Ctrl+Alt+shift +E，添加倒影；

注意：关闭背景图层

给盖印添加蒙版，调整不透明度：

效果如下：

精华推荐：

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

0.png (229.16 KB, 下载次数: 162)

作者: zwhwithwow 时间: 2016-10-24 00:46
支持支持支持

作者: 小染-柒柒 时间: 2016-10-24 10:58

zwhwithwow 发表于 2016-10-24 00:46
支持支持支持

动手做一做咯

作者: 1196981463 时间: 2016-11-19 14:42
很不错的感觉，希望能发更多教程。

作者: empty0013 时间: 2016-12-17 13:14
谢谢分享

作者: 小染-柒柒 时间: 2016-12-20 14:52

empty0013 发表于 2016-12-17 13:14
谢谢分享

先别着急谢，看这个http://www.itheima.com/uimap

作者: 小染-柒柒 时间: 2016-12-20 14:53

empty0013 发表于 2016-12-17 13:14
谢谢分享

先别着急谢，看这个http://www.itheima.com/uimap

作者: lost_ending 时间: 2016-12-25 20:32
。。。。。。。。。。。。

作者: 洪小红 时间: 2017-4-7 10:57
这个。。。我先看看

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

作者: lxv 时间: 2017-12-21 16:11
{:5_228:111111111111111111111111111111

作者: 落叶尘埃 时间: 2017-12-25 15:42
像素化那里做不出来了

作者: 小粘粘 时间: 2018-5-3 11:12
发v从v从v从v从v从v

作者: 807120252 时间: 2018-5-4 10:06
学习学习

作者: 番茄炒鸡蛋 时间: 2018-5-22 18:56
学习了！很好的

作者: sa654 时间: 2019-4-16 13:26
学习了，教学很详细，赞啊

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

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