Dismiss this notice
Hello there, trainer! Welcome to PokéSun! Login or Register to join in with our family! From Pokémon Ultra Sun and Pokémon Ultra Moon discussions, to competitive play, battles and trades, roleplaying, general talk, and much more! Register today, and join us under the shining, tropical Sun!
Tutorial: The Basics of Spriting: Recoloring and Fusing
Users browsing this thread: 1 Guest(s)

Tutorial: The Basics of Spriting: Recoloring and Fusing
*❀~Bloop Dee Woop~❀*


Status: Offline :(
Posts: 680
Joined: Nov 2013
Reputation: 50
PokéDollars: ₪32.09
12-30-2013, 03:25 PM (This post was last modified: 12-30-2013, 04:00 PM by Bloom.)
Recoloring and Fusing: Spriting Tutorial

For this tutorial I will be using http://pixlr.com/editor/. Basically it is an online version of paint that is far less complicated than GIMP, and great for beginners.

Are you interested in Spriting? Have you ever asked yourself, how do they do it? Pokemon Sprites are usually the most popular to play around with, so I will be using them for this basic tutorial. This tutorial is image based, so please let the page load entirely before reading it.


Step (1): Find a pokemon sprite you wish to recolor. There are various databases to choose from. For this step, I will be using Pokestadium's sprite search tool.
Just type in the name of the pokemon of your choice in the search bar. I searched for smeargle, selected a sprite of choice, right clicked it, saved image as... [insert any file name of choice], and saved it to my pictures. Do this process with your sprite of choice.

Step (2): Open pixlr editor (from the link provided at the top).
You should see this:

[Image: 3ItgThj.png]
Select "Open image from computer"
Type in the name box in your "My Pictures location" the name you saved the sprite as. Make sure it was saved as either .gif or .png ONLY. Any other file will not work or will look bad.
This is how it should look now:

[Image: TTohPRY.png]

Step (3): Now this is where you need creativity. Think of the colors you want to recolor to your sprite. Now search for an existing pokemon with those exact same colors ex: white (Snover) Blue (Dragonair) Green (Sceptile) Pink (Porygon) etc.
If you want your pokemon to look like a steel type for example, you would recolor it with a similar color palette that a steel type has like Steelix for example.
Repeat step one, but this time upload the pokemon that you wish to use colors for.

Step (4): Now it is time to apply the new colors.
First Zoom in on your sprite, I usually choose 600%-800%
You can do this by clicking the 100% at the bottom left of the window and deleting the 100 and replacing with the zoom % of your choice.
By clicking and dragging the small grey dotted box at the bottom right of the window, you can change the size of the box so that the page isn't as cluttered. You can move each window by clicking and dragging the top black area where the name of the file is located.
Here is what my page looks like so far:

[Image: qgBj2QU.png]
Now onto the actual recoloring process.

Step (4.5): Select the "Colorpricker" tool. Looks like an eye dropper, near the bottom. This will copy the color you select.
*This is the part in which you need to pay the most attention to*
By using general knowledge, you should be able to tell which colors are the brightest and darkest on your sprite. To properly recolor a sprite, you must follow the sprite's shading. This means you must fill a light shade with another light shade or a dark shade with another dark shade. This keeps the sprite from looking messy.
Here I will show to recoloring process in step by step pictures. Remember, to copy a color use the colorpricker, and to paste the color onto the sprite, use the paint bucket tool. When using the paint bucket tool there is a drop down menu that says "tolerance." To keep similar colors from not mixing, change the tolerance to any value between 10-3 I'll be using 8.

Step (5): Recoloring in the making~
-Abomasnow White ---> main body (First)
-Darkrai Black + Blue Eye --->
ears and facial features + tongue (Second)
-Scizor Red ---> painted tail (Last)

Zoomed Out (Regular)

[Image: v4VkTqU.png]
[Image: 0OKf3n9.png]
[Image: b0wirrn.png]
[Image: 0KkokKQ.png]
[Image: 7AwNBBH.png]
[Image: kGd2qCl.png]
[Image: KmV626F.png]
[Image: 2qPaAIz.png]
[Image: 14MyfMb.png]
[Image: YDkFoSH.png]
[Image: UUOHWXK.png]
[Image: mVUFq37.png]
w/ alternate dark shaded tail
[Image: Aj9013P.png]

Zoomed in (600%)

[Image: rQv6Lp9.png]
[Image: LrFXhk5.png]
[Image: 9Q5Yv0L.png]
[Image: UbCBLcB.png]
[Image: 6Cp7hDd.png]
[Image: A9XzERQ.png]
[Image: icNspJv.png]
[Image: UjwoCmc.png]
[Image: bmWw6nT.png]
[Image: jIEmo9e.png]
[Image: Ffk3Ngb.png]
[Image: oQ36wxK.png]
w/ alternate dark shaded tail
[Image: rJTTxAN.png]

Note: Sometimes you have to fill the color for some pixels manually since the bucket does't always fill enough or it fills too much. Press ctrl+Z to undo a step, and to fill in individual pixels select the brush tool and select size one with the bottom square icon. Have fun recoloring! ^^


Step (1): Using the instructions for step one with recolors, similarily find a pokemon sprite of choice, but this time choose two or more depending on how complex of a fusion you desire. For this tutorial I will be fusing Kirlia and Meloetta sprites. Open your sprites in pilxr, zoom in in the proper range and have your pokemon side by side.
[Image: 4b5gz8e.png]

Step (2): Now that you have your sprites next to each other, look for similar parts that could fit well on each other and decide on a "base" sprite. The base sprite is what you will be editing the most, as it will be the sprite that you will take one pokemon's features onto it but at the same time the fusion will portray the base more. Once you have gathered your ideas and have a general idea on what you would like to do, try editing your base to that it is somewhat prepared for parts to be removed or attached for the fusion.
[Image: q0pTwIC.png]
You might have to do some minor scratching to fill in some of the areas you erased.

Step (3): Look at your Tools bar. There is a brown lasso, called the lasso tool directly above the paint bucket. Select that tool (or the select box/marquee tool) and click and drag over the area i which you would like to copy onto the other image. To copy have the selected area completed and then go to Edit-->Copy and then click the other image twice and then click Edit---> Paste. Then select the mouse tool to move the copied part. It becomes a separate layer, so you can only edit the copied layer now unless you go to the right and look at your layer tab and select the base layer. Note: Once the image is saved, all of the layers combine.
[Image: jQTKdCP.png]
[Image: gkMr5hq.png]
[Image: S1WIOxk.png]

Step (4): Repeat Step 3 and "Fuse your base sprite together with parts from the other pokemon. This is where you can go mad with creativity and use your skills of merging things together and recoloring them so that they flow together into one fusion.

[Image: XtDqWph.png]
[Image: BqORnO5.png]
[Image: xwnLnmJ.png]
[Image: mDpe7UF.png]
[Image: bSLdrNK.png]
Final Product: [Image: CJL00SJ.png]

Overall, I hope my tutorial was able to provide a picture text explanation of how to sprite a Basic Recolor and Fusion using the Pixlr editor program. If you are interested in learning some advanced techniques, try exploring gimp. Pixlr is mainly for beginners or for those who want to do far less complicated sprite works.

[Image: mVUFq37.png] Have Fun Spriting! [Image: CJL00SJ.png]

[Image: dA219Lb.gif]


Status: Offline :(
Posts: 3,361
Joined: Jan 2012
Reputation: 116
PokéDollars: ₪6,867.44
Founder and Administrator
12-30-2013, 10:48 PM
What a lovely tutorial! I should totally try this since I've been wanting to do recoloring and fusing for a while! Doing the usual signatures, avatars, and userbars gets a little old for a while. Tongue Great tutorial!
*❀~Bloop Dee Woop~❀*


Status: Offline :(
Posts: 680
Joined: Nov 2013
Reputation: 50
PokéDollars: ₪32.09
12-30-2013, 11:12 PM (This post was last modified: 05-06-2014, 07:32 PM by Bloom.)
Thanks for the feedback Zueq! It took quite a while to put all of this together, so I'm glad this tutorial can possibly aid in your quest of knowledge in the spriting areas. ^^

Yeah, I can relate to the signature and avatar deal, so spriting provides a different kind of style to it that adds enough zest to my art for my gallery. Wink

[Image: cFMKKDO.gif]

[Image: dA219Lb.gif]
Hi there!


Status: Offline :(
Posts: 85
Joined: Dec 2013
Reputation: 10
PokéDollars: ₪0
12-31-2013, 12:14 AM
Absolutely wonderful tutorial! This will help many people! Thank you so much for posting this!
*❀~Bloop Dee Woop~❀*


Status: Offline :(
Posts: 680
Joined: Nov 2013
Reputation: 50
PokéDollars: ₪32.09
12-31-2013, 03:27 AM (This post was last modified: 12-31-2013, 03:28 AM by Bloom.)
Thank you for the feedback Mana! I know you're already a pretty talented spriter, so I am flattered to see you impressed with this basic tutorial. ^^

I hope it will be able to help people. Spriting is such a wonderful skill to learn for anyone interested in digital art! =D

[Image: dA219Lb.gif]

Possibly Related Threads...
Thread Author Replies Views Last Post
  Pokemon Pure Shadow Spriting Contest gondracorn 0 1,335 08-03-2013, 11:30 AM
Last Post by gondracorn
  PokeSun Spriting Contest #1: Summer Festival Edition! shenanigans 30 4,164 07-14-2013, 01:43 PM
Last Post by Zueq
  Tutorial: GIMP Signature Making Basics Zueq 3 795 07-06-2013, 02:47 PM
Last Post by DerpyDerp
  New Era Spriting Clockwork Soldier 2 627 05-22-2012, 06:52 PM
Last Post by Clockwork Soldier