Skin Creation: Difference between revisions
No edit summary |
m Add a skin template |
||
| (4 intermediate revisions by one other user not shown) | |||
| Line 4: | Line 4: | ||
<translate> | <translate> | ||
== Overview ==<!--T:9--> | == Overview == <!--T:9--> | ||
<!--T:1--> | <!--T:1--> | ||
| Line 10: | Line 10: | ||
== Create a skin ==<!--T:10--> | == Create a skin == <!--T:10--> | ||
<!--T:2--> | <!--T:2--> | ||
| Line 26: | Line 26: | ||
</translate> | </translate> | ||
[[File:Default skin svg.png|thumb|default.svg]] | [[File:Default skin svg.png|thumb|default.svg]] | ||
[[File:Grid skins clear normal.png|thumb|Skin Template by Cellegen]] | |||
<translate> | <translate> | ||
<!--T:6--> | <!--T:6--> | ||
| Line 35: | Line 36: | ||
<!--T:8--> | <!--T:8--> | ||
Make sure these share the same shape as each body part, but with a larger stroke size. | Make sure these share the same shape as each body part, but with a larger stroke size. | ||
==Body Parts Rendering order== | ==Body Parts Rendering order== <!--T:11--> | ||
<!--T:13--> | |||
{{todo|verify this is correct}} | {{todo|verify this is correct}} | ||
<!--T:12--> | |||
# Hand outline | # Hand outline | ||
# Hand | # Hand | ||
| Line 52: | Line 54: | ||
# Front Feet | # Front Feet | ||
</translate> | |||
[[Category:Tutorial{{#translation:}}]] | [[Category:Tutorial{{#translation:}}]] | ||
Latest revision as of 23:32, 10 December 2024
 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
- Hand outline
- Hand
- Back feet outline
- Body outline
- Front feet outline
- Back feet
- Body
- Left eye
- Right eye
- Front Feet