Skin Creation/uk: Difference between revisions

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

TODO: 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 3: / Line 3: @@
 {{Stub}}
-Файли скинів мають формат 32-бітного RGBA зі співвідношенням сторін 2:1. Кожен бік зображення повинен бути кратним 4 пікселям.
+<div lang="en" dir="ltr" class="mw-content-ltr">
+== Overview ==
+</div>
+Файли '''''скинів''''' мають формат 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:
+== 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://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]
-</div>
+*[https://affinity.serif.com/en-us/ Affinity Designer]
-<div lang="en" dir="ltr" class="mw-content-ltr">
+Настала пора розпочати створення свого скина. Найлегше почати з вже існуючого скина або файлу-шаблону. [https://github.com/ddnet/ddnet-data-svg/tree/main/skins Цей репозиторій на GitHub] містить багато ремейків популярних скинів у форматі .svg. Давайте розглянемо стандартний скин у форматі .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]]
+Як ми можемо побачити, кожна частина тіла має відповідну чорну версію тіні.
+Ця чорна тінь кожної частини тіла є контуром, який використовується в загальному скині.
+Переконайтеся, що вони мають таку саму форму, як і кожна частина тіла, але з більшим розміром обводки.
 <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:}}]]