PS設(shè)計教程之如何制作一個時尚的商業(yè)模
今天我們將在Adobe Photoshop中設(shè)計一個時尚的商業(yè)模板。該模板包含頁眉(header)、圖片輪換、服務(wù)區(qū)域、視頻,關(guān)于我們、頁腳(footer)等內(nèi)容。通過本教程,結(jié)合圖案、紋理、顏色等元素,輕松幾步即可制作出3D效果的界面。
下圖是今天我們將要制作的模板,點(diǎn)擊可以全屏預(yù)覽。
本教程需用到的資源
· 背景紋理
· 用戶界面元素
· 社交網(wǎng)站圖標(biāo)
· 圖標(biāo)
· 秘魯AtixVector的插畫作品
第一步:創(chuàng)建文檔
在Photoshop中創(chuàng)建一個1400像素x1700像素的文檔。
標(biāo)尺工具在本教程中非常有用,使用之前要確保標(biāo)尺和參考線已經(jīng)顯示
· 標(biāo)尺快捷鍵:Ctrl+R
· 參考線快捷鍵:Ctrl + ;
使用標(biāo)尺工具時,信息面板也非常重要,用標(biāo)尺進(jìn)行測量時,相關(guā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ū)域居于整個畫布中央(譯者注:即左右各為220像素)
第二步:為Header和Slider創(chuàng)建背景
學(xué)習(xí) · 提示
相關(guān)教程
- 網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實(shí)例
- ps設(shè)計藍(lán)色主題風(fēng)格的網(wǎng)站首頁模板教程
- ps cs6設(shè)計時尚促銷專題頁教程
- ps cs6設(shè)計個人作品網(wǎng)頁模板教程
- ps黑色風(fēng)格網(wǎng)頁模板
- ps一個木紋風(fēng)格網(wǎng)頁模板
- PS設(shè)計一個葡萄酒博客網(wǎng)頁模板
- 如何設(shè)計與PSD模板標(biāo)題導(dǎo)航菜單教程
- ps設(shè)計心形網(wǎng)頁模板教程
- ps設(shè)計時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站模
推薦教程
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- Photoshop制作禮品店網(wǎng)站模板
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- PhotoShop設(shè)計制作懷舊風(fēng)格網(wǎng)頁的詳細(xì)教程
- Photoshop網(wǎng)頁設(shè)計:雜志風(fēng)格網(wǎng)站界面
- Photoshop繪制好看的老式wordpress主題
- photoshop網(wǎng)頁應(yīng)用實(shí)例:制作蘋果導(dǎo)航欄
- ps設(shè)計制作居家風(fēng)格美食Blog網(wǎng)頁特效