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

2010-01-04 10:27 出处:PConline 作者:夕木木 编译 责任编辑:lizhiyan

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

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

  相关推荐:按钮图标质感效果制作技巧实例(5个photoshop实例+5个fireworks实例)

Photoshop打造时尚的Web2.0风格网页按扭
最终效果

  制作步骤

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

Photoshop打造时尚的Web2.0风格网页按扭
图1

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

Photoshop打造时尚的Web2.0风格网页按扭
图2

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

Photoshop打造时尚的Web2.0风格网页按扭
图3

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

Photoshop打造时尚的Web2.0风格网页按扭
图4

  使用渐变,渐变如下:

Photoshop打造时尚的Web2.0风格网页按扭
图5

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

Photoshop打造时尚的Web2.0风格网页按扭
图6

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

Photoshop打造时尚的Web2.0风格网页按扭
图7

Photoshop打造时尚的Web2.0风格网页按扭
图8

键盘也能翻页,试试“← →”键

关注我们

最新资讯离线随时看 聊天吐槽赢奖品