Skin Creation/zh: Difference between revisions

From DDraceNetwork
(Created page with "阴影代表了Tee的对应部位的轮廓。")
No edit summary
 
(13 intermediate revisions by 3 users not shown)
Line 3: Line 3:
{{Stub}}
{{Stub}}


'''皮肤'''文件图像采用长宽比为2:1的32位RGBA格式,长和宽的像素个数都必须为 4 的倍数。
<span id="Overview"></span>
== 概述 ==


'''''皮肤'''''文件采用长宽比为2:1的32位RGBA格式的图像文件,长和宽的像素个数都必须为 4 的倍数。


在开始制作皮肤前请选择合适的软件,为了导出更加清晰的图像且易于编辑,最好能够支持矢量编辑。常用的软件如下:


* [https://inkscape.org/ Inkscape] (免费开源软件,下面的教程也以此软件为例)
<span id="Create_a_skin"></span>
== 制作一个皮肤 ==
 
在开始制作皮肤前请选择合适的软件,为了导出更加清晰的图像与易于编辑,可以使用矢量编辑器。常用的软件如下:
 
* [https://inkscape.org/ Inkscape] (免费开源软件,教程的选择)
* [https://www.adobe.com/products/illustrator.html Adobe Illustrator]
* [https://www.adobe.com/products/illustrator.html Adobe Illustrator]
* [https://affinity.serif.com/en-us/ Affinity Designer]
* [https://affinity.serif.com/en-us/ Affinity Designer]




现在开始皮肤制作,最容易上手的方式是临摹已有的皮肤或采用模板。在[https://github.com/ddnet/ddnet-data-svg/tree/main/skins GitHub 库]中有许多流行皮肤的svg格式重置版,打开默认的 skin.svg 如图所示:
现在开始皮肤制作,最容易上手的方式是临摹已有的皮肤或采用模板。在[https://github.com/ddnet/ddnet-data-svg/tree/main/skins GitHub 库]中有许多流行皮肤的svg格式重置版,打开默认皮肤文件如图所示:


[[File:Default skin svg.png|thumb|default.svg]]
[[File:Default skin svg.png|thumb|default.svg]]
Line 20: Line 26:
阴影代表了Tee的对应部位的轮廓。
阴影代表了Tee的对应部位的轮廓。


<div lang="en" dir="ltr" class="mw-content-ltr">
确保每个部位和其阴影的形状一致,而阴影要稍微大一点。
Make sure these share the same shape as each body part, but with a larger stroke size.
 
</div>
<span id="Body_Parts_Rendering_order"></span>
==身体部位渲染顺序==
 
{{todo|确认是否正确}}
 
# 手部轮廓
# 手
# 居后的脚的轮廓
# 身体轮廓
# 居前的脚的轮廓
# 居后的脚
# 身体
# 左眼
# 右眼
# 居前的脚


[[Category:Tutorial{{#translation:}}]]
[[Category:Tutorial{{#translation:}}]]

Latest revision as of 13:19, 20 May 2024

此条目仍需进行内容补充,您可以帮助我们编辑和修订以扩充其内容。

概述

皮肤文件采用长宽比为2:1的32位RGBA格式的图像文件,长和宽的像素个数都必须为 4 的倍数。


制作一个皮肤

在开始制作皮肤前请选择合适的软件,为了导出更加清晰的图像与易于编辑,可以使用矢量编辑器。常用的软件如下:


现在开始皮肤制作,最容易上手的方式是临摹已有的皮肤或采用模板。在GitHub 库中有许多流行皮肤的svg格式重置版,打开默认皮肤的文件如图所示:

default.svg

可以看见每个身体部位都有一个对应的黑色阴影。

阴影代表了Tee的对应部位的轮廓。

确保每个部位和其阴影的形状一致,而阴影要稍微大一点。

身体部位渲染顺序

待办: 确认是否正确
  1. 手部轮廓
  2. 居后的脚的轮廓
  3. 身体轮廓
  4. 居前的脚的轮廓
  5. 居后的脚
  6. 身体
  7. 左眼
  8. 右眼
  9. 居前的脚