UI设计教程分享:PS故障风海报制作教程

时间:2023-03-09 01:29:13
UI设计教程分享:PS故障风海报制作教程
1.首先找一张看起来很酷的图(也可以选择自己喜欢的图片);
UI设计教程分享:PS故障风海报制作教程
2. 复制图层,点击添加图层样式,选择混合选项,在高级混合里面的通道选项,有R、G、B三个通道选项,默认是全部勾选的状态,选择其中一个勾掉(关于通道应该选择哪一个或者哪几个,可以挨个尝试一下,勾选一个或两个,位移之后的颜色也是不同的)。然后回到图层中,向左移动(移动大概几个像素的距离,让图层有略微的错位感,注意:如果错位过大容易眼晕,需根据情况来调节);
UI设计教程分享:PS故障风海报制作教程
UI设计教程分享:PS故障风海报制作教程
3. 复制刚刚的图层,向右移动,这时,能够看到图像出现了通道错位的效果;
UI设计教程分享:PS故障风海报制作教程
4.这一步,需要做些局部特效。创建选区,随意选择几个矩形区域,复制。之后点击窗口中滤镜——风格化——风;
UI设计教程分享:PS故障风海报制作教程
UI设计教程分享:PS故障风海报制作教程
UI设计教程分享:PS故障风海报制作教程
UI设计教程分享:PS故障风海报制作教程
5.现在来调节画面,新建一个黑色图层,并添加蒙版,选择渐变工具,选中一种渐变样式,从画面中间向下做出渐变效果,图层模式改为叠加,不透明度47%,给画面的上下做出一个弱化处理;
UI设计教程分享:PS故障风海报制作教程
UI设计教程分享:PS故障风海报制作教程
6.新建一个图层,填充任意颜色,添加图层样式,选择图案叠加,混合模式为正片叠底,图案为横线,回到图层将填充值改为0%,画面里便填充了横线,透明度改为45%(具体数值
可根据画面效果自行调整);
UI设计教程分享:PS故障风海报制作教程
UI设计教程分享:PS故障风海报制作教程
UI设计教程分享:PS故障风海报制作教程
7.由于之后需要在画面中心作出文字效果,所以需要将画面的整体透明度降低。新建图层,填充色值3c0e0e,图层混合模式改为深色,不透明度为48%;
UI设计教程分享:PS故障风海报制作教程
UI设计教程分享:PS故障风海报制作教程
8.在色彩倾向方面做一些调整,让整个画面偏粉一点。新建一个矩形图层,色值为de2baf,在属性面板里,蒙版——羽化改为97,图层混合模式为线性减淡,不透明度76%(混合模式也可以根据画面自行调节);
UI设计教程分享:PS故障风海报制作教程
UI设计教程分享:PS故障风海报制作教程
UI设计教程分享:PS故障风海报制作教程
9. 制作文字效果,这里也主要采用了之前用到的通道错位技法,现将图层复制2次,分别改变RSB通道里面的选项,然后分别朝不同方向位移几个像素,即可。具体做法如下:
(1)输入一个大标题文字,色值为ffffff,居中对齐。点击混合选项——高级混合——通道,只勾选R通道。
UI设计教程分享:PS故障风海报制作教程
UI设计教程分享:PS故障风海报制作教程
(2)复制上一个图层,点击图层的混合选项——高级混合——通道,只勾选G通道,右上方位移;
UI设计教程分享:PS故障风海报制作教程
UI设计教程分享:PS故障风海报制作教程
(3)复制上一个图层,点击图层的混合选项——高级混合——通道,只勾选G、B通道,右下方位移;
UI设计教程分享:PS故障风海报制作教程
UI设计教程分享:PS故障风海报制作教程
10.按照上面的方向,做一个副标题,依旧运用通道错位。
UI设计教程分享:PS故障风海报制作教程
11.最后,添加一些信号故障的横线。这类线多为绿色,紫红色,红色,蓝色,大多为通道颜色。用矩形工具画出一些长短不一的线,可以改变图层的混合模式和不透明度,可以参考一些glitch效果的作品。
UI设计教程分享:PS故障风海报制作教程