请问上海时时乐
当前位置: 请问上海时时乐 > 设计教程 > 网页设计教程 > Photoshop设计导航鼠标悬停状态效果

上海时时乐平面开奖:Photoshop设计导航鼠标悬停状态效果

请问上海时时乐 www.i7b7.com.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-01-10
  • 酒店美女试睡员竟有这惊人发现 瞠目一夜 2018-12-23
  • 端午——网络中国节——黄河新闻网 2018-12-07
  • [福]什么是“幸福”?这两个字所表示的直接含义就是:“幸”是指机会,“福”就是指拜求神赐田地生长粮棉等生物而足食丰衣。 2018-12-07
  • 化学竟可以这么美 中国学霸拍摄化学反应视频火遍全球 2018-11-28
  • 盘点本届世界杯上的“最佳新人” 2018-11-26
  • 揭幕战来啦!福彩刮刮乐“冠军荣耀”百万京东E卡已备好! 2018-11-26
  • 宋祖儿欧阳娜娜闺蜜情认证!周一围:相亲相爱走下去 2018-11-26
  • 山西省互联网违法和不良信息举报中心——黄河新闻网 2018-11-21
  • 历史上误击民航客机事件:大国均误击过客机 2018-11-20
  • 高清克罗地亚队备战训练 莫德里奇神情轻松 2018-11-20
  • 宝马宣布调整进口车价格 X5、6系GT等降幅超5万元 2018-11-14
  • 浙产纸尿裤能叫板国际大牌吗 2018-11-14
  • 习近平:在同各界优秀青年代表座谈时的讲话 2018-11-13
  • “上党红色国际马拉松赛”将在长治县举办 2018-11-13
  • 1000| 443| 249| 277| 793| 144| 399| 102| 787| 93| 316| 452| 168| 509| 762|