用PS制作一款vista經(jīng)典風(fēng)格網(wǎng)頁(3)

Vista前一陣子流行了一段時(shí)間，什么都是vista的，現(xiàn)在好像不是那么火了，炫麗的效果，還是值得我們重溫下的，

用ps制作一個(gè)vista風(fēng)格的網(wǎng)頁。
最終效果圖:

新建一個(gè)800*900，背景為#1e1e1e的文件。選擇圓角矩形工具，在頂部拖出一個(gè)高約30px的黑色矩形框。并添加以下樣式：

現(xiàn)在黑色圓角矩形條應(yīng)該有點(diǎn)vista的意思了吧，選擇自定義形狀，添加網(wǎng)站首頁圖標(biāo)，和站點(diǎn)地圖圖標(biāo)。



打開一張vista風(fēng)格的壁紙，這里用vistagrass壁紙，（點(diǎn)著下載），調(diào)整、裁剪大小。

下面制作高光區(qū)，用鋼筆工具做出下面選�。�

填充白色，并添加圖層模板，梯度漸變。

添加網(wǎng)站標(biāo)題和口號

復(fù)制第一步里面的黑色矩形框，去掉內(nèi)陰影效果，移動到綠色草地下面作為導(dǎo)航欄。并添加導(dǎo)航文字。

下面制作，下面的內(nèi)容板塊。同樣用圓角矩形工具，做出一個(gè)大小適當(dāng)?shù)�，�?biāo)題欄。添加如下樣式：

標(biāo)題欄做好后，仍然是圓角矩型工具，在下面添加內(nèi)容框。

最終得到頁面：