Skin Creation/ru: Difference between revisions

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 1: / Line 1: @@
+{{MigrateTranslation}}
 <languages/>
 {{Stub}}
+<div lang="en" dir="ltr" class="mw-content-ltr">
+== Overview ==
+</div>
 Файлы '''''скинов''''' имеют 32-битный формат RGBA с соотношением сторон 2:1.  Каждая сторона изображения должна быть кратна 4.
@@ Line 6: / Line 11: @@
 <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://inkscape.org/ Inkscape] (бесплатный, с открытым исходным кодом, выбран для обучения)
 * [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://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>
-<div lang="en" dir="ltr" class="mw-content-ltr">
 [[File:Default skin svg.png|thumb|default.svg]]
-</div>
+Как мы видим, каждая часть тела имеет соответствующую черную 'теневую' версию.
+Черная тень каждой части корпуса — это контур, используемый для скина в целом.
+Убедитесь, что они имеют ту же форму, что и все части тела, но с бо́льшим размером обводки.
 <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:}}]]