在这个photoshop教程中,我们将学习设计并打造一幅非常酷的几何形状文字加Grungy风格背景效果,操作并不复杂,但是效果帅呆了。一起试试吧。同时我们也会学到如何制作这种非常耀眼的光线和烟雾效果,涉及到的技巧包括图层混合、滤镜、图像调整以及特定的笔刷。
下面是最终效果图:
![](/__local/9/90/12/3C0AFE07CF813862D1CB5A59164_785B048A_3E1F1.jpg?e=.jpg)
最终效果
开始制作步骤:
1、在PS中新建文档,1200x 1700px,填充背景层为黑色。新建一层,载入笔刷用灰颜色画一些Grungy风格的纹理,如图所示。
![](/__local/2/B8/27/3B80545F42DE9F146FAE8276F9B_A30F1771_F5D9.jpg?e=.jpg)
图1
这一步的窍门是你最好把画笔的流量和不透明度设的低一些,大约在30%到40%就好了,画的时候要尽量变换画笔大小,而且也不要始终用同一个笔刷,你所做的变化越多,得到的效果就越好。
现在我们要给文字留出空间,并且给图像制造一些深度。给纹理层,添加一个下图所示的蒙版。
![](/__local/D/DD/7F/7A3DC8697DC1E85E44DC14AC9F7_006567DB_A01B.jpg?e=.jpg)
图2
在图层顶端添加一个曲线调整层,我们需要修饰图像的亮度和对比度。
![](/__local/D/A5/8C/05818B4866C3FD9A6CDD54AD36C_223303AC_B0E0.jpg?e=.jpg)
图3
我们得到的图像如下:
![](/__local/A/B8/49/7EB81FC413A51BC754EB3B72D59_E311F12A_1EE48.jpg?e=.jpg)
图4
2、新建一层,用我们之前下载的字体,在新图层上用深灰色写字。为了便于调节,我把字写在了不止一个图层上,然后进行旋转和缩放等等操作。效果如下。
![](/__local/B/BD/BD/7B3C00E4A69D1F8DB7E664AE665_DC3BBC25_13049.jpg?e=.jpg)
图5
一旦调整到满意的效果,我们就栅格化这些文字图层,然后把他们合并到一起,应用如下图层样式。
![](/__local/5/CF/53/3B1E4890CE2D02EB4520E3354B9_4E794139_129FD.jpg?e=.jpg)
图6
![](/__local/D/FA/D2/2C871C3F2BED8CF25466F0F22E9_BB9DCC85_153C0.jpg?e=.jpg)
图7
![](/__local/F/A3/62/23949464F7A10B363BEA803EBB1_8C6E0030_1080B.jpg?e=.jpg)
图8
效果如下。
![](/__local/6/1E/BA/D990FEA5BA28D57461498E05793_F0B3A149_20475.jpg?e=.jpg)
图9
下面到了有趣的部分了。我们将这个文字图层复制5个副本,分别设置他们的不透明度如下。
![](/__local/7/F9/78/A028F8676E91077E8F8A298DFA0_AF5D3DE8_728D.jpg?e=.jpg)
图10
下面用你键盘上的向右和向上方向键,移动这些图层以达到下图的效果,注意图层的上下关系,我们需要的是一个越往下颜色越浅的效果。这一步的窍门是,按住SHIFT再用方向键键移动图片,这样可以使图层以10px为单位移动。
![](/__local/5/58/B1/0A27F71FB1E8EAFD1422778F70D_BAC6362F_213AA.jpg?e=.jpg)
图11
3、现在我们选定最上面的文字层,按住CTRL键单击图层缩略图载入文字选区,执行选择>调整边缘,设置如下。
![](/__local/B/FF/CD/EC0496B88350C67455F18AD965C_D7805BCF_F81D.jpg?e=.jpg)
图12
保留选区,我们在所有图层顶端新建一层,选定前景色为白,背景色为黑,执行滤镜>渲染>云彩。
![](/__local/0/EB/4F/965B1557ED6A11384426B51A0E2_84BD820C_17CCB.jpg?e=.jpg)
图13
我们把云彩图层复制3份,先放着不动,把最上面那层文字图层拖拽到所有图层最顶端。效果如下。
![](/__local/8/BF/8F/B68FCE0B1A1004B577B571DD55A_1BEEFAEB_16911.jpg?e=.jpg)
图14
再次复制云彩图层两次,并把这两层云彩拖拽到所有图层顶端,设定这两层混合模式为叠加。效果如下。
![](/__local/B/63/5A/F49919FC53222314A872DA697DB_D9E744DB_15EF5.jpg?e=.jpg)
图15
4、下面开始给图像加料了——上色。在所有图层顶端新建一层,选区自己喜欢的一些颜色,用大而软的圆形画笔随意的画上去,就像我这样。
![](/__local/8/81/9F/798A310F4E0F83295B400B39BE8_54CB293C_19178.jpg?e=.jpg)
图16
设置混合模式为叠加,我还想给背景的边缘部分提亮一些,所以我又新建了一层,用棕色的画笔涂抹背景边缘。
![](/__local/5/13/AA/1411E8C30F69C7281D2EFE75602_C660251F_2780E.jpg?e=.jpg)
图17
设置这一层混合模式为颜色减淡,这里我觉得这一层抢了图像整体的注意力,所以我降低了这一层的不透明度。
![](/__local/9/61/CF/D5EF01A89B02760FEFD70A9575D_B72AFF5B_30903.jpg?e=.jpg)
图18
我们还可以给文字部分加一些高光。同样是新建一层,用大而软的圆形画笔,给这一层随机的点上白色。
![](/__local/3/19/3C/A0B6309D20709D0FA92FABA514D_A7BD1394_26894.jpg?e=.jpg)
图19
混合模式为柔光。
![](/__local/9/F6/31/D94A7F484E91B5350CECB75708F_8CE252B7_19A4A.jpg?e=.jpg)
图20
为了进一步提升效果,我在所有图层顶端有加了两个调整层。
曲线调整层:
![](/__local/7/D6/AD/8DE05D14F3720CD5333CE682397_446F279F_FACB.jpg?e=.jpg)
图21
色彩平衡调整层:
![](/__local/B/43/17/188C27023CF0121C1CA56858DA2_AAE8E8C9_C0D0.jpg?e=.jpg)
图22
为色彩平衡调整层加如下蒙版,画这个蒙版没有什么规律,它的存在就是为了让图像上的色彩更富于变化。
![](/__local/F/8A/C0/7CECD69AD73FADE746320E10B43_4BED90DF_C42E.jpg?e=.jpg)
图23
我们得到的效果,相当不错了吧。
![](/__local/4/C8/A6/0906161161420668461E187380B_7478C30E_2BF5D.jpg?e=.jpg)
图24
不过我们不必停在此处,比如我就在文字的边缘随意画了几笔,发挥你的创造性吧。
![](/__local/9/90/12/3C0AFE07CF813862D1CB5A59164_785B048A_3E1F1.jpg?e=.jpg)
图25