如何設(shè)計與PSD模板標題導航菜單教程(3)

來源:設(shè)計前沿網(wǎng) 作者:Alin翻譯  學習:6066人次

Step 7: 下一步,我們使用矩形選框工具(M).
添加一個黑暗地帶的導航菜單邊框,如下圖所示
Web Top Header G How to Design a Template Header with Navigation Menu Tutorial with PSD
Step 8: 現(xiàn)在選擇這層并且復制粘貼(CTRL + V)和劃分導航菜單 如下.
Web Top Header H How to Design a Template Header with Navigation Menu Tutorial with PSD
Step 9:現(xiàn)在我們要添加導航菜單文本給出截圖使用文本文字工具(T).

Web Top Header I How to Design a Template Header with Navigation Menu Tutorial with PSD

Step 10: 下一步,我們要添加子菜單條,使用圓角矩形工具(U)創(chuàng)建半徑為10像素的形狀像以下

Web Top Header j How to Design a Template Header with Navigation Menu Tutorial with PSD

Step 11:打開其圖層樣式,單擊并選擇漸變疊加,設(shè)置如下設(shè)置.
Web Top Header k How to Design a Template Header with Navigation Menu Tutorial with PSD
Step 12:現(xiàn)在選擇自定義形狀工具(U),并作出如下圖的形狀

Web Top Header L How to Design a Template Header with Navigation Menu Tutorial with PSD
Step 13: 再次選擇“文本文字工具(T)和類型如下的文本.

Web Top Header M How to Design a Template Header with Navigation Menu Tutorial with PSD

學習 · 提示

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

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

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