Photoshop如何设计导航鼠标悬停状态
作者:QuietDream
时间:2026-07-10
浏览:0
在Photoshop中设计导航鼠标悬停状态,背景色设为#280021,用钢笔工具绘制形状并添加渐变叠加,椭圆工具填充白色后高斯模糊,混合模式改为叠加并去除多余部分,描边细边后叠加并降低透明度,最后用钢笔工具绘制高光渐变并调整透明度。
本文目录
Photoshop如何设计导航鼠标悬停状态
先来看看最终效果和分层结构,心里有个底。


1. 背景色设置为#280021,新建一个图层,用钢笔工具画出下图中的形状,填充颜色后,在图层样式中添加渐变叠加,参数如下:

2. 再新建一个图层,用椭圆工具在刚才的图形上画一个选区,然后填充白色,效果是这样的:

3. 取消选区,对白色部分执行“滤镜” → “高斯模糊”,模糊程度根据实际效果调整,让边缘柔和一点。得到下图:

4. 把这个图层的混合模式改为“叠加”,如果觉得太亮,可以适当降低透明度。然后用选区工具或蒙版把超出下方图形的白色部分去掉,只保留图形内部的发光效果:


5. 新建一个图层,按住Ctrl键点击图形图层得到选区,然后执行“编辑” → “描边”,设置一个细边,参数如图:


6. 将描边图层的混合模式也改为“叠加”,透明度降至40%左右(可视效果微调),这样边缘会有若隐若现的高光感。效果如下:


7. 接下来处理上部的高光。用钢笔工具画出想要的形状,Ctrl+Enter转为选区。然后按住Ctrl+Alt+Shift再点击图形图层,使两个选区相交,得到重合区域。用渐变工具(白色到透明),从左上边缘向下方拖动——注意拖动幅度不要太大,从左上角开始拉到左下边缘即可。适当调整透明度到80%,就能看到柔和的高光:



作者最新文章
Microsoft365商业版怎么从试用转成付费订阅
2026-10-05 15:45
高通骁龙8至尊版Gen6实物图曝光:侧置DRAM与HPB散热结构解析
2026-09-08 17:07
电影剪辑实战:镜头组织、节奏控制与声音衔接技巧
2026-09-04 09:27
天堂漫画网页版登录入口及访问指南
2026-08-28 11:07
RedmiNote13Pro+桌面动画怎么设置 RedmiNote13Pro+桌面动画设置方法
2026-08-25 14:24
上一篇:
Photoshop五彩水晶字体怎么制作
下一篇:
vivo手机怎么取消软件自动更新
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多










































