photoshop設(shè)計(jì)時(shí)尚網(wǎng)站模板(2)

　　


[table][tr][/tr] [/table]
.
　　第五步
　　現(xiàn)在在水彩圖層之上再新建一個(gè)圖層，然后從下至上從黑色到透明做線性遞減繪制，這樣基本上整個(gè)畫(huà)布到底部就褪化為黑色了。
　　


　　第六步
　　下一步在兩個(gè)新圖層中，繪制一組白色到透明的光線梯度，逐步擴(kuò)大。將這些設(shè)置為覆蓋，最外圈和最小圈的透明度分別設(shè)置為40%和100%。
　　基本上你應(yīng)該在圖像上做高亮設(shè)置，顯得更多的紋理。
　　

　　第七步
　　現(xiàn)在就是最后完工的背景了。深色、抽象，顏色也相當(dāng)別致。當(dāng)然一般來(lái)說(shuō)粉色可能不是你的最愛(ài)，如果這樣的話，在頂層圖層上再加一種顏色圖層做調(diào)整。我比較喜歡粉紫色，我就這么干了!
　　


　　第八步
　　現(xiàn)在我們創(chuàng)建一個(gè)新圖層，加上一個(gè)“圖標(biāo)”。我本來(lái)沒(méi)有打算做它，因此我決定只是放一些文字做我的圖標(biāo)。因?yàn)檫@個(gè)教程一半在PSDTUTS，另一半在NETTUTS，我就寫(xiě)“psd vs net”幾個(gè)簡(jiǎn)單字而已。
　　這里我用的字體是Egyptian505 BT粗體和Egytian505 LT BT Light(這個(gè)字體更淡的版本我用在‘vs‘上了)。要讓‘vs’抬起來(lái)一些，可以在字體面板的基線控制(在下面第二幅圖里展示)。
　　最后還要給文字加上一點(diǎn)淡淡梯度重疊和1個(gè)像素的內(nèi)部白光。
　　

　　


　　第九步
　　現(xiàn)在這一步打開(kāi)標(biāo)尺(按下CTRL+R)繪制一組引導(dǎo)線。分別在50px,320px,610px,900px分別繪制四條線將頁(yè)面劃分為三欄。至少這些是我已經(jīng)用過(guò)的數(shù)值�？纯次业钠聊唤貓D，我才發(fā)現(xiàn)第三條線已經(jīng)出界了。。。哦!
　　反正我已經(jīng)所有元素放入空間里去了。但是如果要做多重頁(yè)面，可能就按照其他方式用網(wǎng)格。像這樣只是設(shè)計(jì)主頁(yè)，我打算用一次這三欄——一會(huì)兒以后。
　　


[table][tr][/tr] [/table]
.
　　第十步
　　來(lái)，現(xiàn)在我們繪制第一個(gè)黑色方框。保持標(biāo)尺和引導(dǎo)線打開(kāi)狀態(tài)，新建一個(gè)圖層從一邊到另一邊繪制一個(gè)方形選取框。用黑色填充，再將透明度設(shè)置為80%，右鍵點(diǎn)擊圖層選擇混合選項(xiàng)。點(diǎn)擊“比劃”，然后在外邊加1px的白色筆畫(huà)，設(shè)置為重疊模式。這樣邊界看起來(lái)更酷，黑色盒子看起來(lái)更銳利。
　　


　　第十一步
　　現(xiàn)在復(fù)制方框所在圖層，按CTRL+T調(diào)整方框大小，保持寬度不變，高度變短(如下圖所示)。這就是我們的瀏覽框。
　　將透明度設(shè)置為40%，填充設(shè)置為50%。這樣這個(gè)方框看起來(lái)更淡，給兩個(gè)方框添加了一些深度感，讓人覺(jué)得主次分明，有所側(cè)重。
　　這種兩個(gè)方框的對(duì)比方式可以很好用來(lái)表現(xiàn)元素之間的視覺(jué)差異。用戶瀏覽該頁(yè)面，我們首先想讓他們看到大塊信息，然后才是瀏覽欄。將其淡化處理意在告訴用戶這部分并不是要想突出的地方，可以稍后再看。