优设网飞屋睿UIdesign 作者也是使用图层款式来制造霓虹字,只是制造的时分更注意细节,不但增添了烟雾后台,同时还到场了倒影,如许画面更传神。 最后的效果 |
1、新建一个1920px*1080的文件,这个尺寸恰是mac的尺寸。我们做网页的转动播放的告白图时,这个巨细最为合适。不外详细的尺寸,仍旧是看你的项目实践的需求。添补一个玄色后台图层,然后再新建一个图层。将远景色设置为玄色,后台色设置为红色,进进【滤镜>衬着>云彩】,对该图层增加云彩。假如一次云彩效果不敷,你还可使用快速键组合“ctrl+f”反复操纵几回。 |
2、在云彩图层上方再新建一个图层,利用突变工具,设置一个蓝色(#15aec4)到玄色(#000000)的径向突变(这里的蓝色也便是我在本例中所利用的主色彩,你能够参考,也可以使用本人的配色)。突变层做好后,将突变层的图层夹杂形式调剂为“正片叠底”。 |
3、改成正片叠底后以后,款式以下。 |
4、如今让我们将这个图层再复制(ctrl+J)出两个图层,个中一个夹杂形式改成“叠加”,置于图层最上方,另外一个图层在原始图片层上方,夹杂形式稳定。然后,用自在变更工具,将顶部的图层延长为本来巨细的三分之二,另外一个图层延长为本来的三分之一。这是为了营建情况的平面感,因而,不但我们的次要工具的后台必要色采效果,还要有倒影的感到。那末,从字面上了解仍旧不很分明的同砚,能够看下图。 到了这一步,后台就算是制造完成了。能够将下面做的图层放到新建组“后台”傍边,再在后台之上持续做剩下的步调。 |
5、将做好的笔墨型标识拖进个中,置于图层上方,并放于正中,恰好让它立于方才三分效果后台图的分界处稍下的地位。如许会让它看起来更具有平面感。 |
6、将标识的图层复制一层,然后临时关失落复制层。再为标识图层增加“突变叠加”的夹杂款式。突变的设置能够参考我给的配色,固然要和主色彩搭配才行,角度为0的线性突变。突变叠加后再为该图层增添【滤镜>含混>高斯含混】,含混巨细为18px,这里的巨细次要看你的标识巨细,做到最后的效果以下图所示便可。 |
7、这时候能够翻开方才埋没的复制层,将复制层先栅格化,按住ctrl键往点选该图层,目标是为了修改该图层的选区。然落后进【选择>修正>压缩】,将选区压缩2个像素。然后将该图层关失落,坚持选区的情形下新建一个图层,在选区内添补红色。 |
8、我们压缩选区的目标,是为了创建一个比原有笔墨更细的标识,这是在打造光感效果的时分我经常用到的***,特别是光感效果是对照细的条状图形时,顶部图层的压缩就会发生一种聚光效果。接上去,我们将这个顶部图层也增加高斯含混,含混巨细为2px。 然后,让我们为其增添图层款式,起首,我将这个图层的通明度降为90%,添补下降为0。接着,我要为它增添外发光的,外发光的设置面板参数以下。 |
9、再增添一个色彩叠加的图层款式,色彩叠加为红色。完成后,新建一个组,将该图层增加到这个组傍边,然后把组的夹杂形式改成“色彩减淡”。 |
10、有人说,色采太甚多,看上往老是显得不敷高等,这很好办,找到之前第一个已被高斯含混18px处置过的图层,再叠加一个单一的色彩便可。在这个PSD中,能够构成一成不变的色彩,反复利用性很高。 |
11、倒影的效果已经十分广受好评,制造***也很复杂。让我们再来复习一下吧。将方才做好的笔墨标识放进一个新建的组内,然后复制这个组。利用自在变更工具,将该组举行垂直翻转的变更处置。把这个翻转后的图形,向下挪动到以下图所示的地位。 |
12、如许看上往已仿佛有倒影效果了,可是倒影也太分明了。使用我们的蒙版,为倒影组增添蒙版。选用口角线性突变工具,在蒙版上拉出口角突变。记着蒙版的道理,玄色就可以将原始图片遮盖住,原始图片不成见,红色则规复为可见。这也就打造出了倒影的那种渐渐向下方隐往的效果。因为倒影自己也有通明感,因而我们再将倒影层的通明度下降60%。 |
13、还想加强视觉效果的,能够搭配云彩效果,增添烟雾的画笔在后台层之上,笔墨标识层之下,创建一个新的组。在该组内新建一个图层,选用烟雾画笔,对其举行自在的润色。润色后,请利用红色远景色,并将图层夹杂形式改成“叠加”。 |
14、这时候还能够在后台层上方增添一些通明的红色矩形,通明度能够设置得十分小,使用通明度之间的交织视觉营建出别的一种效果。复制多几个,并利用蒙版、通明度来和谐全体效果。 |
15、还必要为笔墨增加一个暗影,这时候就不克不及利用图层款式的投影功效了。我们能够选用椭圆选择工具,在笔墨标识的下方选出一块卵形,即增加暗影的中央。再为其成仙20px,添补玄色。将暗影层的图层款式改成柔光。 |
16、在全部构图中,我以为上面的局部太甚于暗,那末让我们来增添一点舞台的效果。在后台层之上新增一个图层,使用方才的蓝色到玄色的突变,接纳径向突变的***,鄙人方拉一个半圆。也就是将蓝色的突变圆安排于下方。然后增加一个蒙版,方才我们已说过了蒙版的利用的***,那末这里也接纳一样的***,接纳口角突变来润色这个突变圆。图层面板里能看到突变的细节。 |
最后的效果: |
欢迎光临 仓酷云 (http://ckuyun.com/) | Powered by Discuz! X3.2 |