Photoshop 打造时尚的 Web2.0风格网页按扭出处：PConline 2010年01月04日 作者：夕木木 编译 责任编辑：lizhiyan这几天流感太重了，唉最终的结果是木木我也中奖了 感冒。所以大家天冷的时候要多穿衣服，白天开窗户，通通风。像以前一样，我们先来看效果图。漂亮不？心动不？那就就跟夕木木一起来学习创建这个时尚的按扭。相关推荐： 按钮图标质感效果制作技巧实例（5个 photoshop 实例+5个 fireworks 实例）最终效果制作步骤：1、打开 Photoshop，然后新建一个文档250*150，并填充背影： #252a38。图12、在工具箱上选择椭圆图标并设置如图： 图2新建一个图层，然后填充一个颜色。 图33、在调色板上设置如下：图4使用渐变，渐变如下：图54、双击图层，打开图层样式，给图层添加阴影。图6再添加一个描边，但是这样描边和平常不太一样，是用渐变抽边，设置如图所示。 图7图85、在工具箱上选择加深和减淡工具，设置如图： 图9然后在图所标识的地方，涂沫如下。图10效果如下：图116、选择椭圆选区，作出效果如下。图127、添加渐变，设置如图： 图13从上而下线性渐变图14按 ctrl+D 取消选区，并更改图层的不透明度：40%，混合模式为： opacity。图158、现在使用文字工具，添加文字并设置图层样式。图16图17效果如下：图189、添加下面的文字，效果如下： 图1910、在这个网站下载图标。然后导入 photoshop，按 ctrl+U，设置如下，最后更改混合模式：overlay。图20图21你也可以做像这样的导航菜单： 图22