您的位置:首页 -> 软件教程 -> 图文处理 -> 图片处理
软件教程分类查找
办公软件 图形图像 视频播放 格式转换 手机辅助 系统工具 电脑学习 下载工具 浏览器 QQ 专区 聊天 输入法 安全杀毒
第一部分 入门知识
第二部分 菜单栏与工具箱
第三部分 浮动面板
第四部分 抠取与合成图片
第五部分 图片调色
第六部分 图层样式
第一章 图层介绍
第二章 图层应用实例
第八部分 图片修缮与美化
第九部分 人物美容
第十部分 绘图教程
第十一部分 特效文字
精品软件课程
更多>>

Photoshop教程:设计导航鼠标悬停状态小效果

8.6
出处:z-index.cc 时间:2013-03-22 人气:16395
您可能感兴趣的问题: 常用操作 图层 图层实例

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

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

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

提示:试试键盘上的"← →"键,翻页更方便哦!