Skin Creation/uk: Difference between revisions
(Created page with "Для створення скина перед початком вам знадобиться відповідне програмне забезпечення. Рекомендовано використовувати векторний редактор графіки, оскільки він дає чистий експорт та легко редагується. Ось деякі популярні варіанти:") |
(Updating to match new version of source page) |
||
(8 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 пікселям. | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
== Create a skin == | |||
</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. Давайте розглянемо стандартний скин у форматі .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