• [2018/06/22]
    By using our forums, and our in-game services, you agree to be bound by our Privacy Policy found here:
    skullgirlsmobile.com/privacy

Custom Sprites for the Palette Editor

Unfortunately, i don't quite understand how to make flame look like this, but i hope i understood correctly how it works.
If there are any errors please let me know.
If i did something wrong, here is version without flame.
 

Attachments

  • Squigly3_Raw2.png
    Squigly3_Raw2.png
    207.8 KB · Views: 6
  • Squigly3_Base2.png
    Squigly3_Base2.png
    14.4 KB · Views: 6
  • Squigly3_Area2.png
    Squigly3_Area2.png
    15.6 KB · Views: 6
  • Like
Reactions: poxaa_bielkkj
If there are any errors please let me know.
 

Attachments

  • Double_Stranger_Raw.png
    Double_Stranger_Raw.png
    276.8 KB · Views: 7
  • Double_Stranger_Line.png
    Double_Stranger_Line.png
    107.4 KB · Views: 7
  • Double_Stranger_Base.png
    Double_Stranger_Base.png
    13.1 KB · Views: 6
  • Double_Stranger_Area.png
    Double_Stranger_Area.png
    13.6 KB · Views: 6
Can someone PLEASE make it using these sprites?
 

Attachments

  • s_mK07_peacock_1p.png
    s_mK07_peacock_1p.png
    328.8 KB · Views: 7
  • throw_ground18_eliza_1p.png
    throw_ground18_eliza_1p.png
    247.4 KB · Views: 7
  • 05_eliza_1p-1.png
    05_eliza_1p-1.png
    417.1 KB · Views: 6
  • success_14_blackdahlia_1p.png
    success_14_blackdahlia_1p.png
    217.1 KB · Views: 6
  • burst03c_msfortune_1p.png
    burst03c_msfortune_1p.png
    333.4 KB · Views: 7
  • Like
Reactions: yixtu_qu
(so sorry for the name of the photos, I jst idk how to change them!) this is my my first time doing it, I hope it is alright! (if there and errors please let me know!!)
 

Attachments

  • IMG_7035.jpeg
    IMG_7035.jpeg
    77.5 KB · Views: 17
  • Без названия349_20240919202140.png
    Без названия349_20240919202140.png
    46.6 KB · Views: 16
  • Без названия349_20240919202150.png
    Без названия349_20240919202150.png
    73.1 KB · Views: 14
  • Valentine_Base_20240919234428.png
    Valentine_Base_20240919234428.png
    46.2 KB · Views: 14
(so sorry for the name of the photos, I jst idk how to change them!) this is my my first time doing it, I hope it is alright! (if there and errors please let me know!!)
Oops! I think I forgot to remove the raw image’s background!
 

Attachments

  • Без названия350_20240919235201.png
    Без названия350_20240919235201.png
    308.9 KB · Views: 6
Unfortunately, i don't quite understand how to make flame look like this, but i hope i understood correctly how it works.
Translucent parts have a different formula for displaying stuff. I have to manually flag translucent IDs in official palettized sprites (e.g. when clicking the Squigly tab, the translucent option for color ID #43 is automatically toggled).
ezgif.com-optimize.gif
Custom sprites have no uniform color map, so I unfortunately can't set default translucent IDs for them. You'll have to toggle it every time for any custom sprite.



If you'd like a better understanding of how the official palettized sprites do the transparent parts, I recommend downloading one of those sprites [sample] and inputting it into this other site of mine [split-rgba].
The red channel (RRR1) is the area layer, the green channel (GGG1) is the line layer, and the blue channel (BBB1) is the detail layer made from the raw and base layers.
Notice how in BBB1, the whole flame area is brighter than the grey background which has an intensity of 102.

So TL;DR you'll want to add 100 155 to the translucent parts (in both the Raw and Base layers).
  • Magic Wand the translucent areas in your Base or Area layers
  • add a new layer
  • Paint Bucket the selection grey (rgb=100,100,100) (rgb=155,155,155)
  • change the layer blend mode to Linear Dodge
  • right click the layer and make it a Clipping Mask for the Raw layer
  • update the color in your Base layer to reflect the brightened area in the Raw layer
Resulting in:
Squigly3_Base.pngSquigly3_Raw.png(I added 128 here instead, oops)
Not perfect, but it'll look better than using the actual Raw layer.

[update]
original raw vs raw with brightened flame +100:
custom_yixtu_qu_squigly3.png
...better, but only barely
eh, either way, i think it works well enough

[update 2]
make that 155
 
Last edited:
  • Like
Reactions: yixtu_qu
(so sorry for the name of the photos, I jst idk how to change them!) this is my my first time doing it, I hope it is alright! (if there and errors please let me know!!)
It works, though I'd prefer the color layer to have no gaps.
Gaps in the color layer means that when it's on the website, when you click to select a color, there's a good chance you'll select the background instead of the area you want to edit.
 
  • Like
Reactions: yixtu_qu
Translucent parts have a different formula for displaying stuff. I have to manually flag translucent IDs in official palettized sprites (e.g. when clicking the Squigly tab, the translucent option for color ID #43 is automatically toggled).
View attachment 24982
Custom sprites have no uniform color map, so I unfortunately can't set default translucent IDs for them. You'll have to toggle it every time for any custom sprite.



If you'd like a better understanding of how the official palettized sprites do the transparent parts, I recommend downloading one of those sprites [sample] and inputting it into this other site of mine [split-rgba].
The red channel (RRR1) is the area layer, the green channel (GGG1) is the line layer, and the blue channel (BBB1) is the detail layer made from the raw and base layers.
Notice how in BBB1, the whole flame area is brighter than the grey background which has an intensity of 102.

So TL;DR you'll want to add 100 to the translucent parts (in both the Raw and Base layers).
  • Magic Wand the translucent areas in your Base or Area layers
  • add a new layer
  • Paint Bucket the selection grey (rgb=100,100,100)
  • change the layer blend mode to Linear Dodge
  • right click the layer and make it a Clipping Mask for the Raw layer
  • update the color in your Base layer to reflect the brightened area in the Raw layer
Resulting in:
View attachment 24983View attachment 24984(I added 128 here instead of 100, oops)
Not perfect, but it'll look better than using the actual Raw layer.

[update]
original raw vs raw with brightened flame:
View attachment 24987
...better, but only barely
eh, either way, i think it works well enough
oh, i see now. thank you, i'm starting to understand how it works!
 
oh, i see now. thank you, i'm starting to understand how it works!
[update 2]
checked my site code and saw detail / 0x9b, so i had it inverted. my bad.
(9b is 155 in hexadecimal)

don't add 100. add 155.

[original raw] vs [translucent areas +100] vs [translucent areas +155]
custom_yixtu_qu_squigly3 (2).png
the difference is more noticeable now.
it'd be even better if you could scale the brightness to fit in the 0x9b-0xff range instead of just adding 0x9b.
but that's complicated. just adding is good enough.
 
  • Like
Reactions: yixtu_qu
If there are any errors please let me know.
 

Attachments

  • Killer_Raw.png
    Killer_Raw.png
    178.1 KB · Views: 7
  • Killer_Line.png
    Killer_Line.png
    73.6 KB · Views: 7
  • Killer_Base.png
    Killer_Base.png
    12.3 KB · Views: 6
  • Killer_Area.png
    Killer_Area.png
    12.5 KB · Views: 6
  • Like
Reactions: Krazete
This is a sprite my friend made. He doesn't have an account on this forum, so he asked me to post it.
If there are any errors please let me know.
 

Attachments

  • Braindrain_Ogo80_FanSprite_Base.png
    Braindrain_Ogo80_FanSprite_Base.png
    13.8 KB · Views: 7
  • Braindrain_Ogo80_FanSprite_Area.png
    Braindrain_Ogo80_FanSprite_Area.png
    16.5 KB · Views: 5
  • Braindrain_Ogo80_FanSprite_Line.png
    Braindrain_Ogo80_FanSprite_Line.png
    107.5 KB · Views: 7
  • Braindrain_Ogo80_FanSprite_Raw.png
    Braindrain_Ogo80_FanSprite_Raw.png
    177.4 KB · Views: 7
  • Like
Reactions: Krazete
I hope I did great this time! (if there’s any errors please let me know!!)
 

Attachments

  • BlackDahlia_Raw_20240920235356.png
    BlackDahlia_Raw_20240920235356.png
    361.9 KB · Views: 14
  • BlackDahlia_Line_20240920204231.png
    BlackDahlia_Line_20240920204231.png
    50 KB · Views: 14
  • BlackDahlia_Base_20240920235116.png
    BlackDahlia_Base_20240920235116.png
    36.8 KB · Views: 11
  • BlackDahlia_Area_20240920234109.png
    BlackDahlia_Area_20240920234109.png
    39.1 KB · Views: 13
  • Like
Reactions: Krazete
If there are any errors please let me know.
 

Attachments

  • Fukua2_Raw.png
    Fukua2_Raw.png
    151 KB · Views: 9
  • Fukua2_Line.png
    Fukua2_Line.png
    109.7 KB · Views: 9
  • Fukua2_Base.png
    Fukua2_Base.png
    13.4 KB · Views: 6
  • Fukua2_Area.png
    Fukua2_Area.png
    13.3 KB · Views: 9
My friends will probably often ask me to post their sprite 😅😅😅
If there are any errors please let me know.
 

Attachments

  • Eliza_Gushen10_Fansprite_Raw.png
    Eliza_Gushen10_Fansprite_Raw.png
    367.7 KB · Views: 8
  • Eliza_Gushen10_Fansprite_Line.png
    Eliza_Gushen10_Fansprite_Line.png
    187.5 KB · Views: 8
  • Eliza_Gushen10_Fansprite_Base.png
    Eliza_Gushen10_Fansprite_Base.png
    51.9 KB · Views: 7
  • Eliza_Gushen10_Fansprite_Area.png
    Eliza_Gushen10_Fansprite_Area.png
    59.7 KB · Views: 8
  • Like
Reactions: Krazete
I’m so proud of this one 😌 (if there’s any errors, please let me know!)
 

Attachments

  • Squigly4_Area_20240921172849.png
    Squigly4_Area_20240921172849.png
    41.6 KB · Views: 20
  • Squigly4_Base_20240921173948.png
    Squigly4_Base_20240921173948.png
    39.1 KB · Views: 18
  • Squigly4_Line_20240921162838.png
    Squigly4_Line_20240921162838.png
    48.6 KB · Views: 17
  • Squigly4_Base_20240921174154.png
    Squigly4_Base_20240921174154.png
    310.7 KB · Views: 21
  • Like
Reactions: Krazete
Я сделал это! (если будут ошибки, дайте мне знать. пример в формате jpg, поскольку я не нашел png)
 

Attachments

  • Без названия80_20240921162218.png
    Без названия80_20240921162218.png
    110.8 KB · Views: 4
  • IMG_20240921_201951_415.jpg
    IMG_20240921_201951_415.jpg
    39.9 KB · Views: 5
  • Без названия82_20240921191936.png
    Без названия82_20240921191936.png
    24.6 KB · Views: 3
  • Без названия81_20240921180736.png
    Без названия81_20240921180736.png
    27.9 KB · Views: 4
  • Like
Reactions: Krazete
I’m so proud of this one 😌 (if there’s any errors, please let me know!)
the different teeth lines make the result look kinda strange
you can check how it looks on the website

also don't use pure black in your color map, it'll be counted as a background color (invisible)
update: using pure black #000000 in area.png should no longer be an issue
 
Last edited:
If there are any errors please let me know.
 

Attachments

  • Valentine_Gushen10_Fansprite_Raw.png
    Valentine_Gushen10_Fansprite_Raw.png
    222.5 KB · Views: 5
  • Valentine_Gushen10_Fansprite_Line.png
    Valentine_Gushen10_Fansprite_Line.png
    68.1 KB · Views: 5
  • Valentine_Gushen10_Fansprite_Base.png
    Valentine_Gushen10_Fansprite_Base.png
    11.5 KB · Views: 4
  • Valentine_Gushen10_Fansprite_Area.png
    Valentine_Gushen10_Fansprite_Area.png
    13 KB · Views: 5
  • Like
Reactions: Krazete
If there are any errors please let me know.
 

Attachments

  • Annie_lorensca_Fansprite_Raw.png
    Annie_lorensca_Fansprite_Raw.png
    250.7 KB · Views: 4
  • Annie_lorensca_Fansprite_Line.png
    Annie_lorensca_Fansprite_Line.png
    76.6 KB · Views: 4
  • Annie_lorensca_Fansprite_Base.png
    Annie_lorensca_Fansprite_Base.png
    12.9 KB · Views: 3
  • Annie_lorensca_Fansprite_Area.png
    Annie_lorensca_Fansprite_Area.png
    14.4 KB · Views: 4
  • Like
Reactions: Krazete