當(dāng)前位置：首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁圖片>教程內(nèi)容

photoshop設(shè)計網(wǎng)站導(dǎo)航圖片

來源：未知 作者：┆死┆ 學(xué)習(xí)：458人次

網(wǎng)站的頭部大多是最值得設(shè)計的地方，因為頭部往往包含導(dǎo)航與LOGO，而且作為一個網(wǎng)站的門面，頭部也起到很關(guān)鍵的作用，可以說一個網(wǎng)站的頭部好壞往往覺得了這個網(wǎng)站設(shè)計的成功與否，本文使用PS來設(shè)計一個比較簡潔的網(wǎng)站頭部效果
作者:TutorialsHot 來源:websbook.com翻譯

設(shè)計背景

先看看最終效果圖

 



第一步建立新文件，設(shè)置如下圖

 



下一步設(shè)置前景色為#e6e0d5，背景色為#cec5af

 



 



制作頂部區(qū)域，確保之前設(shè)置的顏色正確，然后使用“濾鏡>渲染>云彩”!

 



開始設(shè)計導(dǎo)航按鈕，新建圖層，使用矩形工具，制作如下圖形

 



 



再次新建圖層，制作#ac2a2a顏色矩形

 

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

  • 一定要打開PS，跟著教程做一遍，做完的圖到這交作業(yè)：提交作業(yè)
  • 建議練習(xí)時，大家自己找素材，盡量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到論壇發(fā)帖提問：新手求助
  • 加官方微信，隨時隨地，想學(xué)就能學(xué)：ps_bbs，或掃右側(cè)二維碼！
  • 關(guān)注我們學(xué)更多，每天都有新教程：新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
海盜十二郎2011-03-10 11:34
<給力>
張小露2010-12-15 02:18
圖片怎么都.....
croro2010-12-13 12:31
叉、 叉燒包啊 = =
郝公2010-11-08 05:04
7月份買的小蝦掛QQ軟件 如今使用2月了 我網(wǎng)站流量增加了很多 在此感謝小蝦軟件 謝謝
djt19892010-01-17 11:35
sb..圖片全是※※※※
feitianmonv12009-12-01 07:41
謝謝樓主的分享
hezhu2009-11-01 02:46
頂 文章來自photoshop論壇(bbs.16xx8.com) 詳文參考：http://bbs.16xx8.com/viewthread.php?tid=80896&highlight=

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

網(wǎng)友求助，請回答！