PS制作高光导航背景

  PS制作高光导航背景教程像大家介绍的是导航的HOVER状态背景,制作出来的效果挺不错的,推荐过来和大家一起分享学习了,先来看看最终的效果图吧:

  前段时间有朋友问这个效果怎样实现的,今天我简单写一下教程,希望对大家有用,还有如果大家对页面中的什么效果感到疑惑,就请留言给我,我会尽力发上教程来和大家分享的。

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


  131


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


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


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


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


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


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


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


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


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


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


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


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


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


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

分类:

  • PS入门教程
时间: 2024-12-29 17:07:47

PS制作高光导航背景的相关文章

PS制作抽象梦幻背景效果图

PS制作抽象梦幻背景效果图   步骤一:背景制作 我们新建一个1250×1550(单位:像素),分辨率为72像素/英寸的画布,点击确定.然后用矩形工具拉一个和画布等大的矩形,颜色随意.添加一个渐变的图层样式: 左色标:#053f95,右色标:#01122b,效果大概是酱紫的: 是不是很简单呢? 步骤二:绘制放射线 新建图层组,命名为"放射线",所有的放射线都在这个组里.其实这一步也很简单的啦,大家可以这么画,仅供参考哈!确定好水平线和垂直线之后,画左(右)上的线,然后画左(右)下的线,

PS制作漂亮点状背景图

这篇PS制作漂亮点状背景图教程是我刚刚学习的一个教程,制作出来的效果挺不错的,教程的原创作者是我要学设计,推荐过来和飞特的朋友们一起分享学习了.好了,先来看一下我们要制作的背景实例运用. 分类: PS入门教程

PS制作高光质感水晶牙膏粒子字效果教程

ps教程学习如何用photoshop制作高光质感的粒子字效,有点像牙膏字,只是颜色不同,主要用到了图层样式和几个滤镜. 先看效果图. 新建文档1024x768像素,背景白色,新建图层填充黑色,添加图层样式. 效果如下. 打开泥土素材.(素材下载) 拖入文档中,图层模式柔光,效果如下. 分类: PS文字教程

PS制作非主流圆点背景

(原图) (效果) 1.新建一个20*20的透明画布. 2.全选(快捷键Ctrl+A),菜单栏 选择-->修改-->边界 ,宽度1象素. 3.反选 快捷键Ctrl+Shift+i. 4.菜单栏 选择-->修改-->平滑 ,取样半径5象素. 5.设置前景色为白色,填充白色(快捷键Alt+Delete),菜单栏 滤镜-->锐化-->锐化. 6.取消选区(快捷键Ctrl+D).菜单栏 编辑-->定义图案.然后确定. 7.打开需要加圆点背景的图图,创建一个新的图层.在图层

PS制作质感磨砂背景

比较适合运用到网页或者APP的设计当中,推荐过来和飞特的朋友们一起分享学习了,先来看看最终的效果图吧 具体的制作步骤如下: 分类: PS入门教程

利用PS制作虚点背景内阴影文字效果

1. 新建2*4px透明图层,选择铅笔工具,将画布放大适合屏幕,做出如下图效果,然后 编辑--自定义图案. 2. 新建800*800px图层,选择渐变工具径向渐变(参考#24acfa到#00579a)如下图.

PS制作晶莹剔透的高光塑胶字效果教程

教程主要使用Photoshop制作高光塑料字体教程,主要使用Photoshop的图层样式制作完成,喜欢的朋友可以一起来学习吧. 先看效果图. 新建文档700x585像素,背景白色,输入黑色文字,字体Tahoma,尺寸515点,之后复制一层. 把2图层的填充归零,选择底层字母层添加样式. 会得到类似下图效果. 选择另一个字母层,添加样式. 所有样式设置完后,最终效果如下! 分类: PS文字教程

PS制作导航栏(条)的步骤分析

  本文分享PS制作导航栏的 步骤分享讲解,并提供导航条PSD源文件下载. 本文的Photoshop制作导航条最终的效果预览如下: 第一部分:导航条背景 要点:突出透明质感需较深色背景 本文的导航条为透明效果.透明物体是通过背景进行参照,体现出质感.对于背景我们可以使用一些朦胧效果来让导航栏更加通透. 譬如,下面的麦穗图,通过PS里面的"滤镜--模糊--高斯模糊"命令模糊之后,就得到了色彩比较统一的导航栏背景.搜索素材切记找一些色彩统一的图像,否则模糊之后会导致色系太多导致没有层次感.

PS制作梦幻蓝色马赛克方格背景教程

教程学习如何用photoshop制作类似电视背景墙的马赛克方块效果,主要用到了滤镜.图层模式.透视变形等等,顺便介绍了photoshop动作(action)的使用方法. 喜欢的同学一起来学习吧! 先看效果图: 新建文档1000x600像素,背景黑色.转到动作面板,新建动作录制制作步骤. 新建图层,滤镜>渲染>云彩. 滤镜>像素化>马赛克. 滤镜>素描>网状. 然后把图层模式改为滤色. 点击红框内的按钮,停止录制. 分类: PS滤镜教程