极速下载站 —— 提供优质软件下载服务,感受全新的极速下载体验!

最近更新 | 软件专题 | 软件分类 | 软件排行

您的位置:极速下载站资讯首页软件教程电脑软件教程 → Photoshop设计精美导航鼠标悬停效果

Photoshop设计精美导航鼠标悬停效果

时间:2012-02-03 20:09:39  作者:不思议游戏  浏览量:66

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

图1:PS设计精美导航鼠标悬停效果

图2:PS设计精美导航鼠标悬停效果

进入下载
Adobe PhotoShop CS4
Adobe PhotoShop CS4 11.0 精简版
大小:61.45 MB
日期:2021/5/26 16:01:01
环境:WinXP,Win7

1、 背景色设置为#280021,新建图层,利用钢笔工具画如下图形,填充颜色,然后图层样式中的渐变叠加设置如下:

图3:PS设计精美导航鼠标悬停效果

2、 新建图层,用椭圆工具在图形上面建一个选区,然后填充白色,如图。

图4:PS设计精美导航鼠标悬停效果

3、取消选区,选择“滤镜”“高斯模糊”把白色进行模糊。具体数值视效果而定,效果如图。

图5:PS设计精美导航鼠标悬停效果

4、把这个图层的混合模式设置为“叠加”,现在看起来过于亮,可以降低一下透明度。然后把超出下面图形的白色去掉。如图。

图6:PS设计精美导航鼠标悬停效果

图7:PS设计精美导航鼠标悬停效果

5、新建图层,按住ctrl单击图形图层得到图形选区,然后选择“编辑”-“描边”对它进行描边设置,如图。

图8:PS设计精美导航鼠标悬停效果

图9:PS设计精美导航鼠标悬停效果

6、将此描边图层的混合模式设置为叠加,透明度设置为40%,视效果而定。如图。

图10:PS设计精美导航鼠标悬停效果

图11:PS设计精美导航鼠标悬停效果

7、接下来先添加上部高光。用钢笔工具新建选区,然后ctrl+enter转换成选区,然后按住ctrl+alt+shift再点击下面图形的图层,使他们两个的选区进行重合,用渐变工具(白色到透明)进行由左上到右下的拖动(这里在拖动的时候要注意,不要拖动的太大,从左上边缘开始拖动到左下边缘为止即可),适当调节透明度为80%。如图所示。

图12:PS设计精美导航鼠标悬停效果

图13:PS设计精美导航鼠标悬停效果

图14:PS设计精美导航鼠标悬停效果

8、希望再把上面高光再真实一些,可以先把这个图层混合样式设置为“叠加”,然后再复制一层,把复制的这一层混合样式设置为“正常”,再稍微调低复制层的透明度为70%.如图。

图15:PS设计精美导航鼠标悬停效果

9、下面进行底部高光的处理,新建图层,选择铅笔工具,白色,在图层的下边缘画出一条直线,如图。

图16:PS设计精美导航鼠标悬停效果

10、然后,将此图层的混合样式设置为“叠加”,然后单击图层面板的蒙版图标,如图,图层此时显示下面这个样子。然后选择渐变工具,设置为黑白黑,然后从左到右进行拖拉,如图

图17:PS设计精美导航鼠标悬停效果

图18:PS设计精美导航鼠标悬停效果

图19:PS设计精美导航鼠标悬停效果

12下一页>

Adobe PhotoShop CS4 11.0 精简版

Adobe PhotoShop CS4图片
  • 软件性质:国外软件
  • 授权方式:免费版
  • 软件语言:多国语言
  • 软件大小:62923 KB
  • 下载次数:31730 次
  • 更新时间:2022/3/15 0:41:29
  • 运行平台:WinXP,Win7...
  • 软件描述:想要使用PhotoShop进行图片编辑?但是下载下来的PhotoShop好多都需... [立即下载]

相关资讯

相关软件