赛博朋克像素画风格入门教程

赛博朋克像素画风格入门教程

文本概览：全文约 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