图纸方法

Cover：螺丝钉

本期我们邀请小伙伴为同学们带来【赛博朋克风效果图制作教程】，利用Photoshop基础的滤镜笔刷调色等功能将同学出好的效果图转化为赛博朋克风格，图纸秒变炫酷，有兴趣的小伙伴快打开自己的效果图试一下吧~

赛博朋克风简介

赛博朋克是“控制论”“神经机械学”与“朋克”的结合词。背景大都建立于“低端生活与高等科技的结合”，通常拥有先进的科学技术，再以一定程度崩坏的社会结构做对比；拥有五花八门的视觉冲击效果，比如街头的霓虹灯、街排标志性广告以及高楼建筑等。

赛博朋克的风格主线，就是反应出科技高度发展的人类文明，与脆弱渺小的人类个体之间的强烈反差，同时外界与内在，钢铁与肉体，过去与未来，现实与虚幻等矛盾在其中交织。看似对立，宿命却连结在一起。赛博朋克的反乌托邦世界，被认为是20世纪中叶大部分人所设想的乌托邦未来的对立面。

PART ONE.效果图拼贴

首先进行常规的ps效果图拼贴：

1.在google或者Pinterest找到自己想要的素材，拖进ps

2.用蒙版将自己不需要的地方擦掉，由此有了一张初步底图。

PART TWO.图片整体色调调整

之后对拼成的素材进行整体的色调调整，最好不要一个素材一个素材的调整，因为这样不仅工作量大，也容易产生拼贴很假的感觉。通过观察赛博朋克风的摄影图纸，是可以发现赛博朋克主要以两个色调为主，即蓝色和粉色，明暗对比的话蓝色为暗，粉色为亮，调色时尽量往这两个色靠近。

这里以一张图片作为演示。

步骤如下：

1.Ctrl+j 复制一层

2.右键所复制的图层将其转化为智能对象（这一步的操作是为了方便后续回来对之前色调进行调整）

3.点击滤镜-Camera Raw滤镜

4.在基本这一栏里，将色温往蓝色靠，色调往粉色靠，然后将对比度以及高光降低（这样可以营造灯光效果），将阴影和白色提高，最后再拉高一点清晰度，把之前被磨掉的细节补回来一点。（具体参数可参考下图，但还是要根据自己的照片进行调整）

5.之后来到分离色调这一步，首先将饱和度拉到最大，然后再调整色相（这样是为了方便知道哪一个颜色最合适），像刚刚所说的，高光往粉色调整，阴影往蓝色调整。（具体参数可参考下图，但还是要根据自己的照片进行调整）

6.之后在效果这一栏，增加一点晕影，营造氛围感。

这样，在camera raw的基础调色结束，可以得出这样的图纸：

PART THREE.添加细节

基础色调完成后，可以看到整个场景虽然有了粉蓝的感觉，但仍然没内味。赛博朋克的感觉是比较不真实、偏科技风机器人的感觉，所以这个时候就需要增加一些氛围感的东西，比如雾都感觉的烟雾以及一些故障风的小物件。

首先是制作烟雾：

1.用云状或者烟雾状的笔刷，填充用灰白色，画出一坨后，用橡皮擦同样的笔刷刷掉一点，这样才不会说糊成一团的感觉。

2.将图层调整为叠加，透明度调为30。

3.同样的方法填充粉红色，将图层调整为颜色减淡，透明度调为35。

4.可以看到左上角比较空，这个时候可以加入一个月亮，并进行调色以及透明度调整。再加入云雾，营造氛围。

添加光束：

1.在笔刷一栏选择硬质的基础笔刷，按住shift垂直画几根线-滤镜-模糊-动感模糊。

2.用这样的方法画出一个白色光束的图层以及粉色光束的图层（模式为叠加或者是强光，透明度基本为30，这都要具体情况具体去调整）

制作故障风物件，增加细节：

1.首先将照片放入ps

2.新建一个图层-渐变工具选择紫色颜色中的蓝紫色渐变，从左垂直拉到右边-模式选择为叠加。

3.盖印一个图层（ctrl+shift+Alt+E）-右键图层混合选项-将R通道取消勾选-键盘方向键向左移动两三下-滤镜-风格化-风

这样的故障风物件就做好了，放入合适的位置，适当调整透明度。

PART FOUR.添加项目信息介绍

效果图还是要清楚地展现你项目内设计的东西，大家可以根据自己的情况，在图纸的适当位置加入项目介绍：

1.在这里我加入了我项目的名称，并ctrl+T用透视调整了一下视角。

2.加入了代表香港的霓虹灯招牌。

3.之后我加入了项目所使用的的能源装备，并ctrl+J复制一层，将顶上这一层调为亮光模式。

4.最后再加入对整个能源流动的一个叙述。

整体来说，赛博朋克风最重要的是色调的把握，以及增加亿点点小细节，包括了雾里雾气的红蓝烟，故障风小物件，扎眼的文字等等。当然最重要的是，效果图还是要清楚地展现你项目内设计的东西，而不是纯追求风格。（就比如我展示的这张，最后就没用上）

同样的方法做出的效果图：

关于色调的把控，大家可以在b站或者youtube上多看看找找感觉，虽然没有专门景观类图纸的调色，但是可以看看摄影调色的教程，同样适用。

今天的分享就到这里啦，你学会了吗

扫码添加小助手添加Designable小助手【微信：designable123】，获取更多图纸干货~

图文作者：螺丝钉

版权归作者所有