pk10走势软件 pk10开奖记录哪里下载 必中pk10计划软件 pk10自定义算法 pk10助赢免费手机软件 赛车pk10六码技巧规律 手机破解版助赢pk10 pk10彩票网导航平台 pk10公式 pk10和值稳赚法 飞艇pk10计划 赛车pk10大小规律 pk10赛车开奖记录照片 pk10全天计划精准网 pk10走势图怎么看大小 pk10号码走势图解说 天天pk10免费计划软件 pk10走势教学 pk10买法345678 西红柿计划pk10软件 pk10人工在线计划平台 pk10杀号统计分析 pk10七码稳赚 pk10技巧北京赛车 pk10开位号杀下期一码 pk10北京福利彩票 pk10专家杀号 pk10讲解选号技巧 pk10每期开奖数据 pk10两面长龙走势
当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop设计导航鼠标悬停状态效果

Photoshop设计导航鼠标悬停状态效果

首先看一下最终效果和分层:

Photoshop教程:设计导航鼠标悬停状态小效果
Photoshop教程:设计导航鼠标悬停状态小效果

1、 背景色设置为#280021,新建图层,利用钢笔工具画如下图形,填充颜色,然后图层样式中的渐变叠加设置如下:

Photoshop教程:设计导航鼠标悬停状态小效果

2、 新建图层,用椭圆工具在图形上面建一个选区,然后填充白色,如图。

Photoshop教程:设计导航鼠标悬停状态小效果

3、取消选区,选择“滤镜”“高斯模糊”把白色进行模糊。具体数值视效果而定,效果如图。

Photoshop教程:设计导航鼠标悬停状态小效果

4、?#39068;?#20010;图层的混合模式设置为“叠加”,现在看起来过于亮,可以降低一下?#35813;鞫取?#28982;后把超出下面图形的白色去掉。如图。

Photoshop教程:设计导航鼠标悬停状态小效果
Photoshop教程:设计导航鼠标悬停状态小效果

5、新建图层,按住ctrl单击图形图层得到图形选区,然后选择“编辑”-“描边”对它进行描边设置,如图。

Photoshop教程:设计导航鼠标悬停状态小效果
Photoshop教程:设计导航鼠标悬停状态小效果

6、将此描边图层的混合模式设置为叠加,?#35813;?#24230;设置为40%,视效果而定。如图。

Photoshop教程:设计导航鼠标悬停状态小效果
Photoshop教程:设计导航鼠标悬停状态小效果

7、接下来先添加上部高光。用钢笔工具新建选区,然后ctrl+enter转换成选区,然后按住ctrl+alt+shift再点击下面图形的图层,使他们两个的选区进行重合,用渐变工具(白色到?#35813;鰨?#36827;行由左上到右下的拖动(这里在拖动的时候要注意,不要拖动的太大,从左上边缘开始拖动到左下边缘为止即可),适当调节?#35813;?#24230;为80%。如图所示。

Photoshop教程:设计导航鼠标悬停状态小效果
Photoshop教程:设计导航鼠标悬停状态小效果
Photoshop教程:设计导航鼠标悬停状态小效果

分享到: 
Photoshop设计简洁大方的网页UI
photoshop制作绿色下载按钮
可靠的北京pk10平台