【PConline 教程】你是否曾經(jīng)想過設計一個漂亮的網(wǎng)頁，但是卻不知道怎樣入手？說實話，幾年前我也是這樣。當我瀏覽網(wǎng)頁的時候我看到這么多好看的網(wǎng)頁，我就希望自己有技術創(chuàng)作這樣的設計作品。今天我可以這么做了，而且我將教你怎么做這樣的設計！從根本上，對于這種設計你需要一點Photoshop的操作技能和觀察細節(jié)的能力。通過以下的教程，我將會指出其中極細微的細節(jié)之處，而這些細節(jié)講使你的網(wǎng)頁設計漂亮起來。打開Photoshop，我們開始啦！

　　正文先看效果圖

圖01

　　第一步 — 下載960網(wǎng)格模板

　　我一直以來做的設計幾乎全部是基于960網(wǎng)格模板的。因此在我們開始創(chuàng)作之前，先下載這個模板。你能在960.gs上找到這些模板。下載之后解壓zip里面關于PSD的模板。你會發(fā)現(xiàn)有兩種規(guī)格：一個是12欄式的而另一個是16欄式的。他們的區(qū)別就像名字所說的，一個是按12欄分布一個按16欄。更詳細的介紹一下吧， 如果你的設計里面分3個區(qū)塊你就選擇12欄式的，那是因為12能被3整除；同理假如你的設計分四個區(qū)塊，你可以選12欄式或者16欄式，那時因為12和16都可以被4整除。你會發(fā)現(xiàn)這個技巧將用于下面教程。

　　第二步 — 構造你想象的結構

　　在我們打開PSD網(wǎng)格模板創(chuàng)作前，我們首先需要先構造一下想象中的結構。從上面的這張圖，你可以看出來：因為在一個排版中又有排版，所以這是一個有點復雜的結構。

圖02

　　第三步

　　構造了結構之后我們繼續(xù)。打開16欄式的PSD模板文件。打開 “圖像 >畫布大小” 。把畫布的寬度設置為1200px 高度設置為1700px .把背景色設置為#ffffff 既白色。

圖03

　　第四步

　　用長方形工具在頂部畫一個寬100%高大概80px的長方形。用顏色： #dddddd 填充它。

圖04

　　第五步

　　在長方形那層上面創(chuàng)建一個新層。按住CRTL鍵鼠標點擊長方形層。長方形就被選中了，然后把目標移至剛建的新層上。選擇半徑 600px 的軟筆刷（如圖），把其顏色設置為白色，然后就像圖片所示那樣在選框上邊緣點幾下。 通過這個技巧你畫出了一個微妙的照亮效果。你現(xiàn)在可以把這兩層聯(lián)合起來了。

圖05

　　第六步

　　建一個新層，再用長方形工具如圖所示在上端畫一個深灰色的小長方形。

圖06