正在阅读：Photoshop打造时尚的Web2.0风格网页按扭Photoshop打造时尚的Web2.0风格网页按扭

　　这几天流感太重了，唉……最终的结果是木木我也中奖了——感冒。所以大家天冷的时候要多穿衣服，白天开窗户，通通风。

　　像以前一样，我们先来看效果图。漂亮不？心动不？那就就跟夕木木一起来学习创建这个时尚的按扭。

　　相关推荐：按钮图标质感效果制作技巧实例（5个photoshop实例+5个fireworks实例）

最终效果

　　制作步骤：

　　1、打开Photoshop，然后新建一个文档250*150，并填充背影：#252a38。

图1

　　2、在工具箱上选择椭圆图标并设置 

图2

　　新建一个图层，然后填充一个颜色。 

图3

　　3、在调色板上设置如下：

图4

　　使用渐变，渐变如下：

图5

　　4、双击图层，打开图层样式，给图层添加阴影。

图6

　　再添加一个描边，但是这样描边和平常不太一样，是用渐变抽边，设置 

图7

图8

　　5、在工具箱上选择加深和减淡工具，设置 

图9

　　然后在图所标识的地方，涂沫如下。

图10

　　效果如下：

图11

　　6、选择椭圆选区，作出效果如下。

图12

　　7、添加渐变，设置 

图13

　　从上而下线性渐变

图14

　　按ctrl+D取消选区，并更改图层的不透明度：40%，混合模式为：opacity。

图15

　　8、现在使用文字工具，添加文字并设置图层样式。

图16

图17

　　效果如下：

图18

　　9、添加下面的文字，效果如下： 

图19

　　10、在这个网站下载图标。然后导入photoshop，按ctrl+U，设置如下，最后更改混合模式：overlay。

图20

图21

　　你也可以做像这样的导航菜单： 

图22

 　　相关推荐：按钮图标质感效果制作技巧实例（5个photoshop实例+5个fireworks实例）