第一步：創(chuàng)立文檔

在Photoshop中創(chuàng)立一個(gè)1400像素x1700像素的文檔。

標(biāo)尺東西在本教程中非常有用，運(yùn)用之前要保證標(biāo)尺和參閱線現(xiàn)已顯現(xiàn)

· 標(biāo)尺快捷鍵：Ctrl+R

· 參閱線快捷鍵：Ctrl + ;

運(yùn)用標(biāo)尺東西時(shí)，信息面板也非常重要，用標(biāo)尺進(jìn)行測量時(shí)，相關(guān)信息會(huì)先在在信息面板。如果沒有顯現(xiàn)，你能夠到窗口（Windows）勾選上信息（Info）這一選項(xiàng)。

站點(diǎn)的內(nèi)容區(qū)域的總寬度為960像素。所以我們先創(chuàng)立第一條參閱線，進(jìn)入到視圖（View）中的挑選新建參閱線（New Guide），設(shè)置值為220像素，重復(fù)過程將值改為1180像素。這樣可保證站點(diǎn)內(nèi)容區(qū)域居于整個(gè)畫布中心（譯者注：即左右各為220像素）

第二步：為Header和Slider創(chuàng)立布景

我們要讓布景表面呈現(xiàn)出3D作用，以放置幻燈片展現(xiàn)區(qū)。頂部安放的是網(wǎng)站標(biāo)志，導(dǎo)航條和RSS訂閱圖標(biāo)。

運(yùn)用矩形東西（U）創(chuàng)立一個(gè)960像素的，色彩為#092f56的矩形。接下來，用標(biāo)尺東西從該矩形的底部拉一條間隔（該矩形）頂部為140像素的水平參閱線。