最近有沒有經(jīng)常聽說賽博朋克這個(gè)詞?隨著攻殼機(jī)動(dòng)隊(duì)、銀翼殺手、戰(zhàn)斗天使:阿麗塔、頭號(hào)玩家等一眾電影的上映,賽博朋克風(fēng)格在近兩年逐漸火熱。

還有樂隊(duì)的夏天也玩起來了:

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

什么是賽博朋克

我從維基百科中找到以下信息:

賽博朋克(Cyberpunk)是「控制論」(Cybernetics)與「朋克」(Punk)的結(jié)合詞,為科幻故事的分支之一。其背景大都建立于「高等科技與低端生活的結(jié)合」(combination of lowlife andhigh tech),通常擁有先進(jìn)的科學(xué)技術(shù),再以一定程度崩壞的社會(huì)結(jié)構(gòu)做對(duì)比;其情節(jié)經(jīng)常關(guān)于,社會(huì)秩序受到政府或財(cái)團(tuán)或暗中勢(shì)力的高度控制,而角色利用其中的漏洞做出了某種突破。

賽博朋克的常見元素大致有以下幾類:

  • 黑客(Hacker)
  • 數(shù)位空間(信息空間)(Cyberspace)
  • 虛擬現(xiàn)實(shí)(Virtual reality)
  • 人工智能(ArtificialIntelligence)
  • 控制論(Cybernetics)與仿生人(Androids)
  • 半機(jī)器人(Cyborg)
  • 都市擴(kuò)張(Urban Expansion)與貧民窟(Ghetto)
  • 反英雄(Anti-Hero)
  • 大型企業(yè)(Mega Enterprise)
  • 基因工程(Genetic Engineering)
  • 人類增強(qiáng)(Human Augmentation)
  • 生物工程(Bio-engineering)
  • 恐怖主義(特別是計(jì)算機(jī)恐怖)(Terrorism)

這些從電影中都可以看到:

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

△ 戰(zhàn)斗天使:阿麗塔

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

△?攻殼機(jī)動(dòng)隊(duì)

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

△?銀翼殺手

賽博朋克還有一個(gè)很重要的元素,是廢墟。

賽博朋克起源于上世紀(jì) 80 年代的美國,彼時(shí),蘇聯(lián)尚未解體,正是美蘇爭(zhēng)霸最白熱化的時(shí)刻。整個(gè)美國都籠罩在蘇聯(lián)核威脅的鐵幕下。對(duì)戰(zhàn)爭(zhēng)強(qiáng)烈的不安,反映在了賽博朋克的世界中。

對(duì)抗、廢墟,至今都還是賽博朋克影視作品的核心要素,美好的城市下掩藏著破敗的廢墟,廢土之上的年輕人為了自由而戰(zhàn),這個(gè)透露出強(qiáng)烈反烏托邦色彩的世界,就是賽博朋克。

賽博朋克風(fēng)圖片的特點(diǎn)

與影視作品不同,在靜態(tài)設(shè)計(jì)中,無論是平面設(shè)計(jì)還是 3D 設(shè)計(jì),都無法像視頻一樣承載大量信息,賽博朋克風(fēng)的圖片和電影有著不小的差別。

賽博朋克最具代表的元素就是都市、機(jī)械化科技。賽博朋克的都市離不開霓虹。

通過瀏覽上千張圖片,幾乎所有的作品都圍繞著這 5 個(gè)關(guān)鍵因素進(jìn)行體現(xiàn):

  • 灰暗的背景色調(diào),以藍(lán)紫等色調(diào)最為常見
  • 現(xiàn)代化的都市
  • 鮮艷的霓虹燈
  • 人類(機(jī)械人、仿生人)
  • 高科技機(jī)械單位(無人機(jī)、飛行汽車)

總的來說,后現(xiàn)代工業(yè)科技和低生活這條主線,貫穿始終。

挑選幾張最具代表性的作品:

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

△ by:Sergii Golotovskiy

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

△?by:XuTeng Pan

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

△?by:Artur Sadlos

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

△?by:Vitaliy Art

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

△?by:Daniel Liang

制作賽博朋克風(fēng)圖片

有了要素,就到操作時(shí)間了。借用 behance 一位大佬的過程圖來舉個(gè)例子。

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

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

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

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

第三步,添加細(xì)節(jié),霓虹光效。

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

還有些作品會(huì)加上人和機(jī)械等,再進(jìn)行調(diào)色、添加濾鏡。

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

△ by:Chris Bjerre & Chris Bjerre

除了圖像,你還可以對(duì)一些字體元素進(jìn)行加工,像這樣:

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

△ by:R▲

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

△ by:賽博朋克2077

無論是金屬化、機(jī)械化的風(fēng)格,還是常見的科幻字風(fēng)格,對(duì)賽博朋克來說都是百搭的。如果能在效果中加上故障風(fēng),整個(gè)風(fēng)格就很賽博朋克。

超簡(jiǎn)單的故障風(fēng)制作

故障風(fēng),起源于賽博朋克,制作簡(jiǎn)單、視效突出的特點(diǎn),讓故障風(fēng)廣受歡迎。

這張寡姐的攻殼機(jī)動(dòng)隊(duì)海報(bào),是我認(rèn)為故障風(fēng)最為經(jīng)典的平面作品之一。這幅海報(bào)不僅效果爆炸,更是第一次大范圍將故障風(fēng)帶入了主流審美的視線內(nèi)。

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

那么,如何制作一張故障風(fēng)圖片?

傳統(tǒng)的故障風(fēng)圖片制作方法,是通過對(duì)圖片的錯(cuò)位、色彩重疊等操作,通過線條或者色塊的疊加,造成拉伸、扭曲,甚至抖動(dòng)等視覺效果。

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

這是我們的設(shè)計(jì)師嘉文隨手做出的效果。除了傳統(tǒng)工具,故障風(fēng)還可以更簡(jiǎn)單。

PHOTOMOSH

網(wǎng)站鏈接:photomosh.com

這是 Airtight Interactive Inc. 團(tuán)隊(duì)開發(fā)的一個(gè) web 小工具,可以快速對(duì)圖像添加特殊特效,比如:故障。

輸入網(wǎng)址,進(jìn)入工具首頁:

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

點(diǎn)擊 Load File ,加載本地文件。

或者直接拖拽文件到頁面上直接完成加載。

點(diǎn)擊底部 MOSH,可以一鍵隨機(jī)特效。

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

右側(cè)控件欄自由調(diào)整,簡(jiǎn)單的故障風(fēng),只要記住「抖動(dòng)」這個(gè)特效就 OK 了。

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

 

福利

為了研究賽博朋克,我花了近一周時(shí)間搜集各類資料,瀏覽了上千幅賽博朋克風(fēng)格的作品,幾乎翻遍了全球各大設(shè)計(jì)類網(wǎng)站,包括 Behance、Pinterest 等。

我將質(zhì)量較高的,或?qū)ξ耶a(chǎn)生較大啟發(fā)的圖片整合為「賽博朋克」設(shè)計(jì)靈感包,其中不只有完整作品,還有更為珍貴的過程稿。

隨便挑選幾張給你們看一下:

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

而這樣的圖片一共有 466 張。

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

賽博朋克資料下載:https://pan.baidu.com/s/15SYFKEGgqt9KYAZbFIlTfw ?提取碼:w81s

備用下載鏈接:https://share.weiyun.com/5qoi22e

歡迎關(guān)注作者微信公眾號(hào):「SlideSign」

靈感包+神器!超全面的「賽博朋克」完整參考手冊(cè)

 

收藏 388
點(diǎn)贊 106

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。