Photoshop輕松制作Apple網站導航條按鈕

發表于 2007-9-8 10:27 Photoshop輕松制作Apple網站導航條按鈕作者：閃電兒 來源：網頁教學網 PS教程論壇:http://bbs.16xx8.com

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

2.現在，執行“選擇” -> “修改” -> “平滑”在出現的對話框中設置為33px，創建一新圖層，把選區填充為任意顏色。

3.設置該圖層的圖層樣式：漸變疊加，#949494 － #d2d2d2進行漸變。

投影： #b1b1b1。

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

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

6.現在效果如下。

7.現在我們在文字之間添加分隔線。創建新圖層，使用鉛筆工具，繪制兩條線，使兩條線分開1px，顏色設置為白色。最后改變圖層模式為柔光，不透明度降低到20%。

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

9.依次復制上面兩個圖層，把這種效果添加到其他的導航文字中間，效果如下。

10.現在，我們來簡單制作翻滾效果。在一個文字的區域設置選區，效果如下圖。

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

12.把字體的顏色改變為白色，并且添加投影效果： #454545。

13.最終效果如下。