新万博万博_万博出事了

当前位置: 万博 > 新万博教程 > 网页新万博教程 > Photoshop新万博导航鼠标悬停状态效果

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

Photoshop教程:新万博导航鼠标悬停状态小效果
Photoshop教程:新万博导航鼠标悬停状态小效果

1幻城高、 背景色设置为#280021揩,新建图层拿,利用钢笔工具画如下图形渐诬稻,填充颜色聊敌,然后图层样式中的渐变叠加设置如下为俄:

Photoshop教程:新万博导航鼠标悬停状态小效果

2胳、 新建图层贫溶笆,用椭圆工具在图形上面建一个选区窗冯骑,然后填充白色屠憋连,如图舍刊。

Photoshop教程:新万博导航鼠标悬停状态小效果

3拆钉璃、取消选区躲,选择“滤镜”“高斯目校糊”把白色进行目婵蹈梗糊官。具体数值视效果而定饰咎,效果如图班瞬枪。

Photoshop教程:新万博导航鼠标悬停状态小效果

4猜关书、把这个图层的混合模式设置为“叠加”砂锋,现在看起来过于亮看舍,可以降低一下透明度性撤。然后把超出下面图形的白色去掉汾敝。如图纺。

Photoshop教程:新万博导航鼠标悬停状态小效果
Photoshop教程:新万博导航鼠标悬停状态小效果

5贝、新建图层恐般静,按住ctrl单击图形图层得到图形选区戒,然后选择“编辑”-&ldqu向某人倾诉[尼玛和木石罗走来。o;描边”对它进行描边设置慈茶瓦,如图钮台。

Photoshop教程:新万博导航鼠标悬停状态小效果
Photoshop教程:新万博导航鼠标悬停状态小效果

6辉、将此描边图层的混合模式设置为叠加册柿,透明度设置为40%草舞,视效果而定瓣。如图喇。

Photoshop教程:新万博导航鼠标悬停状态小效果
Photoshop教程:新万博导航鼠标悬停状态小效果

7拾反、接下来先添加上部高光诧。用钢笔工具新建选区穆龄畦,然后ctrl+enter转换成选区屠导,然后按住ctrl+alt+shift再点击下面图形的图层酿,使他们两个的选区进行重合筐坡谋,用渐“那得看地段儿。”“我们要去哪里呢?”变工具(白色到透明)进行由左上到右下的拖动(这里在拖动的时候要注意朵耿,不要拖动的太大缓,从左上边缘开始拖动到左下边缘为止即可)蕾芒,适当调节透明度为80%绣僵。如图所示荚。

Photoshop教程:新万博导航鼠标悬停状态小效果
Photoshop教程:新万博导航鼠标悬停状态小效果
Photoshop教程:新万博导航鼠标悬停状态小效果

分享到: 
Photoshop新万博简洁大方的网页UI
photoshop制作绿色下载按钮

热门推荐