當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁圖片>教程內(nèi)容

Photoshop教程:制作做乳白色導(dǎo)航效果(4)

來源:未知 作者:bbs.16xx8.com 學(xué)習(xí):540人次

開始之前,這里強(qiáng)調(diào)下,教程是死的,人是活的,不一定要追求教程的效果,可以根據(jù)自己的喜歡作出自己的理想效果。

先看效果:

Photoshop制作做乳白色導(dǎo)航效果,PS教程,52photoshop

教程開始:

1:新建一個600*420,名字為“清潔的白色導(dǎo)航”。

Photoshop制作做乳白色導(dǎo)航效果,PS教程,52photoshop

2:設(shè)置前景色為“#2e2e2e”背景色為“#1c1c1c”,拉一個徑向漸變,如圖

Photoshop制作做乳白色導(dǎo)航效果,PS教程,52photoshop

3:新建一層并命名為"白色白條",畫個矩形的選區(qū)用前景色為“#fafafa”背景色為“#c4c4c4”做個對稱漸變,如圖。

Photoshop制作做乳白色導(dǎo)航效果,PS教程,52photoshop

4:給"白色白條"這層加圖層模式,先來外發(fā)光,參數(shù)如圖:

Photoshop制作做乳白色導(dǎo)航效果,PS教程,52photoshop

5:在來一個漸變疊加,注意漸變條的設(shè)置:

Photoshop制作做乳白色導(dǎo)航效果,PS教程,52photoshop

6:在看漸變疊加的參數(shù):

Photoshop制作做乳白色導(dǎo)航效果,PS教程,52photoshop

7:描邊,參數(shù)如圖:

Photoshop制作做乳白色導(dǎo)航效果,PS教程,52photoshop

8:描邊后的效果如圖:

Photoshop制作做乳白色導(dǎo)航效果,PS教程,52photoshop

9:加入文字,這里文字可以根據(jù)自己的愛好來設(shè)置,我這里是這樣設(shè)置的:

Photoshop制作做乳白色導(dǎo)航效果,PS教程,52photoshop

10:選中文字層和"白色白條"層后進(jìn)行中對齊,如圖:

Photoshop制作做乳白色導(dǎo)航效果,PS教程,52photoshop

11:刪格化文字,給文字層加個投影效果,參數(shù)如圖:(注意這里可以靈活運(yùn)用,不一定是我這樣的設(shè)置)

Photoshop制作做乳白色導(dǎo)航效果,PS教程,52photoshop

12:現(xiàn)在我們來做鼠標(biāo)懸停的效果,新建一層命名“懸停”在用矩形選區(qū)畫一個如圖的選區(qū):

Photoshop制作做乳白色導(dǎo)航效果,PS教程,52photoshop

13:在矩形選區(qū)用漸變工具拉一個前景色為“#dadada”背景色為“#969696” 的線性漸變,并把“懸停”層放到文字層的下層,如圖:

Photoshop制作做乳白色導(dǎo)航效果,PS教程,52photoshop

14:給“懸停”層加個描邊,參數(shù)如圖:

Photoshop制作做乳白色導(dǎo)航效果,PS教程,52photoshop

15:得到的效果如圖:

Photoshop制作做乳白色導(dǎo)航效果,PS教程,52photoshop

16:降低下“懸停”層的不透明度為40%;

Photoshop制作做乳白色導(dǎo)航效果,PS教程,52photoshop

17:得到效果圖(最終效果)

Photoshop制作做乳白色導(dǎo)航效果,PS教程,52photoshop

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!