https://wiki.lancertactics.com/api.php?action=feedcontributions&feedformat=atom&user=RipcurlThe Muse - User contributions [en]2026-10-12T02:01:15ZUser contributionsMediaWiki 1.46.2https://wiki.lancertactics.com/index.php?title=Pixel_Art&diff=190Pixel Art2026-09-01T20:45:26Z<p>Ripcurl: /* Resources */</p>
<hr />
<div><br />
== Portrait Slices ==<br />
* Portraits are made by lining up a bunch of portraits in order, kind of like a complicated sandwich. These are called slices.<br />
* Slices are just PNGs arranged in the right folder (corresponding to the Slice Type).<br />
* Some slice types can accommodate front and back, but at minimum they need a base<br />
** eg: in the <code>hair/</code> folder, we can put <code>bowlcut.png</code>. We could also put <code>bowlcut_front.png</code> and/or <code>bowlcut_back.png</code><br />
** but in the above example, we still need <code>bowlcut.png</code>, even if it's a blank image<br />
* all slices are 128 x 128px. You aren't guaranteed to see the top or the sides of this, depending on where the portrait is being displayed<br />
* slices are displayed in the following order (subject to change)<br />
<br />
clothing_outer_back<br />
accessory_jewelry_bac<br />
clothing_inner_back<br />
accessory_scarves_back<br />
accessory_hair_back<br />
hair_back<br />
body<br />
body_extra<br />
clothing_inner<br />
clothing_outer<br />
head<br />
ears<br />
eyes_back<br />
eyes<br />
eyebrows<br />
nose_back<br />
mouth_bac<br />
face_extra<br />
mouth<br />
mustache<br />
eyes_front<br />
nose<br />
accessory_jewelry<br />
accessory_other<br />
beard<br />
mouth_front<br />
accessory_scarves<br />
hair<br />
accessory_hair<br />
accessory_glasses<br />
hair_front<br />
accessory_hair_front<br />
accessory_other_front<br />
accessory_jewelry_front<br />
accessory_scarves_front<br />
<br />
== RGB Color System ==<br />
The other main thing that define our portrait maker is that we dynamically recolor the image in a specific way. The important part to know is that you need to make your slices with very specific colors:<br />
<br />
* Magenta (#FF00FF) is used as a "mask", covering up lower layers for slice types set up to do so (e.g. hats cover up hair at all pixels marked with magenta on the hat slice)<br />
<br />
* Red, Green, and Blue are our "primary", "seconday", and "tertiary" colors. The easiest way to know which color is being used is to copy another slice in the same category.<br />
<br />
* Specific colors map to specific indexes in our 7-color "color ramps", that the user selects in-game. To be recolored, the pixel needs to be an '''exact''' match to one of these values.<br />
<br />
Index Reds Greens Blues<br />
1 #ff0000 #00ff00 #0000ff<br />
2 #dd0000 #00dd00 #0000dd<br />
*3 #bb0000 #00bb00 #0000bb<br />
4 #990000 #009900 #000099<br />
5 #770000 #007700 #000077<br />
6 #550000 #005500 #000055<br />
7 #330000 #003300 #000033<br />
<br />
* NOTE: Artistically, we're using index 3 as the "base color" for that entire ramp (not index 4).<br />
<br />
=== Resources ===<br />
* Photoshop color palette: [[File:Photoshop_recoloring_pallete.act]]<br />
* Aseprite template files: [[File:Size 1 + half.ase]], [[File:Size 2.ase]], [[File:Size 3.ase]]</div>Ripcurlhttps://wiki.lancertactics.com/index.php?title=File:Size_3.ase&diff=189File:Size 3.ase2026-09-01T20:43:30Z<p>Ripcurl: </p>
<hr />
<div>Aseprite template for Size 3 sprites</div>Ripcurlhttps://wiki.lancertactics.com/index.php?title=File:Size_2.ase&diff=188File:Size 2.ase2026-09-01T20:41:47Z<p>Ripcurl: </p>
<hr />
<div>Aseprite template for Size 2 sprites</div>Ripcurlhttps://wiki.lancertactics.com/index.php?title=File:Size_1_%2B_half.ase&diff=187File:Size 1 + half.ase2026-09-01T20:39:41Z<p>Ripcurl: </p>
<hr />
<div>Template for Size 1/2 and Size 1 sprites</div>Ripcurl