
Kndnny:最难忘的是天梯赢过2次Moon
当天教程|像素画场景 Mockup 制作进程(Aseprite)

本轮关节词:像素 UI / 场景 Mockup。
作念游戏宣传或同东谈主图时,每每需要一张“像游戏画面”的像素 Mockup:变装、敌东谈主、UI 和环境挤在一张图里。
我按 itch.io 上 imonk 的共享我方走了一遍:只用 Aseprite 从灰度草图到重叠层上色、再精简色数与色相偏移,进程澄莹、出图也快。
底下把次第和要点整理成一篇,便捷胜利照着作念。
原文纠合:https://itch.io/t/5702967/pixel-tutorial-creating-pixel-art-mockups[1]
一、脑暴与构图
Mockup 的画布有限,不成能塞下整关,是以要先念念澄莹:哪些元素必须有,哪些不错断念。
至少要有一个玩家变装、几许敌东谈主、UI 元素,以及能代表场景或关卡的环境元素;其余细节不错边画边加,但主体不皆就别硬上色,不然很容易画到一半发现构图不合又要重来。
如果是改编已有游戏(举例某作的某一关),脑暴会简易好多——唯有在像素作风下选出最有代表性的东西即可;要是原创构图,提出先在小图或草稿层上试几个版式,再定稿。

示例:Maximo: Ghosts to Glory 地狱关 Mockup

示例:Dark Souls 伊札里斯场景

示例:Gauntlet Dark Legacy 嘉年华关
二、灰度草图(Value Sketching)
不必一上来就选色。
先用纯灰度(或单色)把整张 Mockup 的明暗、构图和细节都画出来,不追求圆善,唯有“该有的样子和光影都有”即可。
这么不错专心管造型与光影,幸免一边念念激情一边念念结构导致兄弟无措。
多开几个图层不紧迫,举例:一层画场景与谈具、一层画变装与敌东谈主、一层画 UI 框与按钮。






三、重叠层上色(Coloring)
灰度定好后,不要胜利在灰度层上涂色,也不要一个像素一个像素手动选每个明度的色。
在 Aseprite 里新建一两个图层,把搀和模式设为重叠(Overlay),不透明度调到约 50%,上海股票配资然后在这些层上只涂基础色:草→绿、木头→棕、金属→灰、金→黄橙、石头→灰/棕/红、皮肤→棕/白/黄褐等。
重叠模式会自动把这些基础色“叠”在灰度光影上,你就无谓再手动画每一阶的明暗色。
举例 Gauntlet 作风的 UI 元素,先保合手灰度:

在重叠层上涂上基础色(图中暂时壅塞了 UI 线框以便看清色块):

再把底下的 UI 层翻开,就获取带光影的彩色稿,接下来唯有作念算帐与微调:

其他 Mockup 未精修前也不错用相同样式先铺一版激情:


四、精简色数与算帐(Polish)
重叠上色会产生好多“肉眼不易远离、但如实存在”的过渡色,色数一多画容颜易脏、也偏离像素画的爽气感。
新建一个精修层,用 Aseprite 的魔棒(容差约 10)选中附进激情的像素块,把它们合并成少数几个主色,让色板更干净、对比更明确。
下图是过多附进色(以及 jpeg 压缩产生的杂色)的例子:

用魔棒选区合并后,色块更澄莹:

五、色相偏移(Hue-shifting)
重叠层不会自当作念色相偏移(暗影偏冷/高光偏暖等),需要手动补。
最佳策略相同不错合作魔棒:选中合并明度或合并色块的像素,再微调色相。
举例暗影里加少许紫、高光里加少许黄,或阐述场景光源(烛炬绿光、蓝色法术球等)给相邻物体加上环境色。
示例:白色骷髅在绿色烛炬光下带绿高光:

红色小怪被蓝色能量球照到,带蓝色光感:

终末再合座查验一遍,修掉错线、漏色和杂点即可。
小结
这套进程的要点是:先灰度定构图与光影,再用重叠层快速铺基础色,终末用魔棒精简色数并手当作念色相偏移。
不追求一次画到圆善,而是分阶段:脑暴→灰度→上色→精修→色相与细节。
用 Aseprite 和鼠标就能在较短时辰内产出含变装、敌东谈主、UI 和场景的像素 Mockup,合乎作念同东谈主图、宣传图或关卡预览。
若你还没试过重叠层上色,不错从一张小 Mockup 初始练一轮,再阐述我方的民俗调遣图层与容差。
参考云尔
https://itch.io/t/5702967/pixel-tutorial-creating-pixel-art-mockups: https://itch.io/t/5702967/pixel-tutorial-creating-pixel-art-mockups
博牛配资10大配资公司富灯网配资易云达配资启远网配资启泰网配资提示:文章来自网络,不代表本站观点。