賽博朋克像素畫風格入門教程
![]()
文本概覽:全文約 2,461 字,閱讀約 7 分鐘。
我以為賽博朋克像素畫就是“把城市涂成紫色和青色,再加一堆霓虹燈管”,結果畫出來的東西看起來像廉價的酒吧招牌,完全沒有那種讓人喘不過氣的壓迫感。
后來我發現,賽博朋克的核心不是視覺元素,而是“高科技、低生活”這句話背后的社會張力。
視覺只是結果,態度才是原因。
從角色、街景到建筑,拆解了賽博朋克像素畫的完整工作流。
我把自己踩過的坑和理解過程一并整理出來,希望對想嘗試這個風格的同學有點幫助。
賽博朋克是什么?先搞清楚再動筆
“賽博朋克”這個詞從 1980 年代火到現在,而且一直在變。
說白了,它講的就是科技很先進,但社會很崩壞:滿街機器人、人人改義體、大公司只手遮天、廣告無孔不入。
表面上看是霓虹燈和飛車,實際上環境爛透、人越來越孤獨。
賽博朋克不是夸未來有多酷,而是在警告現在。
![]()
整體氛圍動畫:霓虹與陰影的對比是賽博朋克視覺的靈魂。
角色設計:從素體開始
賽博朋克的角色很雜,各種體型、膚色、義體改造混在一起。
衣服也兩極化:要么寬松到能藏住身份,要么緊身到幾乎什么都不遮。
我一直在想,如果身體部件都能隨便換,人還會在乎自己的皮囊嗎?有人可能巴不得把機械手臂露出來,也有人會想把它遮得嚴嚴實實。
先畫正面素體,把比例和結構弄對,再調姿勢,最后才加衣服。
在 16×32 像素這種尺寸下畫,身體比例目測差不多就行,但姿勢確實要多試。衣服是最后才加的,不然結構問題被蓋住,角色怎么看都別扭。
我最早畫的時候偷懶,直接畫穿衣角色,結果姿勢僵硬得像木頭人。后來補了素體草稿重新來,同樣的動作立刻順眼多了。這步真省不得。
![]()
角色設計展示:不同體型、風格和改造程度的角色群像。
城市細節:讓街道自己說話
賽博朋克的城市不只是背景,它是另一個角色。
空調外機的嗡嗡聲、飛車劃過天際的軌跡、全息廣告投射在擁擠住宅外墻上的色彩——這些細節加在一起,才構成那種讓人窒息的都市氛圍。
垂直空間的社會階層隱喻。
底層陰暗、骯臟、幾乎看不到自然光,居民唯一能看到的“顏色”來自藥品廣告的全息投影;上層則享受著奢華設施,假裝一切正常。
畫場景的時候,這種上下對比可以透過光線和色調來暗示,不需要文字解釋。
畫修車場的小場景來練習。
重點不在畫得多復雜,而是讓畫面里的每個元素都帶點故事感:生銹的零件、老舊的輪胎、背景里巨大的建筑輪廓。這些細節讓觀看者自己腦補出這個世界的規則。
![]()
街景細節:空調外機、飛車軌跡和全息廣告構成都市噪音。
![]()
底層修車場:生銹零件與巨大建筑輪廓暗示世界的階層結構。
建筑設計:模塊化 + 漸變光
賽博朋克的建筑是視覺沖擊的核心。
先保持基本結構簡單,用光照和霓虹來制造氛圍。
具體做法是:
第一步,模塊化設計。
把建筑拆成單層的基本單位,像搭積木一樣復制拼接。
等整體比例和布局合理了,再回頭加變化。這樣既能保證建筑的物理可信度,又能讓每棟樓看起來獨一無二。
第二步,處理夜間光照。
賽博朋克的底色通常是沉悶的棕灰,畫面里的顏色基本靠光和霓虹給。
主要光源來自街面,所以建筑底部向光的面要用暖色調,模擬地面反光。越往上光線越弱,色調從暖慢慢變冷,最后融進上方深藍色的夜空里。
我試過一次,先畫了一堆灰色方塊,然后加上從暖黃到冷藍的垂直漸變,氛圍一下子就出來了。
霓虹招牌反而是后面臨時加的,但讓建筑真正”立”起來的是那道漸變光。
第三步,霓虹表皮。
這部分最自由,因為全息投影技術理論上可以讓任何表面變成螢幕。
實體霓虹招牌的重量感和雜亂感仍然是賽博朋克城市叢林不可或缺的元素。兩種都可以嘗試,但完全只有全息投影的畫面會少點“臟”的氣質。
![]()
建筑設計展示:模塊化結構與垂直漸變光的結合。
![]()
更復雜的建筑設計:掌握基本方法后可以嘗試更豐富的結構變化。
參考清單:站在巨人的肩膀上
如果你真的想深入理解賽博朋克視覺,推薦幾部奠基作品:
《阿基拉》(Akira):大友克洋的城市描繪至今仍然是賽博朋克美學的頂峰,那種建筑的壓迫感和機車的速度感無人能及。
《銀翼殺手》(Blade Runner):雷利·史考特和席德·米德創造的未來洛杉磯定義了“霓虹雨夜”這個經典畫面。
《攻殼機動隊》(Ghost in the Shell):押井守對城市空間和資訊流動的視覺化,給了無數后來者靈感。
我再加一部:《電馭叛客:邊緣行者》(Cyberpunk: Edgerunners)。雖然是近年的作品,但它把賽博朋克的視覺語言和角色情感結合得非常緊密,很適合學習怎么讓畫面不只是“好看”,還要“讓人心痛”。
結語
賽博朋克它不是在贊美虛無主義或消費主義,而是在用畫面警告我們:人類正在往哪里走。
想通了這一層,像素畫就不再只是技術練習,而是觀念決定表現形式。
小練習:打開 Aseprite,畫一棟 5 層樓的賽博朋克建筑。先只用灰階方塊搭結構,然后從底部加一道暖黃色的光,往上慢慢過渡到冷藍色,最后在某層加一塊小霓虹招牌。你會驚訝地發現,光本身就能講一個完整的故事。
原文來源:SLYNYRD - Pixelblog 42 - Cyberpunk Pixel Art[1]
參考資料
SLYNYRD - Pixelblog 42 - Cyberpunk Pixel Art: https://www.slynyrd.com/blog/2023/1/30/pixelblog-42-cyberpunk-pixel-art
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.