Skin Creation/fr: Difference between revisions

Revision as of 20:29, 11 February 2023

This article is a Stub. You can help us by editing and improving it.

Skin files are 32-bit RGBA formatted in a 2:1 ratio. Each side of the image must be divisible by 4 pixels.

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:

Inkscape (free, open-source, and the choice of this tutorial)
Adobe Illustrator
Affinity Designer

Next, it's time to start making your skin. It's easiest to start from a pre-existing skin, or a template file. This GitHub repo contains many .svg remakes of popular skins. Let's take a look at the default skin .svg:

As we can see, each body part has a corresponding black shadow version.

The black shadow of each body part is the outline used in the tee as a whole.

Make sure these share the same shape as each body part, but with a larger stroke size.

@@ Line 1: / Line 1: @@
-{{LangNavBox}}
+<languages/>
+{{Stub}}
-== présentation générale ==
+<div lang="en" dir="ltr" class="mw-content-ltr">
-Les fichiers des '''''Skins''''' sont formattés de la manière suivante :
+'''''Skin''''' files are 32-bit RGBA formatted in a 2:1 ratio. Each side of the image must be divisible by 4 pixels.
-* 32-bit RGBA
+</div>
-* ratio de 2:1
-* côtés de l'images divisibles par 4 pixels
-== création ==
+<div lang="en" dir="ltr" class="mw-content-ltr">
-Pour créer un skin, vous allez avoir besoin du logiciel approprié avant de commencer. Il est conseillé d'utiliser un éditeur d'images vectorielles, parce que ceux-ci produisent des exports propres et qu'ils sont faciles à utiliser.
+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:
-Voici quelques choix populaires :
+</div>
-* [https://inkscape.org/ Inkscape] (free, open-source, et le choix de ce tutoriel)
+<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://affinity.serif.com/en-us/ Affinity Designer]
+</div>
-Ensuite, il est temps de commencer à créer votre skin. Il est plus simple de commencer avec un skin préexistant, ou un fichier modèle. [https://github.com/ddnet/ddnet-data-svg/tree/main/skins Ce dossier de GitHub] contient de nombreux fichiers .svg pouvant servir de modèles. Regardons le fichier .svg du skin par défaut :
+<div lang="en" dir="ltr" class="mw-content-ltr">
+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>
-Comme nous pouvons le voir, chaque partie du corps a une version en ombre noir correspondante.
+<div lang="en" dir="ltr" class="mw-content-ltr">
+As we can see, each body part has a corresponding black shadow version.
+</div>
-L'ombre noir de chaque pratie du corps est le contour utilisé dans le tee dans son ensemble.
+<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.
+</div>
-Assurez-vous que les ombres ont la même forme que chaque partie du corps, mais avec une taille de un trait plus grande.
+<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:}}]]