江苏11选五开奖结果
当前位置: 江苏11选五开奖结果 > 设计教程 > 网页设计教程 > Photoshop设计导航鼠标悬停状态效果

11选5赚钱技巧:Photoshop设计导航鼠标悬停状态效果

江苏11选五开奖结果 www.dfl1y.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制作绿色下载按钮
  • 没想到最大亮点是越野! 试驾一汽 2019-04-25
  • 《平凡的荣耀》展现上海风情 赵又廷新剧打破职场剧套路 2019-04-25
  • 联播快讯:俄罗斯世界杯国际广播中心启用 2019-04-24
  • 印巴首次同时参加上合 日媒:是时候认真看待了 2019-04-19
  • 法意因难民接收问题掐架!马克龙这句话让意大利彻底怒了 2019-04-06
  • 怒江贡山成立全州首支僧人志愿消防队 2019-04-06
  • 端午假期全国迎客8910万人次 传统文化活动受青睐 2019-04-04
  • 介休交警为企业职工送平安 2019-04-04
  • 便道汛期被淹学生上学遇阻 来凤老伯坚持背娃过河40年 2019-03-29
  • 吉利连续五年携手韩红 助力“百人援宁”行动 2019-03-28
  • 诗经中的“簧”长什么样?石峁遗址出土的骨制口弦琴告诉你 2019-03-28
  • 顺义农村娃坐上安全校车 2019-03-22
  • 人民日报社习近平新闻思想理论研讨会发言摘编 2019-03-22
  • 黄山市今天将有一次大到暴雨 20日起梅雨到来 2019-03-13
  • I动19运动习惯养成大赛 2019-03-13
  • 901| 786| 156| 814| 630| 234| 489| 238| 861| 754|