故障艺术风格插画设计教程

故障艺术风格可以简单理解为一种视觉缺陷,或者图像、颜色的失真效果。如果无法想象出这种效果,可以参考一下《攻壳机动队》的艺术海报,也可以用磁铁靠近显示设备,当显像功能出现故障的时候,就会出现各种失真、破碎、缺陷的效果,所以称之为故障艺术。在这张格温的稿件中,我们需要通过滤镜、图层样式、装饰线条三个步骤来做出故障艺术的感觉。

先将画好的图另存为JPG格式,直接将图片放进PS里面。在背景图层中,用矩形选框工具,任意建立几个矩形选区,然后按快捷键Ctrl+J拷贝为新图层,并命名为风。

对风图层执行滤镜/风格化/风命令。在风对话框设置各项参数,方法选择风,方向任意。之所以不选择大风或飓风,是为了可以通过多次执行滤镜操作(快捷键Ctrl+F)来更好地控制滤镜效果。

故障艺术风格插画设计教程

故障艺术风格插画设计教程

执行滤镜

完成之后,我们就能在画面中得到如下图中这样,有粗糙边缘的矩形涂抹方块,再替换一下颜色,就能做出局部边缘失真的感觉。如果部分矩形边缘太明显,可以通过降低透明度或使用橡皮擦来调整。

故障艺术风格插画设计教程接着,要处理图像颜色错位所出现的边缘色彩叠加的质感。这一步有点类似丝网印刷中套版没有对准的情况,在画面的边缘会出现颜色的错位。

我们将风图层和背景图层合并,然后按快捷键Ctrl+J拷贝一个新图层并命名为错位,用它来制作颜色错位效果。双击错位图层,打开图层样式对话框。

故障艺术风格插画设计教程

故障艺术风格插画设计教程

新建错位图层

在图层样式对话框中,单击左侧上方的混合选项,在高级混合选项组中勾选通道后R复选框,此通道是待混合通道,会跟下方图层产生混合,不同的通道会产生不同的混合效果。

单击确定按钮后,将错位图层向左或向右稍微移动一下,就可以在格温身体的边缘处看到半透明颜色的叠加。由于是RGB通道,所以这部分叠加出来的颜色,基本由光学三原色构成。

最后需要做的是整个画面的装饰纹理,这一部分非常简单,两个小步骤就可以解决。首先叠加一个由水平线构成的纹理,来模仿电子显示器的横纹效果,然后用一些由三原色组成的线来做装饰。

故障艺术风格插画设计教程

图层样式/混合选项

故障艺术风格插画设计教程

错位效果

故障艺术风格插画设计教程

错位效果细节

首先,在PS中新建一个图层,在这个空白图层里画出很多条横线,线的宽度不超过5像素。然后,将这个图层至于前文中的错位图层之上,将透明度降到40%,再将图层混合模式更改为叠加。最后,用画笔工具在画面中画几条水平细线作为装饰,颜色设置为RGB,贴合屏幕的光学三原色效果。这样我们就能得到一个类似老旧电视机模糊屏的效果了。

到这里,故障质感部分基本结束。整个思路还是很简单的,只要让画面看起来粗糙一些、破碎一些,配合滤镜和条纹等元素,基本都能做出这样的效果。

故障艺术风格插画设计教程

故障艺术风格插画设计教程

模糊屏故障质感

CG漫画网点贴图的制作

美漫风格插画设计教程