今天我們將在Adobe Photoshop中設計一個時尚的商業模板。該模板包含頁眉（header）、圖片輪換、服務區域、視頻，關于我們、頁腳(footer)等內容。通過本教程，結合圖案、紋理、顏色等元素，輕松幾步即可制作出3D效果的界面。

下圖是今天我們將要制作的模板，點擊可以全屏預覽。

本教程需用到的資源

· 背景紋理

· 用戶界面元素

· 社交網站圖標

· 圖標

· 秘魯AtixVector的插畫作品

第一步：創建文檔

在Photoshop中創建一個1400像素x1700像素的文檔。

標尺工具在本教程中非常有用，使用之前要確保標尺和參考線已經顯示

· 標尺快捷鍵：Ctrl+R

· 參考線快捷鍵：Ctrl + ;

使用標尺工具時，信息面板也非常重要，用標尺進行測量時，相關信息會先在在信息面板。如果沒有顯示，你可以到窗口（Windows）勾選上信息（Info）這一選項。

站點的內容區域的總寬度為960像素。所以我們先創建第一條參考線，進入到視圖（View）中的選擇新建參考線（New Guide），設置值為220像素，重復步驟將值改為1180像素。這樣可保證站點內容區域居于整個畫布中央（譯者注：即左右各為220像素）

第二步：為Header和Slider創建背景