Skin Creation/zh: Difference between revisions

← Older edit

VisualWikitext

Latest revision as of 13:19, 20 May 2024

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

概述

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

制作一个皮肤

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

Inkscape (免费且开源的软件，此教程的选择)
Adobe Illustrator
Affinity Designer

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

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

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

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

身体部位渲染顺序

待办： 确认是否正确

手部轮廓
手
居后的脚的轮廓
身体轮廓
居前的脚的轮廓
居后的脚
身体
左眼
右眼
居前的脚

@@ Line 3: / Line 3: @@
 {{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://affinity.serif.com/en-us/ Affinity Designer]
-<div lang="en" dir="ltr" class="mw-content-ltr">
+现在开始皮肤制作，最容易上手的方式是临摹已有的皮肤或采用模板。在[https://github.com/ddnet/ddnet-data-svg/tree/main/skins GitHub 库]中有许多流行皮肤的svg格式重置版，打开默认皮肤的文件如图所示：
-Next, it's time to start making your skin. It's easiest to start from a pre-existing skin, or a template file. [https://github.com/ddnet/ddnet-data-svg/tree/main/skins This GitHub repo] contains many .svg remakes of popular skins. Let's take a look at the default skin .svg:
-</div>
 [[File:Default skin svg.png|thumb|default.svg]]
-<div lang="en" dir="ltr" class="mw-content-ltr">
+可以看见每个身体部位都有一个对应的黑色阴影。
-As we can see, each body part has a corresponding black shadow version.
-</div>
+阴影代表了Tee的对应部位的轮廓。
+确保每个部位和其阴影的形状一致，而阴影要稍微大一点。
+<span id="Body_Parts_Rendering_order"></span>
+==身体部位渲染顺序==
-<div lang="en" dir="ltr" class="mw-content-ltr">
+{{todo|确认是否正确}}
-The black shadow of each body part is the outline used in the tee as a whole.
-</div>
-<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>
+# 居后的脚的轮廓
+# 身体轮廓
+# 居前的脚的轮廓
+# 居后的脚
+# 身体
+# 左眼
+# 右眼
+# 居前的脚
 [[Category:Tutorial{{#translation:}}]]