Skin Creation/ru: Difference between revisions

Revision as of 20:54, 14 May 2024

Эта страница является заготовкой. Вы можете помочь нам, дополнив и улучшив её.

Обзор

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

Создать скин

Чтобы создать скин, вам понадобится соответствующее ПО, прежде чем вы начнете. Рекомендуется использовать векторный графический редактор изображений, так как он обеспечивает экспорт в любое разрешение без потери качества и его легко использовать. Перечень популярных вариантов:

Inkscape (бесплатный, с открытым исходным кодом, выбран для обучения)
Adobe Illustrator
Affinity Designer

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

Как мы видим, каждая часть тела имеет соответствующую черную 'теневую' версию.

Черная тень каждой части корпуса — это контур, используемый для скина в целом.

Убедитесь, что они имеют ту же форму, что и все части тела, но с бо́льшим размером обводки.

Порядок рендеринга частей тела

TODO: убедитесь, что это правильно

Контур руки
Рука
Контур задней ноги
Контур тела
Контур передней ноги
Задняя нога
Тело
Левый глаз
Правый глаз
Передняя нога

@@ Line 1: / Line 1: @@
+{{MigrateTranslation}}
 <languages/>
 {{Stub}}
-<div lang="en" dir="ltr" class="mw-content-ltr">
+<span id="Overview"></span>
-'''''Skin''''' files are 32-bit RGBA formatted in a 2:1 ratio. Each side of the image must be divisible by 4 pixels.
+== Обзор ==
-</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:
-</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://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">
+<span id="Body_Parts_Rendering_order"></span>
-As we can see, each body part has a corresponding black shadow version.
+==Порядок рендеринга частей тела==
-</div>
-<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:}}]]