ps怎么设计导航鼠标 ps设计导航鼠标悬停技巧

痛到极致&才是幸福

痛到极致&才是幸福

2015-02-02 11:15

在这个信息化时代,很多人都会玩ps,但那时ps中的很多小秘诀吗,你知道多少呢,下面看看小编今天带来的这个ps教程设计导航鼠标悬停状态吧!很实用哦!

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

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

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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/psjiaocheng/)

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

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

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

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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/psjiaocheng/)

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

展开更多 50%)
分享

猜你喜欢

ps怎么设计导航鼠标 ps设计导航鼠标悬停技巧

PS教程 PS基础
ps怎么设计导航鼠标 ps设计导航鼠标悬停技巧

Photoshop设计导航鼠标悬停状态效果

鼠标 设计
Photoshop设计导航鼠标悬停状态效果

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

PS透明的导航设计

PS
PS透明的导航设计

网页表单实现鼠标悬停交互效果

Web开发
网页表单实现鼠标悬停交互效果

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

wps演示教程:鼠标悬停效果制作

电脑入门
wps演示教程:鼠标悬停效果制作

JS教程:鼠标悬停文字上显示图片

Web开发
JS教程:鼠标悬停文字上显示图片

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

photoshop设计制作水晶小脚丫教程

photoshop设计制作水晶小脚丫教程

photoshop图层怎么操作 ps图层操作方法图解

photoshop图层怎么操作 ps图层操作方法图解
下拉加载更多内容 ↓