Skin Creation/uk: Difference between revisions
No edit summary |
(Updating to match new version of source page) |
||
(9 intermediate revisions by 2 users not shown) | |||
Line 2: | Line 2: | ||
<languages/> | <languages/> | ||
{{Stub}} | {{Stub}} | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
== Overview == | |||
</div> | |||
Файли '''''скинів''''' мають формат 32-бітного RGBA зі співвідношенням сторін 2:1. Кожен бік зображення повинен бути кратним 4 пікселям. | Файли '''''скинів''''' мають формат 32-бітного RGBA зі співвідношенням сторін 2:1. Кожен бік зображення повинен бути кратним 4 пікселям. | ||
Line 7: | Line 11: | ||
<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://www.adobe.com/products/illustrator.html Adobe Illustrator] | *[https://inkscape.org/ Inkscape] (безкоштовний, з відкритим вихідним кодом, обраний для навчання) | ||
* [https://affinity.serif.com/en-us/ Affinity Designer] | *[https://www.adobe.com/products/illustrator.html Adobe Illustrator] | ||
*[https://affinity.serif.com/en-us/ Affinity Designer] | |||
Настала пора розпочати створення свого скина. Найлегше почати з вже існуючого скина або файлу-шаблону. [https://github.com/ddnet/ddnet-data-svg/tree/main/skins Цей репозиторій на GitHub] містить багато ремейків популярних скинів у форматі .svg. Давайте розглянемо стандартний скин у форматі .svg: | |||
[[File:Default skin svg.png|thumb|default.svg]] | [[File:Default skin svg.png|thumb|default.svg]] | ||
Як ми можемо побачити, кожна частина тіла має відповідну чорну версію тіні. | |||
Ця чорна тінь кожної частини тіла є контуром, який використовується в загальному скині. | |||
Переконайтеся, що вони мають таку саму форму, як і кожна частина тіла, але з більшим розміром обводки. | |||
<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:}}]] |
Latest revision as of 13:56, 5 May 2024
Overview
Файли скинів мають формат 32-бітного RGBA зі співвідношенням сторін 2:1. Кожен бік зображення повинен бути кратним 4 пікселям.
Create a skin
Для створення скина перед початком вам знадобиться відповідне програмне забезпечення. Рекомендовано використовувати векторний редактор графіки, оскільки він дає чистий експорт та легко редагується. Ось деякі популярні варіанти:
- Inkscape (безкоштовний, з відкритим вихідним кодом, обраний для навчання)
- Adobe Illustrator
- Affinity Designer
Настала пора розпочати створення свого скина. Найлегше почати з вже існуючого скина або файлу-шаблону. Цей репозиторій на GitHub містить багато ремейків популярних скинів у форматі .svg. Давайте розглянемо стандартний скин у форматі .svg:
Як ми можемо побачити, кожна частина тіла має відповідну чорну версію тіні.
Ця чорна тінь кожної частини тіла є контуром, який використовується в загальному скині.
Переконайтеся, що вони мають таку саму форму, як і кожна частина тіла, але з більшим розміром обводки.
Body Parts Rendering order
- Hand outline
- Hand
- Back feet outline
- Body outline
- Front feet outline
- Back feet
- Body
- Left eye
- Right eye
- Front Feet