外观
贴图制作教程(皮肤、纹理、界面)
本页介绍用 Blockbench 制作《生存战争》素材贴图的流程,覆盖角色皮肤、方块纹理和界面图片三类常见需求。Blockbench 是一款免费开源的模型与贴图编辑工具,无需安装,直接使用网页版即可开始。
工具:Blockbench
Blockbench 提供三种与本站素材相关的编辑模式:
| 模式 | 用途 | 对应素材 |
|---|---|---|
| 像素艺术(Pixel Art) | 逐像素绘制平面贴图 | 方块纹理、界面图片 |
| 模型(Modeling) | 方块与低多边形模型,可同步展开 UV | 生物、家具与自定义模型 |
| 皮肤(Skin) | 基于标准人体模板绘制外观 | 角色皮肤 |
开始前建议:
- 网页版点击「打开」或通过菜单 文件 → 打开 直接载入 PNG 贴图;
- 在「文件 → 偏好设置」中开启像素网格,绘制时会吸附到整数像素;
- 需要离线编辑或处理大图时,可下载桌面版(Windows / macOS / Linux)。
皮肤制作
角色皮肤本质上是一张按 UV 展开布局绘制的 PNG。本站人物与皮肤页面提供了原版皮肤素材,是核对布局的最佳参考。
准备参考图
- 打开本站素材,例如
/game-assets/characters/skins/HumanMale1.png或HumanFemale1.png; - 在 Blockbench 中打开该 PNG,观察头部、躯干、四肢在画布上的分布;
- 新建同尺寸画布,逐区域对照绘制,不要凭想象重排区域位置。
尺寸与格式要求
- 图片尺寸不超过 1024×1024,宽、高都必须是 2 的幂;
- 使用 PNG,保留 Alpha 通道,透明区域留给未被模型包裹的面;
- 关闭会模糊边缘的插值与有损压缩,避免边缘出现半透明杂色。
命名规则
自定义皮肤名含 female、girl 或 woman 时归入女性模型,含 male、boy 或 man 时归入男性模型;其他名称可以不限定模型类别。导入时使用 .scskin 文件,不要直接把普通头像图片改名导入。
纹理制作
方块和物品纹理通常是 16×16 或 32×32 的独立 PNG,也可能被合成进图集。
绘制要点
- 在像素艺术模式下用 1×1 画笔绘制,配合放大视图逐像素修整;
- 先画整体明暗关系,再补细节,避免一开始就抠高光;
- 需要重复的图案(如砖缝、木板条)先画出最小单元,再平移复制;
- 关闭「自动平滑」或缩放插值,保持硬边像素风格。
图集注意事项
- 图集中的每张子图必须保持在固定的网格坐标内,一个像素的偏移可能让相邻方块串图;
- 修改图集布局或分辨率后,所有引用该图集的条目都要同步验证;
- 文件名大小写、资源路径必须与加载器读取的一致。
界面制作
界面贴图是 UI 的图片素材(按钮、边框、图标、面板底图),配合 XML 布局文件使用。
绘制要点
- 先复制目标版本最小界面结构,弄清每张图片被引用的尺寸;
- 面板、边框等可拉伸元素建议按九宫格方式设计,保证不同分辨率下不变形;
- 背景和装饰可以保留 Alpha 通道,但功能性按钮区域避免过度透明导致点击困难;
- 适配不同屏幕比例、触控与键鼠输入,图标在小尺寸下仍应可辨识。
导出要求
- 以 PNG 导出,不叠加阴影或描边滤镜;
- 与布局文件中引用的文件名、路径保持完全一致;
- 界面资源只发布原创或获得授权的内容,不要把游戏本体资源打包重发。
导出与检查清单
无论制作哪类贴图,导出前都对照检查:
- [ ] 尺寸为 2 的幂且不超过 1024×1024(皮肤)
- [ ] 文件名大小写与资源路径一致
- [ ] 透明区域、Alpha 通道正确
- [ ] 图集坐标无偏移
- [ ] 插值、压缩已关闭,边缘无杂色
- [ ] 在最小 MOD / 单独目录中验证后再与代码合并
参考资料
IyDotLTlm77liLbkvZzmlZnnqIvvvIjnmq7ogqTjgIHnurnnkIbjgIHnlYzpnaLvvIkKCuacrOmhteS7i+e7jeeUqCBbQmxvY2tiZW5jaF0oaHR0cHM6Ly93ZWIuYmxvY2tiZW5jaC5uZXQvKSDliLbkvZzjgIrnlJ/lrZjmiJjkuonjgIvntKDmnZDotLTlm77nmoTmtYHnqIvvvIzopobnm5bop5LoibLnmq7ogqTjgIHmlrnlnZfnurnnkIblkoznlYzpnaLlm77niYfkuInnsbvluLjop4HpnIDmsYLjgIJCbG9ja2JlbmNoIOaYr+S4gOasvuWFjei0ueW8gOa6kOeahOaooeWei+S4jui0tOWbvue8lui+keW3peWFt++8jOaXoOmcgOWuieijhe+8jOebtOaOpeS9v+eUqFvnvZHpobXniYhdKGh0dHBzOi8vd2ViLmJsb2NrYmVuY2gubmV0LynljbPlj6/lvIDlp4vjgIIKCiMjIOW3peWFt++8mkJsb2NrYmVuY2gKCkJsb2NrYmVuY2gg5o+Q5L6b5LiJ56eN5LiO5pys56uZ57Sg5p2Q55u45YWz55qE57yW6L6R5qih5byP77yaCgp8IOaooeW8jyB8IOeUqOmAlCB8IOWvueW6lOe0oOadkCB8CnwgLS0tIHwgLS0tIHwgLS0tIHwKfCDlg4/ntKDoibrmnK/vvIhQaXhlbCBBcnTvvIkgfCDpgJDlg4/ntKDnu5jliLblubPpnaLotLTlm74gfCDmlrnlnZfnurnnkIbjgIHnlYzpnaLlm77niYcgfAp8IOaooeWei++8iE1vZGVsaW5n77yJIHwg5pa55Z2X5LiO5L2O5aSa6L655b2i5qih5Z6L77yM5Y+v5ZCM5q2l5bGV5byAIFVWIHwg55Sf54mp44CB5a625YW35LiO6Ieq5a6a5LmJ5qih5Z6LIHwKfCDnmq7ogqTvvIhTa2lu77yJIHwg5Z+65LqO5qCH5YeG5Lq65L2T5qih5p2/57uY5Yi25aSW6KeCIHwg6KeS6Imy55qu6IKkIHwKCuW8gOWni+WJjeW7uuiuru+8mgoKLSDnvZHpobXniYjngrnlh7vjgIzmiZPlvIDjgI3miJbpgJrov4foj5zljZUgKirmlofku7Yg4oaSIOaJk+W8gCoqIOebtOaOpei9veWFpSBQTkcg6LS05Zu+77ybCi0g5Zyo44CM5paH5Lu2IOKGkiDlgY/lpb3orr7nva7jgI3kuK3lvIDlkK/lg4/ntKDnvZHmoLzvvIznu5jliLbml7bkvJrlkLjpmYTliLDmlbTmlbDlg4/ntKDvvJsKLSDpnIDopoHnprvnur/nvJbovpHmiJblpITnkIblpKflm77ml7bvvIzlj6/kuIvovb3moYzpnaLniYjvvIhXaW5kb3dzIC8gbWFjT1MgLyBMaW51eO+8ieOAggoKIyMg55qu6IKk5Yi25L2cCgrop5LoibLnmq7ogqTmnKzotKjkuIrmmK/kuIDlvKDmjIkgVVYg5bGV5byA5biD5bGA57uY5Yi255qEIFBOR+OAguacrOermVvkurrniankuI7nmq7ogqRdKC9ndWlkZS9jaGFyYWN0ZXJzKemhtemdouaPkOS+m+S6huWOn+eJiOearuiCpOe0oOadkO+8jOaYr+aguOWvueW4g+WxgOeahOacgOS9s+WPguiAg+OAggoKIyMjIOWHhuWkh+WPguiAg+WbvgoKMS4g5omT5byA5pys56uZ57Sg5p2Q77yM5L6L5aaCIGAvZ2FtZS1hc3NldHMvY2hhcmFjdGVycy9za2lucy9IdW1hbk1hbGUxLnBuZ2Ag5oiWIGBIdW1hbkZlbWFsZTEucG5nYO+8mwoyLiDlnKggQmxvY2tiZW5jaCDkuK3miZPlvIDor6UgUE5H77yM6KeC5a+f5aS06YOo44CB6Lqv5bmy44CB5Zub6IKi5Zyo55S75biD5LiK55qE5YiG5biD77ybCjMuIOaWsOW7uuWQjOWwuuWvuOeUu+W4g++8jOmAkOWMuuWfn+WvueeFp+e7mOWItu+8jOS4jeimgeWHreaDs+ixoemHjeaOkuWMuuWfn+S9jee9ruOAggoKIyMjIOWwuuWvuOS4juagvOW8j+imgeaxggoKLSDlm77niYflsLrlr7jkuI3otoXov4cgMTAyNMOXMTAyNO+8jOWuveOAgemrmOmDveW/hemhu+aYryAyIOeahOW5gu+8mwotIOS9v+eUqCBQTkfvvIzkv53nlZkgQWxwaGEg6YCa6YGT77yM6YCP5piO5Yy65Z+f55WZ57uZ5pyq6KKr5qih5Z6L5YyF6KO555qE6Z2i77ybCi0g5YWz6Zet5Lya5qih57OK6L6557yY55qE5o+S5YC85LiO5pyJ5o2f5Y6L57yp77yM6YG/5YWN6L6557yY5Ye6546w5Y2K6YCP5piO5p2C6Imy44CCCgojIyMg5ZG95ZCN6KeE5YiZCgroh6rlrprkuYnnmq7ogqTlkI3lkKsgYGZlbWFsZWDjgIFgZ2lybGAg5oiWIGB3b21hbmAg5pe25b2S5YWl5aWz5oCn5qih5Z6L77yM5ZCrIGBtYWxlYOOAgWBib3lgIOaIliBgbWFuYCDml7blvZLlhaXnlLfmgKfmqKHlnovvvJvlhbbku5blkI3np7Dlj6/ku6XkuI3pmZDlrprmqKHlnovnsbvliKvjgILlr7zlhaXml7bkvb/nlKggYC5zY3NraW5gIOaWh+S7tu+8jOS4jeimgeebtOaOpeaKiuaZrumAmuWktOWDj+WbvueJh+aUueWQjeWvvOWFpeOAggoKIyMg57q555CG5Yi25L2cCgrmlrnlnZflkoznianlk4HnurnnkIbpgJrluLjmmK8gMTbDlzE2IOaIliAzMsOXMzIg55qE54us56uLIFBOR++8jOS5n+WPr+iDveiiq+WQiOaIkOi/m+WbvumbhuOAggoKIyMjIOe7mOWItuimgeeCuQoKLSDlnKjlg4/ntKDoibrmnK/mqKHlvI/kuIvnlKggMcOXMSDnlLvnrJTnu5jliLbvvIzphY3lkIjmlL7lpKfop4blm77pgJDlg4/ntKDkv67mlbTvvJsKLSDlhYjnlLvmlbTkvZPmmI7mmpflhbPns7vvvIzlho3ooaXnu4boioLvvIzpgb/lhY3kuIDlvIDlp4vlsLHmiqDpq5jlhYnvvJsKLSDpnIDopoHph43lpI3nmoTlm77moYjvvIjlpoLnoJbnvJ3jgIHmnKjmnb/mnaHvvInlhYjnlLvlh7rmnIDlsI/ljZXlhYPvvIzlho3lubPnp7vlpI3liLbvvJsKLSDlhbPpl63jgIzoh6rliqjlubPmu5HjgI3miJbnvKnmlL7mj5LlgLzvvIzkv53mjIHnoazovrnlg4/ntKDpo47moLzjgIIKCiMjIyDlm77pm4bms6jmhI/kuovpobkKCi0g5Zu+6ZuG5Lit55qE5q+P5byg5a2Q5Zu+5b+F6aG75L+d5oyB5Zyo5Zu65a6a55qE572R5qC85Z2Q5qCH5YaF77yM5LiA5Liq5YOP57Sg55qE5YGP56e75Y+v6IO96K6p55u46YK75pa55Z2X5Liy5Zu+77ybCi0g5L+u5pS55Zu+6ZuG5biD5bGA5oiW5YiG6L6o546H5ZCO77yM5omA5pyJ5byV55So6K+l5Zu+6ZuG55qE5p2h55uu6YO96KaB5ZCM5q2l6aqM6K+B77ybCi0g5paH5Lu25ZCN5aSn5bCP5YaZ44CB6LWE5rqQ6Lev5b6E5b+F6aG75LiO5Yqg6L295Zmo6K+75Y+W55qE5LiA6Ie044CCCgojIyDnlYzpnaLliLbkvZwKCueVjOmdoui0tOWbvuaYryBVSSDnmoTlm77niYfntKDmnZDvvIjmjInpkq7jgIHovrnmoYbjgIHlm77moIfjgIHpnaLmnb/lupXlm77vvInvvIzphY3lkIggWE1MIOW4g+WxgOaWh+S7tuS9v+eUqOOAggoKIyMjIOe7mOWItuimgeeCuQoKLSDlhYjlpI3liLbnm67moIfniYjmnKzmnIDlsI/nlYzpnaLnu5PmnoTvvIzlvITmuIXmr4/lvKDlm77niYfooqvlvJXnlKjnmoTlsLrlr7jvvJsKLSDpnaLmnb/jgIHovrnmoYbnrYnlj6/mi4nkvLjlhYPntKDlu7rorq7mjInkuZ3lrqvmoLzmlrnlvI/orr7orqHvvIzkv53or4HkuI3lkIzliIbovqjnjofkuIvkuI3lj5jlvaLvvJsKLSDog4zmma/lkozoo4XppbDlj6/ku6Xkv53nlZkgQWxwaGEg6YCa6YGT77yM5L2G5Yqf6IO95oCn5oyJ6ZKu5Yy65Z+f6YG/5YWN6L+H5bqm6YCP5piO5a+86Ie054K55Ye75Zuw6Zq+77ybCi0g6YCC6YWN5LiN5ZCM5bGP5bmV5q+U5L6L44CB6Kem5o6n5LiO6ZSu6byg6L6T5YWl77yM5Zu+5qCH5Zyo5bCP5bC65a+45LiL5LuN5bqU5Y+v6L6o6K+G44CCCgojIyMg5a+85Ye66KaB5rGCCgotIOS7pSBQTkcg5a+85Ye677yM5LiN5Y+g5Yqg6Zi05b2x5oiW5o+P6L655ruk6ZWc77ybCi0g5LiO5biD5bGA5paH5Lu25Lit5byV55So55qE5paH5Lu25ZCN44CB6Lev5b6E5L+d5oyB5a6M5YWo5LiA6Ie077ybCi0g55WM6Z2i6LWE5rqQ5Y+q5Y+R5biD5Y6f5Yib5oiW6I635b6X5o6I5p2D55qE5YaF5a6577yM5LiN6KaB5oqK5ri45oiP5pys5L2T6LWE5rqQ5omT5YyF6YeN5Y+R44CCCgojIyDlr7zlh7rkuI7mo4Dmn6XmuIXljZUKCuaXoOiuuuWItuS9nOWTquexu+i0tOWbvu+8jOWvvOWHuuWJjemDveWvueeFp+ajgOafpe+8mgoKLSBbIF0g5bC65a+45Li6IDIg55qE5bmC5LiU5LiN6LaF6L+HIDEwMjTDlzEwMjTvvIjnmq7ogqTvvIkKLSBbIF0g5paH5Lu25ZCN5aSn5bCP5YaZ5LiO6LWE5rqQ6Lev5b6E5LiA6Ie0Ci0gWyBdIOmAj+aYjuWMuuWfn+OAgUFscGhhIOmAmumBk+ato+ehrgotIFsgXSDlm77pm4blnZDmoIfml6DlgY/np7sKLSBbIF0g5o+S5YC844CB5Y6L57yp5bey5YWz6Zet77yM6L6557yY5peg5p2C6ImyCi0gWyBdIOWcqOacgOWwjyBNT0QgLyDljZXni6znm67lvZXkuK3pqozor4HlkI7lho3kuI7ku6PnoIHlkIjlubYKCiMjIOWPguiAg+i1hOaWmQoKLSBbQmxvY2tiZW5jaCDnvZHpobXniYhdKGh0dHBzOi8vd2ViLmJsb2NrYmVuY2gubmV0LykKLSBbQmxvY2tiZW5jaCDlrpjmlrnmlofmoaNdKGh0dHBzOi8vd3d3LmJsb2NrYmVuY2gubmV0L3dpa2kpCi0gW+S6uueJqeS4juearuiCpF0oL2d1aWRlL2NoYXJhY3RlcnMpCi0gW+e6ueeQhuOAgeWjsOmfs+OAgeaooeWei+S4jueVjOmdol0oL2RldmVsb3Blci9tb2RkaW5nL2Fzc2V0cy1tb2RlbHMpCi0gW+aVsOaNruS4jue0oOadkOaJqeWxlV0oL2RldmVsb3Blci9tb2RkaW5nL2RhdGEtYXNzZXRzKQo=
