灵感包+神器!超全面的「赛博朋克」完整参考手册

平面设计3年前 (2021)更新 流光
2.6K 0 0

最近有没有经常听说赛博朋克这个词?随着攻壳机动队、银翼杀手、战斗天使:阿丽塔、头号玩家等一众电影的上映,赛博朋克风格在近两年逐渐火热。

灵感包+神器!超全面的「赛博朋克」完整参考手册

什么是赛博朋克

我从维基百科中找到以下信息:

赛博朋克(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 年代的美国,彼时,苏联尚未解体,正是美苏争霸最白热化的时刻。整个美国都笼罩在苏联核威胁的铁幕下。对战争强烈的不安,反映在了赛博朋克的世界中。

对抗、废墟,至今都还是赛博朋克影视作品的核心要素,美好的城市下掩藏着破败的废墟,废土之上的年轻人为了自由而战,这个透露出强烈反乌托邦色彩的世界,就是赛博朋克。

赛博朋克风图片的特点

与影视作品不同,在静态设计中,无论是平面设计还是 3D 设计,都无法像视频一样承载大量信息,赛博朋克风的图片和电影有着不小的差别。

赛博朋克最具代表的元素就是都市、机械化科技。赛博朋克的都市离不开霓虹。

通过浏览上千张图片,几乎所有的作品都围绕着这 5 个关键因素进行体现:

  • 灰暗的背景色调,以蓝紫等色调最为常见
  • 现代化的都市
  • 鲜艳的霓虹灯
  • 人类(机械人、仿生人)
  • 高科技机械单位(无人机、飞行汽车)

总的来说,后现代工业科技和低生活这条主线,贯穿始终。

挑选几张最具代表性的作品:

灵感包+神器!超全面的「赛博朋克」完整参考手册

△ by:Sergii Golotovskiy

灵感包+神器!超全面的「赛博朋克」完整参考手册

△ by:XuTeng Pan

灵感包+神器!超全面的「赛博朋克」完整参考手册

△ by:Artur Sadlos

灵感包+神器!超全面的「赛博朋克」完整参考手册

△ by:Vitaliy Art

灵感包+神器!超全面的「赛博朋克」完整参考手册

△ by:Daniel Liang

制作赛博朋克风图片

有了要素,就到操作时间了。借用 behance 一位大佬的过程图来举个例子。

第一步,找到合适的背景素材。

灵感包+神器!超全面的「赛博朋克」完整参考手册

第二步,添加更丰富的城市/大楼模型素材。

灵感包+神器!超全面的「赛博朋克」完整参考手册

第三步,添加细节,霓虹光效。

灵感包+神器!超全面的「赛博朋克」完整参考手册

还有些作品会加上人和机械等,再进行调色、添加滤镜。

灵感包+神器!超全面的「赛博朋克」完整参考手册

△ by:Chris Bjerre & Chris Bjerre

除了图像,你还可以对一些字体元素进行加工,像这样:

灵感包+神器!超全面的「赛博朋克」完整参考手册

灵感包+神器!超全面的「赛博朋克」完整参考手册

△ by:R▲

灵感包+神器!超全面的「赛博朋克」完整参考手册

△ by:赛博朋克2077

无论是金属化、机械化的风格,还是常见的科幻字风格,对赛博朋克来说都是百搭的。如果能在效果中加上故障风,整个风格就很赛博朋克。

超简单的故障风制作

故障风,起源于赛博朋克,制作简单、视效突出的特点,让故障风广受欢迎。

这张寡姐的攻壳机动队海报,是我认为故障风最为经典的平面作品之一。这幅海报不仅效果爆炸,更是第一次大范围将故障风带入了主流审美的视线内。

灵感包+神器!超全面的「赛博朋克」完整参考手册

那么,如何制作一张故障风图片?

传统的故障风图片制作方法,是通过对图片的错位、色彩重叠等操作,通过线条或者色块的叠加,造成拉伸、扭曲,甚至抖动等视觉效果。

灵感包+神器!超全面的「赛博朋克」完整参考手册

这是我们的设计师嘉文随手做出的效果。除了传统工具,故障风还可以更简单。

PHOTOMOSH

网站链接:photomosh.com

这是 Airtight Interactive Inc. 团队开发的一个 web 小工具,可以快速对图像添加特殊特效,比如:故障。

输入网址,进入工具首页:

灵感包+神器!超全面的「赛博朋克」完整参考手册

点击 Load File ,加载本地文件。

或者直接拖拽文件到页面上直接完成加载。

点击底部 MOSH,可以一键随机特效。

灵感包+神器!超全面的「赛博朋克」完整参考手册

右侧控件栏自由调整,简单的故障风,只要记住「抖动」这个特效就 OK 了。

灵感包+神器!超全面的「赛博朋克」完整参考手册

 

福利

为了研究赛博朋克,我花了近一周时间搜集各类资料,浏览了上千幅赛博朋克风格的作品,几乎翻遍了全球各大设计类网站,包括 Behance、Pinterest 等。

我将质量较高的,或对我产生较大启发的图片整合为「赛博朋克」设计灵感包,其中不只有完整作品,还有更为珍贵的过程稿。

随便挑选几张给你们看一下:

灵感包+神器!超全面的「赛博朋克」完整参考手册

灵感包+神器!超全面的「赛博朋克」完整参考手册

灵感包+神器!超全面的「赛博朋克」完整参考手册

灵感包+神器!超全面的「赛博朋克」完整参考手册

灵感包+神器!超全面的「赛博朋克」完整参考手册

灵感包+神器!超全面的「赛博朋克」完整参考手册

而这样的图片一共有 466 张。

灵感包+神器!超全面的「赛博朋克」完整参考手册

赛博朋克资料下载:https://pan.baidu.com/s/15SYFKEGgqt9KYAZbFIlTfw  提取码:w81s

备用下载链接:https://share.weiyun.com/5qoi22e

欢迎关注作者微信公众号:「SlideSign」

灵感包+神器!超全面的「赛博朋克」完整参考手册

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

一、图标的定义 1. 什么是图标 图标是具有明确指代含义的计算机图形。从功能分类角度分为启动图标、应用图标、功能图标。 2. ...
ICO
58UXD:我们认为,视觉设计在产品中主要起以下作用,视觉可用性、信息设计、品牌输出等。 借空状态改版,我们尝试落实视觉设...
品牌设计
今天给大家带来我 Pin 上面收藏的设计风格。弥散光感,也是我喜欢的风格之一,它不光容易掌握,而且学起来也很容易,基本看一...
弥散设计
用什么样的造型手法,就呈现什么样的效果,这篇文章的目的不是要罗列 logo 图形有多少种风格,而是从不同维度(形、色、质、...
logo
描边风是近几年比较流行,且被大量应用于平面和 UI 设计中的一种设计风格。 欢迎关注作者微信公众号:...
MBE风格
酸性风格来源于迷幻艺术Psychedelia,在英文中称为Acid Graphics。其中(Acid)一词原指一种致幻剂LSD。这也能侧面说明为什么...
Acid Graphics
产品logo 不需要过多的语言来阐述,一个简单的图标就可以代表这个产品。比如:一个被咬了一口的苹果,飘扬的旗帜(微软),一...
logo
很多设计师经常说,现在扁平化风格盛行,很难做出亮眼的设计。因此,我把我一直都在关注的杂志风格,做一次分享。关于杂志化 ...
ui设计