龙虎娱乐官网

当前位置: 首页 > 龙虎娱乐城 > 网页龙虎娱乐城 > Photoshop设计导航鼠标悬停状态效果

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

首先看一下最终效果和分层: Photoshop教程:设计导航鼠标悬停状态小效果
Photoshop教程:设计导航鼠标悬停状态小效果
1、 背景色设置为#280021,新建图层,利用钢笔工具画如下图形,填充颜色,然后图层样式中的渐变叠加设置如下: Photoshop教程:设计导航鼠标悬停状态小效果 2、 新建图层,用椭圆工具在图形上面建一个选区,然后填充白色,如图。 Photoshop教程:设计导航鼠标悬停状态小效果 3、取消选区,选择“滤镜”“高斯模糊”把白色进行模糊。具体数值视效果而定,效果如图。 Photoshop教程:设计导航鼠标悬停状态小效果 4、把这个图层的混合模式设置为“叠加”,现在看起来过于亮,可以降低一下透明度。然后把超出下面图形的白色去掉。如图。 Photoshop教程:设计导航鼠标悬停状态小效果
Photoshop教程:设计导航鼠标悬停状态小效果
5、新建图层,按住ctrl单击图形图层得到图形选区,然后选择“编辑”-“描边”对它进行描边设置,如图。 Photoshop教程:设计导航鼠标悬停状态小效果
Photoshop教程:设计导航鼠标悬停状态小效果
6、将此描边图层的混合模式设置为叠加,透明度设置为40%,视效果而定。如图。 Photoshop教程:设计导航鼠标悬停状态小效果
Photoshop教程:设计导航鼠标悬停状态小效果
7、接下来先添加上部高光。用钢笔工具新建选区,然后ctrl+enter转换成选区,然后按住ctrl+alt+shift再点击下面图形的图层,使他们两个的选区进行重合,用渐变工具(白色到透明)进行由左上到右下的拖动(这里在拖动的时候要注意,不要拖动的太大,从左上边缘开始拖动到左下边缘为止即可),适当调节透明度为80%。如图所示。 Photoshop教程:设计导航鼠标悬停状态小效果
Photoshop教程:设计导航鼠标悬停状态小效果
Photoshop教程:设计导航鼠标悬停状态小效果
关注设计帝国微信公众号
Photoshop设计简洁大方的网页UI
photoshop制作绿色下载按钮

热门推荐

我要评论

龙虎娱乐官网qy8千亿国际手机版qy6千亿国际娱乐开户武松娱乐城
优发娱乐官网齐乐娱乐优发娱乐官网梦之城娱乐
优发娱乐官网qy8千亿国际手机版qy6千亿国际娱乐开户梦之城娱乐
龙虎娱乐官网龙虎娱乐平台龙虎娱乐城武松娱乐城
优发娱乐官网齐乐娱乐优发娱乐官网梦之城娱乐