Skin Creation/fr: Difference between revisions

From DDraceNetwork
(Created page with "* [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]")
(Created page with "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 :")
Line 23: Line 23:




<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]]

Revision as of 13:52, 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 :


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

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.

Body Parts Rendering order

TODO: verify this is correct
  1. Hand outline
  2. Hand
  3. Back feet outline
  4. Body outline
  5. Front feet outline
  6. Back feet
  7. Body
  8. Left eye
  9. Right eye
  10. Front Feet