赞助商
立即赞助

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

平面设计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」

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

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

相关文章

今天要跟大家分享的是banner的设计思路。 banner的设计过程可以分为五步: 了解需求 根据需求确定设计风格 根据素材...
Banner设计
用什么样的造型手法,就呈现什么样的效果,这篇文章的目的不是要罗列 logo 图形有多少种风格,而是从不同维度(形、色、质、...
logo
58UXD:我们认为,视觉设计在产品中主要起以下作用,视觉可用性、信息设计、品牌输出等。 借空状态改版,我们尝试落实视觉设...
品牌设计
描边风是近几年比较流行,且被大量应用于平面和 UI 设计中的一种设计风格。 欢迎关注作者微信公众号:...
MBE风格
随着这几年电商行业的飞速发展,国人年轻一代审美不断提升,对设计的要求自然不可能停滞不前,更多的是注重品牌、平台属性、...
电商设计
58UXD:我们认为,视觉设计在产品中主要起以下作用,视觉可用性、信息设计、品牌输出等。 借空状态改版,我们尝试落实视觉设...
品牌设计
通常来说, 视觉设计(印刷包装、网页设计)的一个共同目标就是要引人注目、在同类作品中脱颖而出,而这个目标的结果就是设计...
Brutalism
产品logo 不需要过多的语言来阐述,一个简单的图标就可以代表这个产品。比如:一个被咬了一口的苹果,飘扬的旗帜(微软),一...
logo