在本教程中，我們把主要運用容易的外形作出創(chuàng)造性的博客布局，我們主要用到幾個筆刷技術，一些圖象素材...。網頁設計布局設計是很輕松的。主要靠你的想象力，你也可設計出具有吸引力的網頁作品。在這篇教程里，您將理解一些專業(yè)技巧，主要是鋼筆工具與外形矩形工具~~~~。好好學吧，我們開始了！
教程具體：
計劃：Adobe Photoshop CS4中 難度： 中級 預計做完時間： 1.5小時
先看一看完成效果吧。
資源
要做完本教程，您想要先下載 960網格psd。如下圖的效果，他會把幫你畫好輔助性，如此的設計的好處于于切換為div+css方便些，還有方便調節(jié)布局等~~~
第1步
打開960網格psd模板。如下的圖象。
第2步
創(chuàng)建層。加上一美麗的漸變色。此時去層“圖層樣式>漸變疊加”，并運用下面設定。
第3步
創(chuàng)建層，選取圓角矩形工具，并并繪出如下外形。
第4步
在這個導航欄加上下方的圖層樣式。{內發(fā)光，漸變疊加，描邊}
第5步
創(chuàng)建層，運用一樣的工具（圓角矩形工具）新建另一外形與色彩：＃001424。
第6步
在這層加上圖層樣式如下。"內發(fā)光"
第7步
新建（新層）另一和圓角矩形圖形，運用的色彩白色。
第8步
提高對這個圖形的一點容易的圖層樣式，調整填充值為10％。
下方是到目前為止的效果。
第9步
在這個地方上放上一照片。如下效果。
第10步
此時你想要調節(jié)放上來的照片，選取剛剛的白色層，用魔術棒選定白色區(qū)，再單擊加載的照片圖層，右鍵>反選，刪除多余部分。
第11步
把照片調節(jié)縮小~~~
第12步
按ctrl + D以取消選取。創(chuàng)建2個層，此時運用圓角矩形工具來新建另一色彩為＃4b6e82外形圖形。見下圖：
過程13
對于這兩個圖形加上見下圖層樣式。"內發(fā)光，描邊"
過程14
在右半圖形圖層下，創(chuàng)建圖層，運用橢圓工具在見下圖部分勾出一橢圓，填充#000000。主要做投影效果，
第15步
打開“濾鏡>模糊>高斯模糊”，并運用下面設定。 Photoshop把詢問您是否要柵格化的外形，接著前進，按確認?？纯赐队靶Ч鰜砹藒~
過程16
此時，我們在投影的上方提高了一點亮光的效果。選取右半圖形層，創(chuàng)建圖層，選取線條工具，并設定線寬為1像素，之后新建一如下的垂直線。
過程17
右鍵點擊并選取層柵格化層。（站碼（zmool）注：在這兒相對喜愛用鋼筆工具，假如用鉛筆工具，就不想要這部操作了~~）
第18步
選取橡皮工具，并選取一光滑，圓刷約100px。用它來刪除頂部與底部的一部分。
過程19
因為一樣的手法在頂部新建另一亮光效果。
過程20
也可在頂部的白線拷貝一層，下移一像素，見P，作為對比的投影關聯。
第21步
見下圖，選取中央下方圖形圖層，創(chuàng)建圖層，新建另一圓角矩形圖形，白色。
過程22
之后在此圖層上方創(chuàng)建，新建幾個矩形工具外形。我們在后面把加上一點圖象。
過程23
在這些外形加上一樣的圖層樣式。"描邊"
過程24
此時我們在這些白色的圖形上加上一點照片。并在右半加上文字標題與一點文字描述。（加上文字時，用文字工具在右半區(qū)域勾出一矩形，之后鍵入....）
過程25
之后在每篇文章中間加上虛線。
過程26
在這兒新建另三個外形，并設定的在文字圖層下，見P。（可運用描邊，投影/內發(fā)光實現）
過程27
運用圓角矩形工具在上面?zhèn)葯谛陆ㄋ阉骺颉?同時，你可看到我放置在導航欄上的一點文字了。
過程28
在此搜索框下方加上下面圖層樣式。"內發(fā)光，描邊"
過程29
此時運用圓角矩形工具來新建另一外形。如下。此外，再添加一右半的圖標。
第30步
在如下圖的地方新建另一白色的外形。
過程31
這個外形加上下面圖層樣式。"內發(fā)光，漸變疊加，描邊"
第32步
按住ctrl鍵，用鋼筆工具選定外形的邊上按兩次。“切換點工具”更改外形的外觀。
第33步
隨著仍舊按下ctrl鍵選取下面錨點。朝下拖動。。。
第34步
此時效果圖如下。
第35步
運用橢圓工具來新建一圓。
第36步
右鍵點擊并選取層柵格化層。隨著矩形選項框工具作出如此的選取如下。刪除右半部分...
第37步
把小圓圖層移到白條的圖層下，看看下方的效果吧~~。
第38步
此時，我們把加上兩個按鈕，并在上方加上一點文字。
第39步
左半的都好了，此時在側邊欄創(chuàng)造一點白色的外形，如下。
第40步
對于所有這些白色的外形一樣，請加上下面圖層樣式。"描邊"
第41步
在側邊欄中加上一點圖標。在網上可找到很多如此的圖標，此外，我們也加上了一點廣告照片。
第42步
此時在右側下方加上也些最新文章什么的~~。
第43步
此時都幾乎了，再處理下導航欄上的另外細處吧。運用直線工具來新建兩個小線。放大，見下圖效果。
第44步
按住ctrl鍵，同時選取這兩個層。當您選定的路線按ctrl + E的拼合成這亮光芒層。選取橡皮工具，并用它來刪除頂部與底部的一點部分。請留意，您想要一柔軟的擦皮，為20像素大小圓刷。
第45步
修改層為柔光混合模式。重復到另外導航文字中間。
第46步
此時做logo標志，見下圖。
第47步
加上此文字圖層混合樣式。"投影，內發(fā)光，漸變疊加"
第48步
在logo背景加上高光效果,運用圓形透明漸變工具，見P。
第49步
修改圖層為柔光混合模式。
結束，大功告成了！
設計做完了！~~~~~~ 如何？希望你們都喜歡，也希望對你們都有用....
在這兒教程里，希望各位多用鋼筆工具與外形矩形工具~~~~
聯系客服
