站長(zhǎng)之家（CHINAZ.com）3月28日編譯：今天我們將在Adobe Photoshop中設(shè)計(jì)一個(gè)時(shí)尚的商業(yè)模板。該模板包含頁(yè)眉（header）、圖片輪換、服務(wù)區(qū)域、視頻，關(guān)于我們、頁(yè)腳(footer)等內(nèi)容。通過(guò)本教程，結(jié)合圖案、紋理、顏色等元素，輕松幾步即可制作出3D效果的界面。

下圖是今天我們將要制作的模板，點(diǎn)擊可以全屏預(yù)覽。

本教程需用到的資源

· 背景紋理

· 用戶界面元素

· 社交網(wǎng)站圖標(biāo)

· 圖標(biāo)

· 秘魯AtixVector的插畫(huà)作品

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

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

標(biāo)尺工具在本教程中非常有用，使用之前要確保標(biāo)尺和參考線已經(jīng)顯示

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

· 參考線快捷鍵：Ctrl + ;

使用標(biāo)尺工具時(shí)，信息面板也非常重要，用標(biāo)尺進(jìn)行測(cè)量時(shí)，相關(guān)信息會(huì)先在在信息面板。如果沒(méi)有顯示，你可以到窗口（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è)畫(huà)布中央（譯者注：即左右各為220像素）

第二步：為Header和Slider創(chuàng)建背景

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

使用矩形工具（U）創(chuàng)建一個(gè)960像素的，顏色為#092f56的矩形。接下來(lái)，用標(biāo)尺工具從該矩形的底部拉一條距離（該矩形）頂部為140像素的水平參考線。

（舉報(bào)）