如何設計與PSD模板標題導航菜單教程

2022-12-26 11:35:04 來源/作者: / 己有:16人學習過

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:打開其圖層樣式,單擊并選擇漸變疊加,設置如下設置.
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