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

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

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

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

· 參閱線快捷鍵：Ctrl + ;

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

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

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

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

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