Skin Creation: Difference between revisions

Revision as of 19:25, 22 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: @@
 <languages/>
-{{Stub}}
+{{Stub{{#translation:}}}}
 <translate>
@@ Line 19: / Line 19: @@
 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:
-<!--T:5-->
+</translate>
 [[File:Default skin svg.png|thumb|default.svg]]
+<translate>
 <!--T:6-->
 As we can see, each body part has a corresponding black shadow version.