制作简单透明的图标。

我的PS并不是很厉害，在这里和大家分享一个我最近学的一个制作图标的小知识。非常的简单。允许我班门弄斧一下下哈。

首先，打开一张你喜欢的素材，{:8_203:}

2，选择菜单：滤镜-高斯模糊。数值稍微大一点。如下图：
尽量颜色统一一点，否则在模糊过后，导致色系过多，没有层次感。




3，把前景色设置为背景颜色，如果担心差别太大，可以用吸管工具I吸取你要的颜色。
接下来用圆角矩形工具拉一个合适的圆角矩形，然后选择钢笔工具，在属性栏选择“合并形状”，勾出底部三角形形状，如下图。



（勾三角形时担心对称问题时，按CTRL+R拉出几条参考线来。）

4，把当前图层填充改为：0%，此时形状的颜色就消失了，但是你会发现形状路径还在。。。




5、给当前形状添加图层样式，设置：内发光、内阴影，投影，参数及效果如下图。


效果出来了：


6，输入想要的文字，文字用白色，再添加投影样式，如下图。


7，按照下面的过程给顶部边框，边角位置增加高光效果。特别提醒：高光的颜色要比较亮，所以这时的前景色需要调浅一些。
   顶角的高光直接高斯模糊。
,
   左右边角是渐变而来。记住哦。加蒙版，再渐变。渐变快捷键：G

   好了，把他们放进去。这样一个透明质感的图标就完成了。

导航的技法是一样的。




最终效果：


高斯模糊这样用，大家学会了吗？






非常简单吧。下次我们试试原创图标样式吧。里面的尺寸参数大家按照自己的手机主题参数去设置好，然后再制作会更方便点。我这里只是教大家一些制作细节。

夺命铰剪脚 发表于 2015-5-30 15:02
这么好的教程,真棒,谢谢香香.
可以帮我做个高斯模糊的图片吗?720x1280的,用来做下拉背景的,还要能看清黑色 ...

直接高斯模糊出你想要的效果是吗？

韵雅余香 发表于 2015-5-30 15:10
直接高斯模糊出你想要的效果是吗？

是这样吗？

夺命铰剪脚 发表于 2015-5-30 15:24
大概是这样吧,我想下载来试试.谢谢你了

不用谢。。互相学习。

Arthur0513 发表于 2015-5-30 15:36
搞个屏幕录像，带解说更带劲，支持教程，楼主辛苦了

谢谢支持。呜呜，我是上班时间弄的。

勇2已经收藏。太赞了

很详细啊，空了来试试弄些好看的按钮换上

好教程，必须支持。

明明之衷 发表于 2015-5-30 19:53
很详细啊，空了来试试弄些好看的按钮换上

谢谢支持。。