PS設(shè)計(jì)教程之如何制作一個(gè)時(shí)尚的商業(yè)模

來源:站長之家 作者:佚名 發(fā)布 學(xué)習(xí):2423人次

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

Snickles: Create A Modern Business Template In Adobe Photoshop

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

本教程需用到的資源

· 背景紋理

· 用戶界面元素

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

· 圖標(biāo)

· 秘魯AtixVector的插畫作品

第一步:創(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ì)先在在信息面板。如果沒有顯示,你可以到窗口(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)建背景

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!