江苏十一选五预测
当前位置: 江苏十一选五预测 > 设计教程 > 网页设计教程 > 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制作绿色下载按钮
  • 美极了!苏州老人用4年时间建了一座“空中爱心花园” 2019-04-26
  • 夷陵区开展“关爱女性健康 助力精准扶贫”两癌免费筛查 2019-04-26
  • “归来仍是少年” 杭州举办侯宁油画展 2019-04-25
  • 江西居民年献血量从2吨增至128吨 2019-04-25
  • 白春礼、顾行发、贺泓谈“科学治理灰霾 促进绿色发展” 2019-04-25
  • 本文我也就是简单说说自己的看法,就算没有我文章里提到的那些纠纷及难度,从回收公司如何安排车辆到顾客家里回收就成问题.另外,总部建在哪,分布网点又建在哪难道工作 2019-04-24
  • 网络促销不得先涨价后打折 2019-04-24
  • 【理上网来·喜迎十九大】海外知名专家点赞中国五年来辉煌成就 2019-04-24
  • 新余市二单位6名领导干部被纪委通报 2019-04-23
  • 为超越而起舞(名师谈艺) 2019-04-23
  • 实干树形象 实绩惠民生——“两学一做”特别关注 2019-04-23
  • 新粤牵手心连心喀什绽放木棉花 2019-04-23
  • 安徽省投资集团控股有限公司 2019-04-22
  • 加入我们中国国家地理网 2019-04-22
  • 社区 —频道 春城壹网 七彩云南 一网天下 2019-04-22
  • 248| 419| 384| 592| 917| 104| 108| 632| 528| 590|