2020-07-03 09:34

雕虫小技09-PS制作故障风字体

白佰 1073 7

01.png

哈喽大家好,欢迎来到UDC雕虫小技~

今天要给大家分享“如何制作故障风字体”。科技感海报、banner中常用到的标题设计方式,

那么这种充满科幻感觉得字体是怎么实现的呢?


02.png


故障风字体制作的方法如下:


03.png

这个效果第一眼看上去好像有点复杂,但其实拆解开来只运用到3个小知识。

首先,我们先观察这个字体的样式由哪些组成:

  1. 1.三个颜色叠加    2.故障错层和光感    3.背景的条纹


04.png


那么接下来我们就一步步开始制作。


05.png

第一步:新建一个1920*1080的画布(这里画布建大一点,后期效果比较好 ),背景填充为黑色。

第二步:建立白色文本“4399UDC”(换成其他文字同理,选粗一点的字体)。

第三步(划重点):文本复制3层。双击第一层文本,进入“图层样式”窗口,去掉“G”和“B”,

只留下“R”模式。点击确定,并且图层命名为“R”方便记忆。


06.png


同理第二层文本保留“G”通道,文本命名为“G”;第三层文本保留“B”通道,命名为“B”。

这时候你会看到三个文本叠加起来的颜色还是原来的白色,因为原本ps里的图层就是由R、G、B

三个层组成的,现在我们虽然每个图层只保留了一个颜色,但是我们一开始复制了3层文本。所

以在效果上看上去没有变化。

想要达到三个颜色错开的效果,只要平移任意一个图层,这里我选择了“R”图层平移5像素

(这里移动不同的图层,出现的颜色叠加效果是不一样的,可以根据你的喜好自行选择)


07.png


08.png

首先我们来处理错层。先将“R”“G”“B”全选-右击-栅格化图层。


09.png


接着我们选中“R”图层,选择“矩形框选工具”。在图层上任意框选长方形选区,然后切换到

“移动工具”,用键盘上”←“向左移动(也可向右),就可以看到错层的出现。


10.png

11.png


这样”框选+移动“多次重复,直到得到你想要的错层效果(需要一点耐心)。


12.png


现在初步的感觉已经出来了,但是我们可以再加强一些层次的感觉。这里选择“B”图层,执行

滤镜-风格化-风,参数调成“风”“向左”。


13.png


我们就会得到这个效果,不规律粗细大小的小条纹。


14.png


15.png

一起选中“R”“G”“B”图层,复制一次并且合并图层,命名为“发光”,移动到文字的最底

,给图层添加“颜色叠加”“外发光”这两个样式。参数可以参考下图。

(颜色叠加为蓝色是为了红色错层部分偏蓝,不会过于刺眼)


16.jpg

17.png


我们会发现自带的发光效果强度不够,并且只有一个蓝色层次也不够丰富。这里我们需要在文字

背后用形状工具画一个紫色的椭圆,色值为#2d0850,执行滤镜-模糊-高斯模糊来柔和它,半径

设为150


18.png

19.png


这样我们的光效部分就完成了。


20.png

21.png


可以通过改变条纹图片大小对条纹大小进行微调,最后把图层叠加改为“柔光”,条纹效果就完

成啦。


22.png


最后我们在字体周围添加一下粗细不一的线条,进行轻微的高斯模糊。整个效果就完成啦!

你学会了吗~


23.png


24.png

这个技法可以运用在banner、海报标题等场景中。特别是赛博朋克风格的图片可以搭配这个技法

设计标题,也可以用于一些比较有张力的色彩鲜艳的人物海报中,一定会让你的图更上一个档次~


25.jpg


26.jpg


中间的细节可以根据具体不同的图片效果进行微调,剩下的就留给你们发挥啦。


#本期教程制作:一条龙

#视频后期制作:白佰

1291392943449575424.png


7

© Copyright 2024. All right reserved. Powered by UDC   闽ICP备2021012238号-1     闽公网安备 35020302034854号