Photoshop教程:制作做乳白色導(dǎo)航效果(4)
開始之前,這里強(qiáng)調(diào)下,教程是死的,人是活的,不一定要追求教程的效果,可以根據(jù)自己的喜歡作出自己的理想效果。
先看效果:
教程開始:
1:新建一個(gè)600*420,名字為“清潔的白色導(dǎo)航”。
2:設(shè)置前景色為“#2e2e2e”背景色為“#1c1c1c”,拉一個(gè)徑向漸變,如圖
3:新建一層并命名為"白色白條",畫個(gè)矩形的選區(qū)用前景色為“#fafafa”背景色為“#c4c4c4”做個(gè)對(duì)稱漸變,如圖。
4:給"白色白條"這層加圖層模式,先來外發(fā)光,參數(shù)如圖:
5:在來一個(gè)漸變疊加,注意漸變條的設(shè)置:
6:在看漸變疊加的參數(shù):
7:描邊,參數(shù)如圖:
8:描邊后的效果如圖:
9:加入文字,這里文字可以根據(jù)自己的愛好來設(shè)置,我這里是這樣設(shè)置的:
10:選中文字層和"白色白條"層后進(jìn)行中對(duì)齊,如圖:
11:刪格化文字,給文字層加個(gè)投影效果,參數(shù)如圖:(注意這里可以靈活運(yùn)用,不一定是我這樣的設(shè)置)
12:現(xiàn)在我們來做鼠標(biāo)懸停的效果,新建一層命名“懸停”在用矩形選區(qū)畫一個(gè)如圖的選區(qū):
13:在矩形選區(qū)用漸變工具拉一個(gè)前景色為“#dadada”背景色為“#969696” 的線性漸變,并把“懸停”層放到文字層的下層,如圖:
14:給“懸停”層加個(gè)描邊,參數(shù)如圖:
15:得到的效果如圖:
16:降低下“懸停”層的不透明度為40%;
17:得到效果圖(最終效果)
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- Photoshop制作網(wǎng)頁搜索條
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- Photoshop制作網(wǎng)站導(dǎo)航圖
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- 陰影效果,教你制作各類陰影教程
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- banner教程,用ps制作960*90的廣告圖片
- 用ps制作豎列導(dǎo)航