使用ps打造一個(gè)企業(yè)網(wǎng)站首頁(yè)設(shè)計(jì)制作全

來(lái)源:藍(lán)色理想 作者: qp3db 學(xué)習(xí):20017人次

  先整理好需要做的內(nèi)容至一個(gè)文件夾中。

bbs.16xx8.com

  打開(kāi)photoshop新建一個(gè)空白面板。

bbs.16xx8.com

  選擇矩形工具繪制一個(gè)980*auto的圖形。

bbs.16xx8.com

  結(jié)果如下:

bbs.16xx8.com

  使用選擇工具點(diǎn)擊邊緣節(jié)點(diǎn)。

bbs.16xx8.com

  在菜單欄下方可看見(jiàn)圖片的寬與高。

bbs.16xx8.com

  點(diǎn)擊背景

  圖層,再按下shift鍵點(diǎn)擊新建的圖層。

bbs.16xx8.com

  按下選擇快捷鍵"V",在菜單欄下方會(huì)出現(xiàn)對(duì)齊選項(xiàng)。選擇居中對(duì)齊。

bbs.16xx8.com

  從標(biāo)尺區(qū)域按下鼠標(biāo)向右拖動(dòng)會(huì)形成一根輔助線。拖至矩形邊緣自動(dòng)吸附即可。

bbs.16xx8.com

  我們可以看見(jiàn)的結(jié)果如下:

bbs.16xx8.com

  在圖層面板新建header文件夾,并把logo放置進(jìn)來(lái)。

bbs.16xx8.com

  在header文件夾下建立menus目錄,并繪制一個(gè)矩形圖形。

bbs.16xx8.com

  為矩形圖形添加漸變。(或者雙擊圖層空白處也可以編輯效果)

bbs.16xx8.com

  所開(kāi)啟的面板:

bbs.16xx8.com

  描邊參數(shù)如下:

bbs.16xx8.com

  漸變效果如下:

bbs.16xx8.com

  設(shè)置內(nèi)發(fā)光,參數(shù)如下:

bbs.16xx8.com

  菜單導(dǎo)航背景最終效果。

bbs.16xx8.com

  打上文本。文本選擇工具快捷鍵"T"。

bbs.16xx8.com

  把最左側(cè)的文本吸附在左側(cè)輔助線上。(按住shift拖拽)

bbs.16xx8.com

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

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

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

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