闂傚倸鍊峰ù鍥Υ閳ь剟鏌涚€n偅宕岄柡宀€鍠栭、娑樷堪閸愮偓姣夋俊鐐€戦崕濠氬箯閿燂拷 (0) +1 闂傚倷娴囧畷鍨叏瀹ュ拋鍚嬮柛鈩冾殢娴硷拷 (0) +1 闂傚倸鍊搁崐鎼併偑鐎涙ḿ顩查柣鎴f缁狀垶鏌ㄩ悤鍌涘 (0) +1
闂傚倸鍊峰ù鍥Υ閳ь剟鏌涚€n偅宕岄柡宀€鍠栭、娑樷堪閸愮偓姣夋俊鐐€戦崕鏌ュ垂閸ф钃熼柣鏃囥€€閸嬫挸鈽夊▍顓т簼閹便劑宕惰閺€鑺ャ亜閺囩偞顥為悗姘炬嫹闂傚倸鍊风粈渚€骞栭銈嗗仏妞ゆ劧绠戠壕鍧楁煕閹邦垼鍤嬮柤鏉挎健閺屾稑鈽夊▎鎰▏缂傚倷璁查弲鐘诲蓟閻旂⒈鏁嶆繝濠傚枤閺嗩厼顪冮妶鍐ㄥ姷闁瑰嚖鎷�>>

正在阅读: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

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

关注我们

最新资讯离线随时看 聊天吐槽赢奖品
闂傚倸鍊风粈浣虹礊婵犲倴缂氱憸鏃堛€侀弽顓炲耿婵$偟绮弫鐘绘⒑闁偛鑻晶鎾煙椤旀娼愰柟宄版嚇瀹曘劍绻濋崒娆愭▕濠电姷顣藉Σ鍛村磻閹捐绠柨鐕傛嫹闂傚倸鍊烽悞锕傚箖閸洖纾块柟鎯版绾剧粯绻涢幋娆忕仼闁哄嫨鍎甸幃姗€鎮欓弶鍨彑婵炲瓨绮嶇划鎾诲蓟濞戙埄鏁冮柨婵嗘椤︺儵姊洪崨濠冾棖闁瑰嚖鎷�