利用PhotoShop制作音乐网站导航栏
插入吉他图片,并将其放置在画布右侧。
降低不透明度,完成投影制作。
使用钢笔工具绘制波浪形路径。
创建新的图层,并使用椭圆工具在该层创建一个圆。
双击圆所在图层,打开图层样式窗口。
渐变叠加:
按下Ctrl并点击圆形所在图层获得选区。
选择 >> 修改 >> 收缩。![](https://img.lvups.com/d/file/bigpic/2022/12/26/b5lijj5ecrt.jpg)
创建新的图层,填充黑白渐变效果。
反选(Ctrl Shift I)并删除,改变图层模式为滤色。
同样的方法制作出按钮下方的高光效果。
利用椭圆工具创建圆,自由变换(Ctrl T),调整适当的位置和不透明度,完成按钮投影的制作。
复制出其它按钮。
添加搜索栏。
输入按钮文字。
为文字添加外发光效果。
图层 >> 图层样式 >> 外发光。
混合模式:滤色。
颜色:白色。![](https://img.lvups.com/d/file/bigpic/2022/12/26/vfhymnpofpu.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/1dy4qlhhxrr.jpg)
插入网站名称和LOGO,大功告成
。![](https://img.lvups.com/d/file/bigpic/2022/12/26/xp2u5zrjhrc.jpg)
创建新画布,使用圆角矩形工具创建圆角矩形。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/wanoetazb2a.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/ogdbkz525ja.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/x2r0fx1jcpc.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/hheo12ceihh.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/1djeckfjxuv.jpg)
渐变叠加:
投影:
混合模式“正片叠底”。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/ojh53qsw3a1.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/el0bsli4jio.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/b5lijj5ecrt.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/ajcddzvirwj.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/rz2wfaaswho.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/fozse45cxbr.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/umzij4a40fu.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/kyac1q3ghxv.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/2ddulbnabc0.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/t5y5oxl5aqt.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/dlh33d5ze0e.jpg)
图层 >> 图层样式 >> 外发光。
混合模式:滤色。
颜色:白色。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/vfhymnpofpu.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/1dy4qlhhxrr.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/s0ujtty4njb.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/lj4qcsozbge.gif)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/xp2u5zrjhrc.jpg)