您的位置: 首页 > 软件教程 > photoshop教程专题 > Photoshop教程:设计导航鼠标悬停状态小效果

photoshop教程专题

精品软件课程
更多 >
AutoCAD是美国Autodesk公司开发... [详细]
CorelDRAW是一款由Corel公司开发... [详细]
美图秀秀是一款很好用的图片处理软件,不用学习... [详细]
Photoshop从头学起,从新手快速到高手... [详细]
光影魔术手(nEO iMAGING)是一款对... [详细]
Photoshop是集图像扫描、编辑修改、图... [详细]
Photoshop教程:设计导航鼠标悬停状态小效果 8.6分
出处:z-index.cc 时间:2013-03-22

您可能感兴趣的话题: Photoshop  

核心提示:Photoshop教程:设计导航鼠标悬停状态小效果。

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

<aPhotoshop教程:设计导航鼠标悬停状态小效果 src="http://img5.2345.com/duoteimg/zixunImg/local/2012/02/03/13282399556913.jpg" width=174>

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教程:设计导航鼠标悬停状态小效果

网友评论
多特网友 2013-11-02 21:16:32 回复
做不出效果
多特网友 2013-05-03 15:50:38 回复
做不出效果
多特网友 2012-05-02 14:12:50 回复
虽简单,但很有用啊?我会了
多特网友 2012-04-09 23:16:18 回复
很多这样的效果,今天看到具体步骤了。
多特网友 2012-04-09 23:16:18 回复
很多这样的效果,今天看到具体步骤了。
多特网友 2012-05-02 14:12:50 回复
虽简单,但很有用啊?我会了
多特网友 2013-11-02 21:16:32 回复
做不出效果
多特网友 2013-05-03 15:50:38 回复
做不出效果