织梦CMS - 轻松建站从此开始!

我的网站

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

时间:2015-06-15 18:18来源:z-index.cc 作者:未知 点击:
8、希望再把上面高光再真实一些,可以先把这个图层混合样式设置为叠加,然后再复制一层,把复制的这一层混合样式设置为正常,再稍微调低复制层的

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

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

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

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

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

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

11、新建图层,选择柔性笔刷,颜色白色,设置大小为14左右,在图形的下边缘处点击一下,如图。然后ctrl+T将它变长,如图。然后将此图层混合模式设置为“叠加”,把超出图形边缘的光删掉,如图。

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

12、同样如同上面第9,10步操作,所不同的就是图层混合样式为“正常”而不是“叠加”,然后适当降低透明度,让其有一条亮线。如图

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

13、同样如上面11步一样操作,不同的是,笔刷大小设置为10,比上面的14小一点,然后图层混合模式设置为“正常”,并且适当降低一点点透明度。如图所示。

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

到此为止,这个小效果就完成了,在做类似光效时,最主要的应用就是高斯模糊和“叠加”,合理运用这两个功能会给作品增色不少。

(责任编辑:RGB)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容