江苏十一选五预测
当前位置: 江苏十一选五预测 > 设计教程 > 网页设计教程 > Photoshop设计导航鼠标悬停状态效果

十一选五任三技巧:Photoshop设计导航鼠标悬停状态效果

江苏十一选五预测 www.qtprf.cn 首先看一下最终效果和分层:

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制作绿色下载按钮

热门推荐

  • 第二届未来汽车大会暨日照新能源汽车人才与产业峰会在日照举办 2018-12-13
  • 购车零首付 当心套路贷 2018-12-13
  • 人民日报里庄时期: 组织机构、版面沿革及印刷发行事务 2018-12-13
  • 中国共产党第十九次代表大会 2018-12-12
  • 在现时代,无论中国还是西方发达国家都是社会财富公有制和私有制并存的社会,由于仍旧存在社会财富私有制,所以必然存在贫富差别,离开私有制来谈“贫”和“富”... 2018-12-12
  • 第十二届人民企业社会责任奖评选启动 2018-12-12
  • 邢台彩民守号两年中620万元 却仍有遗憾 2018-12-11
  • 需要了解的科学“朋克养生”知识——食品安全频道——黄河新闻网 2018-12-11
  • 上海二手车牌照暴涨至12万 免费新能源牌乏人问津 2018-12-11
  • 时速350公里自动驾驶!京张智能高铁大片来了 2018-12-10
  • 贯彻落实习近平生态文明思想 为建设美丽新疆作出人大贡献 2018-12-10
  • 合肥市长二小橡树湾校区师生携手外教端午文化体验行 2018-12-09
  • 李生云的专栏作者中国国家地理网 2018-12-09
  • 东嘎寺看藏戏文章中国国家地理网 2018-12-08
  • [大笑]逻辑玩不过又开始玩语文了?那你更不是对手! 2018-12-08
  • 586| 646| 397| 485| 961| 976| 224| 979| 122| 146|