光滑透明的ICON——PS的图层样式
2006-08-13 01:34
441 查看
我们经常会看到一种光滑、半透明的按钮或ICON,下面我们通过一个例子,来看看怎样用PS的图层样式实现这种效果。
用图层样式做这种效果优势在于方便调整,而且能保存下来,可谓一劳永逸;缺点是不灵活,对于某些复杂形状达不大理想效果。 下面是完成的例子:
![](http://images2.photoshopcn.com/2002/12/10/433247-015-embed.JPG)
在开始之前,我们先做一些准备工作:
![](http://images2.photoshopcn.com/2002/12/10/433249-001-embed.gif)
这是PS自带的所有形状:
![](http://images2.photoshopcn.com/2002/12/10/433251-002-embed.gif)
准备一个用于底图的图案:
![](http://images2.photoshopcn.com/2002/12/10/433255-003-embed.gif)
利用图案填充,做为背景:
![](http://images2.photoshopcn.com/2002/12/10/433256-004-embed.gif)
在图层样式面板中,如下设置效果的通道混合及Fill Opacity等参数:
![](http://images2.photoshopcn.com/2002/12/10/433262-005-embed.gif)
我们先加上斜面与浮雕效果,参数如下,各参数的具体用途及影响由于时间问题,我这里没有详细写出来,自己多试多想,可能更有作用。
![](http://images2.photoshopcn.com/2002/12/10/433282-006-embed.gif)
自定义一个倒角曲线。注意,在编辑曲线面板,按Alt点击改变网格大小,按Ctrl点击拐点减去该点;选中拐点,复选下面的“corner”框将贝兹光滑拐点变为尖锐点。
![](http://images2.photoshopcn.com/2002/12/10/433286-007-embed.gif)
为其加上颜色:
![](http://images2.photoshopcn.com/2002/12/10/433292-008-embed.gif)
利用“内发光”调整边缘颜色:
![](http://images2.photoshopcn.com/2002/12/10/433296-009-embed.gif)
用“内阴影”加强厚度感:
![](http://images2.photoshopcn.com/2002/12/10/433297-010-embed.gif)
用”绸缎“加强其折光、反光效果:
![](http://images2.photoshopcn.com/2002/12/10/433299-011-embed.gif)
再加上投影,注意投影的形状曲线:
![](http://images2.photoshopcn.com/2002/12/10/433300-012-embed.gif)
至此,我们已经基本完成。可以加上一些外发光模拟焦散:
![](http://images2.photoshopcn.com/2002/12/10/433302-013-embed.gif)
现在,可以保存这个成果了,选中刚才的“黑桃”矢量图层,将鼠标移动到图层样式面板的空白处,此时光标会变为一个油漆桶形状,单击将刚才完成的样式保存。或者在样式面板右上的下拉菜单中选新增样式。 此时,你只是将这个样式增加到了当前的样式文件中,还需通过保存样式这个样式库保存,如下图:
![](http://images2.photoshopcn.com/2002/12/10/433305-014-embed.gif)
下面是利用图层样式和形状工具做的一些小东西,压缩得非常厉害,发挥自己的想象,图层样式能为你做很多非常漂亮的小东西。
![](http://images2.photoshopcn.com/2002/12/10/433309-016-embed.jpg)
用图层样式做这种效果优势在于方便调整,而且能保存下来,可谓一劳永逸;缺点是不灵活,对于某些复杂形状达不大理想效果。 下面是完成的例子:
在开始之前,我们先做一些准备工作:
![](http://images2.photoshopcn.com/2002/12/10/433249-001-embed.gif)
这是PS自带的所有形状:
![](http://images2.photoshopcn.com/2002/12/10/433251-002-embed.gif)
准备一个用于底图的图案:
![](http://images2.photoshopcn.com/2002/12/10/433255-003-embed.gif)
利用图案填充,做为背景:
![](http://images2.photoshopcn.com/2002/12/10/433256-004-embed.gif)
在图层样式面板中,如下设置效果的通道混合及Fill Opacity等参数:
![](http://images2.photoshopcn.com/2002/12/10/433262-005-embed.gif)
我们先加上斜面与浮雕效果,参数如下,各参数的具体用途及影响由于时间问题,我这里没有详细写出来,自己多试多想,可能更有作用。
![](http://images2.photoshopcn.com/2002/12/10/433282-006-embed.gif)
自定义一个倒角曲线。注意,在编辑曲线面板,按Alt点击改变网格大小,按Ctrl点击拐点减去该点;选中拐点,复选下面的“corner”框将贝兹光滑拐点变为尖锐点。
![](http://images2.photoshopcn.com/2002/12/10/433286-007-embed.gif)
为其加上颜色:
![](http://images2.photoshopcn.com/2002/12/10/433292-008-embed.gif)
利用“内发光”调整边缘颜色:
![](http://images2.photoshopcn.com/2002/12/10/433296-009-embed.gif)
用“内阴影”加强厚度感:
![](http://images2.photoshopcn.com/2002/12/10/433297-010-embed.gif)
用”绸缎“加强其折光、反光效果:
![](http://images2.photoshopcn.com/2002/12/10/433299-011-embed.gif)
再加上投影,注意投影的形状曲线:
![](http://images2.photoshopcn.com/2002/12/10/433300-012-embed.gif)
至此,我们已经基本完成。可以加上一些外发光模拟焦散:
![](http://images2.photoshopcn.com/2002/12/10/433302-013-embed.gif)
现在,可以保存这个成果了,选中刚才的“黑桃”矢量图层,将鼠标移动到图层样式面板的空白处,此时光标会变为一个油漆桶形状,单击将刚才完成的样式保存。或者在样式面板右上的下拉菜单中选新增样式。 此时,你只是将这个样式增加到了当前的样式文件中,还需通过保存样式这个样式库保存,如下图:
![](http://images2.photoshopcn.com/2002/12/10/433305-014-embed.gif)
下面是利用图层样式和形状工具做的一些小东西,压缩得非常厉害,发挥自己的想象,图层样式能为你做很多非常漂亮的小东西。
![](http://images2.photoshopcn.com/2002/12/10/433309-016-embed.jpg)
来源:中国Photoshop联盟 |
相关文章推荐
- PS利用图层样式和图层绘制漂亮透明镜片教程
- ps 图层样式
- PS的图层样式
- PhotoShop运用图层样式打造复古金边文字特效教程 [PS高手进阶]
- PS图层样式制作双色巧克力字
- PS初学者实例教程——图层样式的学习[斜面和浮雕]
- ps中图层混合模式、多图层叠加、不透明度、填充、图层样式详解
- PS学习笔记------图层样式
- PS基础 之 图层样式的使用
- PS CS3制作平面动画:图层样式做雷达动画
- PS图层样式中的“图案叠加”技巧
- PS图层样式制作3D立体金属吊坠
- 2016{太原UI设计师}郭文军PS中图层的理解
- 用ps将图片背景设置为透明
- OpenCV——PS图层混合算法(六)
- PS图层中如何快速找到想要的图层
- 怎样设计透明背景的ICON(网页小图标)?
- javascript动态设置一个div图层覆盖住另一个div图层,并设置成透明
- Photoshop入门:讲解图层菜单的图层样式