Photoshop打造Win7風格網站導航

來源:互聯網
上載者:User
一個Windows 7風格的導覽功能表製作教程,下面是簡單的製作步驟。

做了一個Windows 7風格的導覽功能表。下面是簡單的製作步驟。

 



製作背景
(1)建立一檔案,大小自定,這裡是600*400為例。設定前景色彩:#1592d7,背景顏色:#136da2,
選擇放射狀漸層工具。從中間拖動得到下面效果:

 



(2)添加散射光條文。建立一層,左邊工具列選擇-圓角矩形按鈕-自訂形狀按鈕。找到下面這個形狀,如果沒有可以點擊右邊的小箭頭,追加形狀。

 

選中並在圖層上拖動得到如下效果:



前景色彩設為白色(#ffffff),選擇鋼筆工具,右擊路徑--填充路徑。得到下圖:

 



右擊路徑--刪除路徑。選擇“濾鏡”-模糊-高斯模糊-5個像素。單擊確定。圖層混合模式改為“柔光”。不透明度為30%。

 

添加Windows 7字樣及logo。


製作導航背景

(1)建立一圖層命名為“nav”。拖出一個黑色矩形框。高度根據自己需要。




填充改為:10%。建立一圖層,製作邊線。畫兩根1px線,上邊一根黑色,透明度50%,下面一根白色。

 




複製頂線,移動至底部:

 



製作導覽按鈕

(1)建立圖層,做出如下選區,注意上下邊緣:

 

填充黑色,不透明設為“0”,描邊:



(2)複製上面的圖層,清除圖層樣式,添加如下樣式:

 



漸層疊加,顏色由白色 到透明。描邊:

 



得到如下:

 

製作右下角高光邊框:



添加圖層蒙版,前景黑色背景白色。拖動得到如下效果:

 



最終:
 



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。