Skin Creation/ko: Difference between revisions

Latest revision as of 13:57, 5 May 2024

Note: This page already exists on your language! Please help out by migrating the archived page (accessible by clicking this link) to the new translation system by clicking 'Translate'. Once finished, delete the archived page to remove this notice. Thanks! You can find a list of pages needing migration on Category:NeedsMigration.

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

Overview

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

Create a skin

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.

Body Parts Rendering order

TODO: verify this is correct

Hand outline
Hand
Back feet outline
Body outline
Front feet outline
Back feet
Body
Left eye
Right eye
Front Feet

@@ Line 1: / Line 1: @@
+{{MigrateTranslation}}
 <languages/>
-{{Stub{{#translation:}}}}
+{{Stub}}
+<div lang="en" dir="ltr" class="mw-content-ltr">
+== Overview ==
+</div>
 <div lang="en" dir="ltr" class="mw-content-ltr">
@@ Line 6: / Line 11: @@
 </div>
+<div lang="en" dir="ltr" class="mw-content-ltr">
+== Create a skin ==
+</div>
 <div lang="en" dir="ltr" class="mw-content-ltr">
@@ Line 33: / Line 42: @@
 <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>
+<div lang="en" dir="ltr" class="mw-content-ltr">
+==Body Parts Rendering order==
+</div>
+<div lang="en" dir="ltr" class="mw-content-ltr">
+{{todo|verify this is correct}}
+</div>
+<div lang="en" dir="ltr" class="mw-content-ltr">
+# Hand outline
+# Hand
+# Back feet outline
+# Body outline
+# Front feet outline
+# Back feet
+# Body
+# Left eye
+# Right eye
+# Front Feet
 </div>
 [[Category:Tutorial{{#translation:}}]]