利用PhotoShop制作風格化網站導航
2022-12-26 14:02:23
來源/作者: /
己有:1人學習過
利用PhotoShop制作風格化網站導航
使用鋼筆工具創建如下形狀的圖形。![](https://img.lvups.com/d/file/bigpic/2022/12/26/udm4ef5tiip.jpg)
按下 F5 打開筆刷設置窗口,選擇寬邊樹葉筆刷,并按下圖設置筆尖形狀。
設置筆刷“動態形狀”。
設置筆刷“散布”。
創建新圖層,在導航右側利用鋼筆工具繪制“葉片1”。
圖層 >> 圖層樣式 >> 投影。
圖層 >> 圖層樣式 >> 圖案疊加。![](https://img.lvups.com/d/file/bigpic/2022/12/26/gaeizh4rrg0.jpg)
利用橢圓工具在曲線上繪制一個圓。
圖層 >> 圖層樣式 >> 外發光。![](https://img.lvups.com/d/file/bigpic/2022/12/26/xwc3dlocaq0.jpg)
利用鋼筆工具繪制“葉片2”。
圖層 >> 圖層樣式 >> 外發光。
類似的完成其他葉片。
沿路經輸入導航文字。(路徑文字制作這里不再重復,可查看本站相關教程)![](https://img.lvups.com/d/file/bigpic/2022/12/26/f0kabdb5mri.jpg)
輸入網站名稱,一個個性化導航欄就制作完成了。
![]()
按照網站的大小確定導航尺寸。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/sbwfrjtkhxi.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/udm4ef5tiip.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/wzsdd0avu1z.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/j5vn51hgvly.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/onsfr1h3fvt.jpg)
設置筆刷“動態顏色”。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/4mi23jnu3ap.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/p4wbb5hfwot.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/ojhjo5ixrvq.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/gaeizh4rrg0.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/ljjvtj1apsu.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/xpg1nxcc2wd.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/xwc3dlocaq0.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/zhysmh42mk2.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/eg2estzdk0z.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/1zoq1nba4mx.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/jr0nsfum0a1.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/f0kabdb5mri.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/y2o5mfydm0a.jpg)