超漂亮的綠色按扭制做
來源:不詳
作者:佚名
學(xué)習(xí):351人次
超漂亮的綠色按扭制做 制作方面還是非常簡單的,運用的工具是photoshop7.0,主要運用了漸變:
新建一文件,用圓角矩形工具畫一個80X30、半徑為8的圓角矩形,然后在圖層面板里雙擊該圖層(默認(rèn)的命名為“形狀1”),打開圖層樣式,按照以下設(shè)置:
1.設(shè)置漸變疊加:
具體的顏色值為:#66CC33、#3BA51F、#20920E、#177E09,請參照以下設(shè)置:
2.描邊:
顏色值為:#006600
做完以上幾步,就生成了以下效果:
接下來我們來完成它的高光部份,高光部份與前面同樣,也是用漸變來完成,首先我們在圖層面板建立一個新圖層,重命名為“高光”,然后按Ctrl 形狀1,建立按紐的選區(qū),點擊選擇菜單->修改->收縮,設(shè)置收縮量為1。點擊選框工具(或按M鍵),在選擇區(qū)域上右鍵->描邊(或者編輯菜單->描邊),做以下設(shè)置:
選中“高光”圖層,設(shè)置填充的透明度為0
然后雙擊“高光”圖層,打開圖層樣式,做一個白色從透明到實底的漸變:
然后在上面加上我們想要的字就可以啦!再加以形狀的變化,我們就做出了圓形按紐,以及標(biāo)題欄等,手法基本相同,只是漸變的顏色值不同而已。
簡單的,我們教你,深奧的,你來分享
新建一文件,用圓角矩形工具畫一個80X30、半徑為8的圓角矩形,然后在圖層面板里雙擊該圖層(默認(rèn)的命名為“形狀1”),打開圖層樣式,按照以下設(shè)置:
1.設(shè)置漸變疊加:
具體的顏色值為:#66CC33、#3BA51F、#20920E、#177E09,請參照以下設(shè)置:
2.描邊:
顏色值為:#006600
做完以上幾步,就生成了以下效果:
接下來我們來完成它的高光部份,高光部份與前面同樣,也是用漸變來完成,首先我們在圖層面板建立一個新圖層,重命名為“高光”,然后按Ctrl 形狀1,建立按紐的選區(qū),點擊選擇菜單->修改->收縮,設(shè)置收縮量為1。點擊選框工具(或按M鍵),在選擇區(qū)域上右鍵->描邊(或者編輯菜單->描邊),做以下設(shè)置:
選中“高光”圖層,設(shè)置填充的透明度為0
然后雙擊“高光”圖層,打開圖層樣式,做一個白色從透明到實底的漸變:
然后在上面加上我們想要的字就可以啦!再加以形狀的變化,我們就做出了圓形按紐,以及標(biāo)題欄等,手法基本相同,只是漸變的顏色值不同而已。
簡單的,我們教你,深奧的,你來分享
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop設(shè)計網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- Photoshop制作網(wǎng)頁搜索條
- 界面設(shè)計,設(shè)計音樂播放器界面圖片
- 用ps制作豎列導(dǎo)航
- Photoshop教程:像素化細(xì)節(jié)設(shè)計技巧
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- PS教程:設(shè)計導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- banner教程,用ps制作960*90的廣告圖片
- Photoshop制作網(wǎng)站導(dǎo)航圖
- 陰影效果,教你制作各類陰影教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!