Skin Creation/uk: Difference between revisions

Latest revision as of 15:28, 12 January 2025

Ця сторінка є заготовлею. Ви можете допомогти нам, покращивши її.

Огляд

Файли скінів мають формат 32-бітного RGBA зі співвідношенням сторін 2:1. Кожен бік зображення повинен бути кратним 4 пікселям.

Створення скіна

Для створення скіна перед початком вам знадобиться відповідне програмне забезпечення. Рекомендовано використовувати векторний редактор графіки, оскільки він дає чистий експорт та легко редагується. Ось деякі популярні варіанти:

Inkscape (безкоштовний, з відкритим вихідним кодом, обраний для навчання)
Adobe Illustrator
Affinity Designer

Настала пора розпочати створення свого скіна. Найлегше почати з вже існуючого скіна або файлу-шаблону. Цей репозиторій на GitHub містить багато ремейків популярних скінів у форматі .svg. Давайте розглянемо стандартний скін у форматі .svg:

Як ми можемо побачити, кожна частина тіла має відповідну чорну версію тіні.

Ця чорна тінь кожної частини тіла є контуром, який використовується в загальному скині.

Переконайтеся, що вони мають таку саму форму, як і кожна частина тіла, але з більшим розміром обводки.

Порядок візуалізації частин тіла

TODO: перевірити, що це правильно

Контур руки
Рука
Контур задніх лап
Контур тіла
Контур передніх лап
Задні лапи
Тіло
Ліве око
Праве око
Передні лапи

@@ Line 3: / Line 3: @@
 {{Stub}}
-Створення скинів
+<span id="Overview"></span>
+== Огляд ==
+Файли '''''скінів''''' мають формат 32-бітного RGBA зі співвідношенням сторін 2:1. Кожен бік зображення повинен бути кратним 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:
-</div>
-<div lang="en" dir="ltr" class="mw-content-ltr">
+<span id="Create_a_skin"></span>
-* [https://inkscape.org/ Inkscape] (free, open-source, and the choice of this tutorial)
+== Створення скіна ==
-* [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://inkscape.org/ Inkscape] (безкоштовний, з відкритим вихідним кодом, обраний для навчання)
-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:
+*[https://www.adobe.com/products/illustrator.html Adobe Illustrator]
-</div>
+*[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]]
-<div lang="en" dir="ltr" class="mw-content-ltr">
+[[File:Grid skins clear normal.png|thumb|Skin Template by Cellegen]]
-As we can see, each body part has a corresponding black shadow version.
+Як ми можемо побачити, кожна частина тіла має відповідну чорну версію тіні.
-</div>
+Ця чорна тінь кожної частини тіла є контуром, який використовується в загальному скині.
+Переконайтеся, що вони мають таку саму форму, як і кожна частина тіла, але з більшим розміром обводки.
+<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:}}]]