Skin Creation/ru: Difference between revisions

Latest revision as of 18:20, 1 June 2024

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

Обзор

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

Создать скин

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

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

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

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

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

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

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

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

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

@@ Line 12: / Line 12: @@
 == Создать скин ==
-Чтобы создать скин, вам понадобится соответствующее ПО, прежде чем вы начнете.  Рекомендуется использовать векторный графический редактор изображений, так как он обеспечивает экспорт в любое разрешение без потери качества и его легко использовать.  Перечень популярных вариантов:
+Чтобы создать скин, вам понадобится установить соответствующее ПО, прежде чем вы начнете.  Рекомендуется использовать векторные графические редакторы изображений, так как они обеспечивают экспорт в любом разрешении без потери качества и так как они легки в использовании. Среди популярных редакторов есть:
-* [https://inkscape.org/ Inkscape] (бесплатный, с открытым исходным кодом, выбран для обучения)
+* [https://inkscape.org/ Inkscape] (бесплатный, с открытым исходным кодом, выбран для этого туториала)
 * [https://www.adobe.com/products/illustrator.html Adobe Illustrator]
 * [https://affinity.serif.com/en-us/ Affinity Designer]
-Пришло время приступить к созданию вашего скина. Проще всего начать с уже существующего скина или файла шаблона. [https://github.com/ddnet/ddnet-data-svg/tree/main/skins Этот GitHub репозиторий] содержит множество ремейков популярных скинов в формате .svg. Давайте посмотрим на стандартный скин .svg:
+Пришло время приступить к созданию вашего скина. Проще всего начать с уже существующего скина или шаблона. [https://github.com/ddnet/ddnet-data-svg/tree/main/skins Этот GitHub репозиторий] содержит множество перерисовок популярных скинов в формате .svg. Давайте посмотрим на стандартный скин в векторном виде:
 [[File:Default skin svg.png|thumb|default.svg]]
-Как мы видим, каждая часть тела имеет соответствующую черную 'теневую' версию.
+Как мы видим, каждая часть тела имеет соответствующую черную версию, называемой тенью.
-Черная тень каждой части корпуса — это контур, используемый для скина в целом.
+Тень каждой части есть контур, используемый для отрисовки всего скина.
-Убедитесь, что они имеют ту же форму, что и все части тела, но с бо́льшим размером обводки.
+Убедитесь, что они имеют ту же форму, что и все части тела, но с бо́льшей толщиной контура.
 <span id="Body_Parts_Rendering_order"></span>
-==Порядок рендеринга частей тела==
+==Порядок отрисовки частей тела==
-<div lang="en" dir="ltr" class="mw-content-ltr">
+{{todo|убедитесь, что это правильно}}
-{{todo|verify this is correct}}
-</div>
-<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>
 [[Category:Tutorial{{#translation:}}]]