Photoshop輕松制作Apple網(wǎng)站導(dǎo)航條按鈕

發(fā)表于 2007-9-8 10:27 Photoshop輕松制作Apple網(wǎng)站導(dǎo)航條按鈕作者：閃電兒 來(lái)源：網(wǎng)頁(yè)教學(xué)網(wǎng) PS教程論壇:http://bbs.16xx8.com

Photoshop教程，利用Photoshop模擬制作Apple.Com蘋果網(wǎng)站的網(wǎng)站導(dǎo)航條按鈕。最終大家可以去http://www.apple.com網(wǎng)站對(duì)比下效果。
1.新建立一個(gè)500*50px的文檔，然后選擇矩形選框工具，設(shè)置模式為固定大小寬為 480px 高為 35px 繪制一個(gè)矩形選區(qū)。

2.現(xiàn)在，執(zhí)行“選擇” -> “修改” -> “平滑”在出現(xiàn)的對(duì)話框中設(shè)置為33px，創(chuàng)建一新圖層，把選區(qū)填充為任意顏色。

3.設(shè)置該圖層的圖層樣式：漸變疊加，#949494 － #d2d2d2進(jìn)行漸變。

投影： #b1b1b1。

4.填寫一些字符，這里使用英文字符Segoe UI字體，顏色#383838，大小為14pt。

5.為文字添加投影樣式。

6.現(xiàn)在效果如下。

7.現(xiàn)在我們?cè)谖淖种g添加分隔線。創(chuàng)建新圖層，使用鉛筆工具，繪制兩條線，使兩條線分開(kāi)1px，顏色設(shè)置為白色。最后改變圖層模式為柔光，不透明度降低到20%。

8.創(chuàng)建一新圖層，繪制一條1px線，顏色為#808080，把它放到上面兩條線的中間，圖層模式不變，把不透明度降低到35%，效果如下。

9.依次復(fù)制上面兩個(gè)圖層，把這種效果添加到其他的導(dǎo)航文字中間，效果如下。

10.現(xiàn)在，我們來(lái)簡(jiǎn)單制作翻滾效果。在一個(gè)文字的區(qū)域設(shè)置選區(qū)，效果如下圖。

11.創(chuàng)建新圖層，填充選區(qū)為任意顏色，然后添加圖層樣式，漸變疊加： #666666 － #a1a1a1。

12.把字體的顏色改變?yōu)榘咨⑶姨砑油队靶Ч?#454545。

13.最終效果如下。