Skin Creation/zh: Difference between revisions

VisualWikitext

Latest revision as of 13:57, 5 May 2024

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

Overview

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

Create a skin

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

Inkscape (免费的开源软件，下面的教程也以此软件为例)
Adobe Illustrator
Affinity Designer

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

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

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

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

Body Parts Rendering order

待办： verify this is correct

Hand outline
Hand
Back feet outline
Body outline
Front feet outline
Back feet
Body
Left eye
Right eye
Front Feet

@@ Line 4: / Line 4: @@
 <div lang="en" dir="ltr" class="mw-content-ltr">
-'''''Skin''''' files are 32-bit RGBA formatted in a 2:1 ratio. Each side of the image must be divisible by 4 pixels.
+== Overview ==
 </div>
+'''皮肤'''文件图像采用长宽比为2：1的32位RGBA格式，长和宽的像素个数都必须为 4 的倍数。
 <div lang="en" dir="ltr" class="mw-content-ltr">
-To create a skin, you'll need the appropriate software before you begin. It's advised to use a vector graphics image editor, as they produce clean exports and are easy to edit. Some popular choices are:
+== Create a skin ==
 </div>
-<div lang="en" dir="ltr" class="mw-content-ltr">
+在开始制作皮肤前请选择合适的软件，为了导出更加清晰的图像且易于编辑，最好能够支持矢量编辑。常用的软件如下：
-* [https://inkscape.org/ Inkscape] (free, open-source, and the choice of this tutorial)
+* [https://inkscape.org/ Inkscape] (免费的开源软件，下面的教程也以此软件为例)
 * [https://www.adobe.com/products/illustrator.html Adobe Illustrator]
 * [https://affinity.serif.com/en-us/ Affinity Designer]
-</div>
-<div lang="en" dir="ltr" class="mw-content-ltr">
+现在开始皮肤制作，最容易上手的方式是临摹已有的皮肤或采用模板。在[https://github.com/ddnet/ddnet-data-svg/tree/main/skins GitHub 库]中有许多流行皮肤的svg格式重置版，打开默认的 skin.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]]
+可以看见每个身体部位都有一个对应的黑色阴影。
+阴影代表了Tee的对应部位的轮廓。
+确保每个部位和其阴影的形状一致，而阴影要稍微大一圈。
 <div lang="en" dir="ltr" class="mw-content-ltr">
-As we can see, each body part has a corresponding black shadow version.
+==Body Parts Rendering order==
 </div>
 <div lang="en" dir="ltr" class="mw-content-ltr">
-The black shadow of each body part is the outline used in the tee as a whole.
+{{todo|verify this is correct}}
 </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.
+# Hand outline
+# Hand
+# Back feet outline
+# Body outline
+# Front feet outline
+# Back feet
+# Body
+# Left eye
+# Right eye
+# Front Feet
 </div>
 [[Category:Tutorial{{#translation:}}]]