全文 2200 字，预计阅读时间 6 分钟 |
文末免费领取赛博朋克灵感包 |
————————
最近有没有经常听说赛博朋克这个词？
随着攻壳机动队、银翼杀手、战斗天使：****阿丽塔、头号玩家等一众电影的上映，赛博朋克在近两年逐渐火热。
今天围绕赛博朋克，我们聊聊：
1、什么是赛博朋克
2、赛博朋克风图片的特点
3、制作赛博朋克风图片
4、超简单的故障风制作
5、福利
————————
01
- 什么是赛博朋克 -
我从维基百科中找到以下信息
赛博朋克（Cyberpunk）是“控制论”（Cybernetics）与“朋克”（Punk）的结合词，为科幻故事的分支之一。其背景大都建立于“高等科技与低端生活的结合”（combination of lowlife andhigh tech），通常拥有先进的科学技术，再以一定程度崩坏的社会结构做对比；其情节经常关于，社会秩序受到政府或财团或暗中势力的高度控制，而角色利用其中的漏洞做出了某种突破。
赛博朋克的常见元素大致有以下几类
· 黑客（Hacker）
· 数位空间（信息空间）（Cyberspace）
· 虚拟现实（Virtual reality）
· 人工智能（ArtificialIntelligence）
· 控制论（Cybernetics）与仿生人（Androids）
· 半机器人（Cyborg）
· 都市扩张（Urban Expansion）与贫民窟（Ghetto）
· 反英雄（Anti-Hero）
· 大型企业（Mega Enterprise）
· 基因工程（Genetic Engineering）
· 人类增强（Human Augmentation）
· 生物工程（Bio-engineering）
· 恐怖主义（特别是计算机恐怖）（Terrorism）
这些从电影中都可以看到：
- 战斗天使阿丽塔
- 攻壳机动队
- 银翼杀手
赛博朋克还有一个很重要的元素，是废墟。
赛博朋克起源于上世纪80年代的美国，彼时，苏联尚未解体，正是美苏争霸最白热化的时刻。整个美国都笼罩在苏联核威胁的铁幕下。对战争强烈的不安，反映在了赛博朋克世界中。
对抗、废墟，至今都还是赛博朋克影视作品的核心要素，美好的城市下掩藏着破败的废墟，废土之上的年轻人为了自由而战，这个透露出强烈反乌托邦色彩的世界，就是赛博朋克。
————————
02
- 赛博朋克风图片的特点 -
与影视作品不同，在静态设计中，无论是平面设计还是3D设计，都无法像视频一样承载大量信息，赛博朋克风的图片和电影有着不小的差别。
赛博朋克最具代表的元素是就是都市、机械化科技。赛博朋克的都市离不开霓虹。
通过对上千张图片的浏览，几乎所有的作品都围绕着这5个关键因素进行体现：
1、灰暗的背景色调，以蓝紫等色调最为常见
2、现代化的都市
3、鲜艳的霓虹灯
4、人类（机械人、仿生人）
5、高科技机械单位（无人机、飞行汽车）
总的来说，后现代工业科技和低生活这条主线，贯穿始终。
节选的几张最具代表性的作品。
<figcaption class="" style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; color: rgb(51, 51, 51); font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif; font-size: 17px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial; letter-spacing: 1.5px;">
by：Sergii Golotovskiy
<figcaption class="" style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;">
by：XuTeng Pan
</figcaption>
<figcaption class="" style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;">
by：Artur Sadlos
</figcaption>
</figcaption>
<figcaption class="" style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; color: rgb(51, 51, 51); font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif; font-size: 17px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial; letter-spacing: 1.5px;">
by：Vitaliy Art
</figcaption>
<figcaption class="" style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; color: rgb(51, 51, 51); font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif; font-size: 17px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial; letter-spacing: 1.5px;">
by：Daniel Liang
</figcaption>
————————
03
- 制作赛博朋克风图片 -
有了要素，就到操作时间了。借用behance一位大佬的过程图来举个栗子：
第一步，找到合适的背景素材；
第二步，添加更丰富的城市/大楼模型素材；
第三步，添加细节，霓虹光效；
还有些作品会加上人和机械等，再进行调色、添加滤镜。
by：Chris Bjerre & Chris Bjerre
除了图像，你还可以对一些字体元素进行加工，像这样
by：R▲
by：赛博朋克2077
无论是金属化、机械化的风格，还是常见的科幻字风格，对赛博朋克来说都是百搭。如果能在效果中加上故障风，整个风格，这很赛博朋克。
————————
04
- 超简单的故障风制作 -
故障风，起源于赛博朋克，制作简单、视效突出的特点，让故障风广受欢迎。
这张寡姐的攻壳机动队海报，是我认为故障风最为经典的平面作品之一。这幅海报不仅效果爆炸，更是第一次大范围将故障风带入了主流审美的视线内。
那么，如何制作一张故障风图片？
传统的故障风图片制作方法，是通过对图片的错位、色彩重叠等操作，通过线条或者色块的叠加，造成拉伸、扭曲、甚至抖动等视觉效果。
这是我们的设计师嘉文随手做出的效果。
除了传统工具，故障风还可以更简单！
PHOTOMOSH
这是 **Airtight Interactive Inc. **团队开发的一个 web 小工具，可以快速对图像添加特殊特效，比如，故障。
网址先抄下来：
photomosh.com
输入网址，进入工具首页
点击 Load File ，加载本地文件。
或者直接拖拽文件到页面上直接完成加载。
点击底部 MOSH ，可以一键随机特效。
右侧控件栏自由调整，简单的故障风，只要记住“抖动”这个特效就OK辣。
————————
05
- 福利 -
为了研究赛博朋克，我花了近一周时间搜集各类资料，浏览了上千幅赛博朋克风格的作品，几乎翻遍了全球各大设计类网站，包括 Behance、Pinterest等。
我将质量较高的，或对我产生较大启发的图片整合为“赛博朋克”设计灵感包，其中不只有完整作品，还有更为珍贵的过程稿。
随便挑选几张给你们看一下：
而这样的图片一共有** 466 张**。
——————————
我将这些资料都打包整合给你——后台回复「赛博朋克」即可领取。
- 如果想要更多灵感，悄悄地说，我们的香港和日本东京这两座城市，总能给予设计师们足够的赛博朋克灵感。
