Skin Creation/fr: Difference between revisions

← Older edit

VisualWikitext

Latest revision as of 14:41, 5 May 2024

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

Présentation générale

Les fichiers des Skins sont formatés de la manière suivante :

32-bit RGBA
ratio de 2:1
côtés de l'images divisibles par 4 pixels

Création

Avant de commencer, vous allez avoir besoin des logiciels de création appropriés. Il est conseillé d'utiliser un éditeur d'images vectorielles, parce que ceux-ci produisent des exports propres et qu'ils sont faciles à utiliser. Quelques choix répandus :

Inkscape (libre, open-source, et le choix de ce tutoriel)
Adobe Illustrator
Affinity Designer

Ensuite, il est temps de commencer à créer votre skin. Il est plus simple de commencer avec un skin préexistant, ou un fichier de template. Ce dossier de GitHub contient de nombreux fichiers .svg pouvant servir de modèles. Regardons le fichier .svg du skin par défaut :

Comme nous pouvons le voir, chaque partie du corps a une version en ombre noire qui lui correspond.

L'ombre noir de chaque partie du corps est le contour utilisé pour le représenter le tee dans son ensemble.

Assurez-vous que les ombres ont la même forme que chaque partie du corps, mais avec une taille de trait plus grande.

Ordre du rendu des parties du corps

TODO: verify this is correct

Contour de la main
Main
Contour du pied arrière
Contour du corps
Contour du pied avant
Pied arrière
Corps
Œil gauche
Œil droit
Pied avant

@@ Line 3: / Line 3: @@
 {{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.
+== Présentation générale ==
-</div>
+Les fichiers des '''''Skins''''' sont formatés de la manière suivante :
+* 32-bit RGBA
+* ratio de 2:1
+* côtés de l'images divisibles par 4 pixels
-<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)
+== Création ==
+Avant de commencer, vous allez avoir besoin des logiciels de création appropriés. Il est conseillé d'utiliser un éditeur d'images vectorielles, parce que ceux-ci produisent des exports propres et qu'ils sont faciles à utiliser.
+Quelques choix répandus :
+* [https://inkscape.org/ Inkscape] (libre, open-source, et le choix de ce tutoriel)
 * [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">
+Ensuite, il est temps de commencer à créer votre skin. Il est plus simple de commencer avec un skin préexistant, ou un fichier de template. [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 :
-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">
+Comme nous pouvons le voir, chaque partie du corps a une version en ombre noire qui lui correspond.
-As we can see, each body part has a corresponding black shadow version.
-</div>
-<div lang="en" dir="ltr" class="mw-content-ltr">
+L'ombre noir de chaque partie du corps est le contour utilisé pour le représenter le tee dans son ensemble.
-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">
+Assurez-vous que les ombres ont la même forme que chaque partie du corps, mais avec une taille de trait plus grande.
-Make sure these share the same shape as each body part, but with a larger stroke size.
-</div>
-==Body Parts Rendering order==
+<span id="Body_Parts_Rendering_order"></span>
+== Ordre du rendu des parties du corps ==
 {{todo|verify this is correct}}
-# Hand outline
+# Contour de la main
-# Hand
+# Main
-# Back feet outline
+# Contour du pied arrière
-# Body outline
+# Contour du corps
-# Front feet outline
+# Contour du pied avant
-# Back feet
+# Pied arrière
-# Body
+# Corps
-# Eyes
+# Œil gauche
-# Front Feet
+# Œil droit
+# Pied avant
 [[Category:Tutorial{{#translation:}}]]