如何設(shè)計(jì)與PSD模板標(biāo)題導(dǎo)航菜單教程

2022-12-26 11:35:04 來(lái)源/作者: / 己有:16人學(xué)習(xí)過(guò)

Step 7: 下一步,我們使用矩形選框工具(M).
添加一個(gè)黑暗地帶的導(dǎo)航菜單邊框,如下圖所示
Web Top Header G How to Design a Template Header with Navigation Menu Tutorial with PSD
Step 8: 現(xiàn)在選擇這層并且復(fù)制粘貼(CTRL + V)和劃分導(dǎo)航菜單 如下.
Web Top Header H How to Design a Template Header with Navigation Menu Tutorial with PSD
Step 9:現(xiàn)在我們要添加導(dǎo)航菜單文本給出截圖使用文本文字工具(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:打開(kāi)其圖層樣式,單擊并選擇漸變疊加,設(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)和類(lèi)型如下的文本.

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