Photoshop設計簡潔的網(wǎng)站導航教程(5)

來源:作者:佚名 來源:網(wǎng)頁教學網(wǎng) 作者:admin 學習:793人次

先用PS新建1000*600px大小,隨后將背景色從上往下拉出漸變效果,顏色從#333333到#000000

用圓形筆刷,顏色為白色,設置畫筆大小為700px,流量為50%,在背景上點擊產(chǎn)生白色光暈效果

使用矩形選區(qū)畫出導航條的框架,填充為黑色



為其添加樣式:

完成后如下圖:



點選黑色導航條圖層,使其選中狀態(tài),隨后用矩形選區(qū)按住alt建對選區(qū)進行裁剪

保持上面的選區(qū)選中狀態(tài),隨后新建圖層,填充白色,將新圖層不透明度設置為30%

加入導航條的按鈕文字:



我們?yōu)閷Ш教砑邮髽嘶^變化效果,制作綠色的按鈕背景塊,將其放在黑色大背景條圖層之上

再加入一些矢量圖點綴下背景,就完成了整個導航條的制作



學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
sgnoway2009-06-08 07:46
不錯 很好 很強大
付林2009-06-08 01:24
<怒>

關注大神微博加入>>

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