教您怎樣用Photoshop制作一個(gè)漂亮的網(wǎng)頁(yè)(3)

第八步      現(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)一些，可以在字體面板的基線(xiàn)控制（在下面第二幅圖里展示）。

      最后還要給文字加上一點(diǎn)淡淡梯度重疊和1個(gè)像素的內(nèi)部白光。







第九步

      現(xiàn)在這一步打開(kāi)標(biāo)尺（按下CTRL+R）繪制一組引導(dǎo)線(xiàn)。分別在50px,320px,610px,900px分別繪制四條線(xiàn)將頁(yè)面劃分為三欄。至少這些是我已經(jīng)用過(guò)的數(shù)字�？纯次业钠聊唤貓D，我才發(fā)現(xiàn)第三條線(xiàn)已經(jīng)出界了。。。哦！

      反正我已經(jīng)所有元素放入空間里去了。但是如果要做多重頁(yè)面，可能就按照其他方式用網(wǎng)格。像這樣只是設(shè)計(jì)主頁(yè)，我打算用一次這三欄——一會(huì)兒以后。



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