Photoshop制作漂亮的黑色质感按钮.docxVIP

本教程介绍非常实用的导航按钮的制作方法。 效果图看上去非常简单，不过还是有很多细节需要用心去处理， 如 果按钮的高光及倒影部分。教程只是一个提示，学会了就可以作者其它类似的效果。 最终效果 4iporu 4iporu #111111 。1、新建一个120 * 50的文档，背景填充颜色： #838383，选择圆角矩形工具，半径设置为 10 #111111 。 一个大小适当的圆角矩形，位置偏上，因为最后将添加投影。圆角矩形的颜色为： T.葫SMZo乂icayphoioshQp交吗谡■背ssfe#魁saisz量彝?勇菲拷工昆设?如卡： 11 □? 口 a 口 3 $ □! n 3 O \ 肿-半劭⑷P二 擁椁也人小苗雪的ffift籍揃，位??上，边月?區潜更加镉鼻一… 汾SI151健矩总的躱充色輕# H门杓 f ■—形横 f ■—形横1 2、双击形状图层或者通过右键菜单进入图层样式选项，参数设置如下图。 2 n违形状s层或过右供s第进入沬层混合选取?授》如下所贡设■, tt式 aZSTftu ft总- IS构 屯舍?式；正片叠JK 二? 不?他（0）： 一 [n ；% *?(4)： 90 ? * 便雋全砒(fi) Sg： 4 riEs)： u 大 MS)：O WaM： ?K?.tt￡Sa 僱丸昨U C内駅診 C外妞 小吐 99AJD 蹟受理加 S宴幺加 WK?： 内《而 ■ 、 门 万法(0)： Tit ? rf ???： Q 方隊?上＜^卞 大小(A 0 ?w：o=———= a含皈蛇 75S ，內関形 I外蛛 JJbt ＜料而神■匚鶴語域般9 …删 .两泌加 ? 匚I矢 5 [?■ *?妙 [?_]? Q2J匚侵埔全》畑 HI絲K苗3 M： Jm 式眇绽 Ta?tt(Q)： — 阴伽式(4)： I正桦扈 翘合a式；正需不邊题? e=a祕■■ 30 17一% laO* 」[22 1% 0 fi?? ffSCQJ：雄 ??也乌瞬対齐① 竟厦㈣:(^ 90 a [w_ 大致效果图。 券式 TSi 內网影 ,natic *扫両丽M ^.9 济變劉》 犬4a： 11= 位Ke）：帰? ￡台雅式！正7 年盪阻jsaB： 103 用 敦舉：. 3、新建一个图层，选择铅笔工具，设置铅笔大小为 2像素，前景颜色设置为： #eee1cd，如下 图所示画一条高光线。 #0^010^. taffi絵駅一薰禹光注 双击或右键此图层进入图层样式选项，参数及效果如下图。 刃占威^^链卑士比臣丢进人E呂琨含旌瞬，如三设i； 样式 盘舎删（」钦从 EESa * itatA 凰面丽■? 3SW 尢》 她硼 常竝fa Sl*^ 融 ■■■W 、内阴轟n?3t 刃血轨浮M 檢理 再色斬 ?醍㈤： 隧％ a raw 置他 ■0 a合fl（s： 1正童 苹a麵羁： 杂电?「 0 ? ■ It 卜1 万洁烧）：柔和 r??；. 0 刘呦：- 弓 晶盛 喑砾|_ J fsfflfij； 1 」 ■ W 0 % 牡 度.ft用刼bt⑥ 4、依然选中铅笔图层，点击图层下面的蒙蔽按钮，添加图层蒙版，然后选择渐变工具，颜色设置 及渐变方式如下图，由中间向左拉出透明渐变，效果如下图。 4.粧戳遶中豎鑿圉县,点主羽层勘瓦桜蟄圃或窖S一革* A图民A匪琵蛙版M墾示全觀 聃底遥中用i变工ft.?□手iSW. 不 11 融：too*ft 不 11 融：too*ft a庄辱 如EE絵崛浙变. -! : — 1_1 ▼ 上口 kJ 30 I J赋,正當 5、选择钢笔工具，绘制下图所示的梯形，执行：滤镜 选择“是”，然后输入数值：0.6 5、选择钢笔工具，绘制下图所示的梯形，执行：滤镜 选择“是”，然后输入数值： 0.6。 ＞模糊 ＞ 高斯模糊，此时被询问“是否栅格化图层”。 百_世禅0莖二具一桂制匍ffi两石咐聊葩. 禅 0(X3000 世人＞赢當播酣起*W询司涩咎珊塔比匡詩一述課星!^(^看粽入瑶糕诫殂-o e 6、按住Ctrl的同时单击形状1,此时出现形状1的选区，按 Ctrl + Shift + I 反选选区，然后按 Delete删 除形状2图层的多余部分，效果如下图。用复制 +水平翻转得到另一半的圆形，效果如下图。 LSttCW的和科单茁理；bU,建旳出期球扶1的递区一 SjaiiAE隸匡l50e也teW陳 影状2S医取多余都廿.竝M茧］F 用*制斗水平用转得對另一半馆聘形、？^皋奸下. 6、按住Ctrl的同时单击形状 1,此时出现形状1的选区，按 Ctrl + Shift + I 反选选区，然后按 Delete删 除形状2图层的多余部分，效果如下图。用复制 +水平翻转得到另一半的圆形，效果如下图。 一袪（tCMlK剧时*￡球檢1.此旳出凯搭状俚遢区 英A谟遇医.期1匡袪D