用ps制作豎列導航(6)

來源:一起ps 作者:一起ps吧 學習:818人次

一般來說,國內網(wǎng)站導航都是橫條的,國外網(wǎng)站相反,大部分是豎列的,今天我們就來制作一個豎列導航,先看效果圖。

新建文檔210x260像素,背景白色。建新層,選擇圓角矩形工具,畫一個矩形,設置如下, 顏色#ff7f00。

放大畫布顯示,用白箭頭工具點一下路徑,會出現(xiàn)一些節(jié)點。

用鋼筆工具刪除2個節(jié)點,調整如下圖所示,使底部形成直角。

建新層,調出上圖的選區(qū),選擇>修改>收縮2像素,編輯>描邊1像素。

合并除背景外的所有層,做一矩形選區(qū),刪除底部。

建新層,做如下矩形選區(qū),填充白色,圖層不透明度35%。

Ctrl+J復制一層,往底下挪一段距離,圖層模式柔光,不透明度25%。

輸入白色文字,添加描邊圖層樣式。

建新層,做如下矩形選區(qū),描邊1像素。

保持選區(qū),建新層,選擇>修改>收縮1像素,編輯>描邊1像素。重復這個步驟,顏色分別是桔黃和灰色,效果如下。

保持選區(qū),建新層,填充# f9f6ee,添加圖層樣式。

輸入一些文字,最終效果如下。

剩下的我不用說了。文字加上鏈接即可。

學習 · 提示

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

關注大神微博加入>>

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