Skin Creation/zh: Difference between revisions
(Created page with "皮肤制作") Tags: mobile web edit mobile edit |
(Updating to match new version of source page) |
||
(8 intermediate revisions by 2 users not shown) | |||
Line 4: | Line 4: | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
== Overview == | |||
</div> | </div> | ||
'''皮肤'''文件图像采用长宽比为2:1的32位RGBA格式,长和宽的像素个数都必须为 4 的倍数。 | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
== Create a skin == | |||
</div> | </div> | ||
在开始制作皮肤前请选择合适的软件,为了导出更加清晰的图像且易于编辑,最好能够支持矢量编辑。常用的软件如下: | |||
* [https://inkscape.org/ Inkscape] ( | |||
* [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 如图所示: | |||
[[File:Default skin svg.png|thumb|default.svg]] | [[File:Default skin svg.png|thumb|default.svg]] | ||
可以看见每个身体部位都有一个对应的黑色阴影。 | |||
阴影代表了Tee的对应部位的轮廓。 | |||
确保每个部位和其阴影的形状一致,而阴影要稍微大一圈。 | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
==Body Parts Rendering order== | |||
</div> | </div> | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
{{todo|verify this is correct}} | |||
</div> | </div> | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
# Hand outline | |||
# Hand | |||
# Back feet outline | |||
# Body outline | |||
# Front feet outline | |||
# Back feet | |||
# Body | |||
# Left eye | |||
# Right eye | |||
# Front Feet | |||
</div> | </div> | ||
[[Category:Tutorial{{#translation:}}]] | [[Category:Tutorial{{#translation:}}]] |
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