今年京东618购物狂欢节的,设计很棒很多页面都用了下面的霓虹灯字,很漂亮!大家是不是也很想知道这些字是怎么做的呢?废话不多说开始教程:
原图效果
我们先来分析一下这个效果的本质中间最亮趋近于白,往两侧到深色的渐变外面一个发光效果。仅此而已。这就好理解了啊,我们只要做一个渐变,然后发光不就结了?下面给同学们详细讲解:
1.打字,开始做图层样式的效果。描边,大小根据你的文件自己定。位置根据你文字字体需要自己定。填充类型选择——渐变,样式选择迸发状!这个很重要。然后我们建一个渐变。我画了一个中间白色(中间建议都是白色)往两侧到黄色到橙色的渐变。在色彩选择这里需要注意的是:尽量全部使用高饱和度的色彩,因为灯光很亮的。颜色都是很刺眼的。好了,看下效果。
文字中间应该要镂空的,所以我们吧文字层的填充改为0感觉就已经有啦。下面我们再加一个外发光一个内发光就搞定了,数值自行调整。大功告成这样做的好处在于,文字图层不用栅格化,我可以很方便的更改添加文字,直接加文字就好了不同色的话,可以用调整颜色图层色相饱和度来做,用起来也很方便好了。这是简单的做法,下面正经的讲讲你给出的那种文字特效是怎么做的,有所区别。
第一步,给文字描边,填充改为0,新建一层空白图层与文字图层合并。这一步的目的只是为了要一个文字的轮廓。然后擦去其中的某些部分(因为霓虹灯是用管子捏的,所以一定不是闭合的,要有接口。意思一下得了,不必较真。
下面是图层样式。
颜色叠加决定霓虹灯的颜色内发光,选居中模拟中间最高光的部分内阴影模拟向两侧的暗色渐变外发光来模拟……额,就是外发光斜面和浮雕来模拟霓虹灯的圆管状的立体感最后一个投影模拟厚度。大功告成!两种方法,各有不同的使用环境,各有优劣,按需选择。里面具体数值都是要根据你文件的实际需要来调整,所以没有强调它。
小伙伴们看懂了吗?其实很简单,要多多练习啊!