Skin Creation/fr: Difference between revisions

From DDraceNetwork
← Older edit
VisualWikitext
Nawretard (talk | contribs)
Automoderated users, candelete
1,874 edits
Created page with "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"
Nawretard (talk | contribs)
Automoderated users, candelete
1,874 edits
Created page with "{{todo|verify this is correct}}"
 
(10 intermediate revisions by 2 users not shown)
Line 12: Line 12:




<div lang="en" dir="ltr" class="mw-content-ltr">
<span id="Create_a_skin"></span>
== Create a skin ==
== Création ==
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
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.
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:
Quelques choix répandus :
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
* [https://inkscape.org/ Inkscape] (libre, open-source, et le choix de ce tutoriel)
* [https://inkscape.org/ Inkscape] (free, open-source, and the choice of this tutorial)
* [https://www.adobe.com/products/illustrator.html Adobe Illustrator]
* [https://www.adobe.com/products/illustrator.html Adobe Illustrator]
* [https://affinity.serif.com/en-us/ Affinity Designer]
* [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]]
[[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}}
{{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
# Left eye
# Œil gauche
# Right eye
# Œil droit
# Front Feet
# Pied avant


[[Category:Tutorial{{#translation:}}]]
[[Category:Tutorial{{#translation:}}]]

Latest revision as of 14:41, 5 May 2024

Other languages:
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 :


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 :

default.svg

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
  1. Contour de la main
  2. Main
  3. Contour du pied arrière
  4. Contour du corps
  5. Contour du pied avant
  6. Pied arrière
  7. Corps
  8. Œil gauche
  9. Œil droit
  10. Pied avant
Retrieved from "https://wiki.ddnet.org/index.php?title=Skin_Creation/fr&oldid=32967"