Jump to content
Sign in to follow this  
Glacius

[Tutorial] How to make a Pokémon Sprite

Recommended Posts

Hello everyone!

Have you ever wanted to fuse Pokémon together? Sure you have! and this is the guide you should read to learn it.

First we need Sprites.
I take all my Resources from [url="http://www.pokewiki.de/Pok%C3%A9mon-Liste"]Pokewiki[/url]. Its the best Pokemon Wiki I've ever seen. Sadly for you its in german(and no im not from germany).
Even if you dont speak german, just find your pokemon in the list (in all languages) then scroll down on the pokemons specific page to find the sprites.
On top on the Sprites section youll fine "Alle Generationen" if you click that it shows the pokemons sprites of all generations.
heres some other sites:
-[url="http://bulbapedia.bulbagarden.net/wiki/List_of_Pok%C3%A9mon_by_National_Pok%C3%A9dex_number"] Bulbapedia[/url]
- [url="http://www.marriland.com/pokedex"]Marriland[/url]
- [url="http://puu.sh/20nhd"]Some random Sprites in a huge block so its no fun to use[/url]


Now that we have our Sprites lets open Paint. I use the Windows 7 version.
MS Paint is on any Pc and also a free download, just google it. (Not every version of paint has the awesome recolour feature.)

Theres a difference between Copy+Pasting a Sprite and Save+Importing a sprite.
Many sprites have a outlinining that is pure black. If you Copy+Paste i sprite from the weppage youll have a background that is also 'pure black'.
Save+Import has 'pure white' backgrounds.

[img]http://img688.imageshack.us/img688/1406/guideimport.png[/img]


[b]Click on the image to enlarge.[/b] (Also sorry my interface is in german. But ill explain it in detail so there wont be problems.)
[url="http://puu.sh/1Z8Cb"][img]http://img843.imageshack.us/img843/904/guideclearselection.png[/img][/url]

[url="http://puu.sh/1Za9U"][img]http://img706.imageshack.us/img706/6940/guideimpurewhite.png[/img][/url]

Next we have to understand the differned layers of our Sprite. Layers are important for the dept of the picture.
Example:
- Dragonites wings are on its back, that means its behind his torso.
- Dragonites left arm (right from your perspective) is in front of his torso.

[img]http://img844.imageshack.us/img844/1016/guidelayers.png[/img]

Now i show you how to cut things out. This can be enlarged.
[url="http://puu.sh/1ZnCK"][img]http://img824.imageshack.us/img824/7288/guidecut.png[/img][/url]

[url="http://puu.sh/1Zp7Z"][img]http://img40.imageshack.us/img40/1610/guiderecolour.png[/img][/url]

When your painting is done, change its size to 300% (thats a good size for the forums).
Sometimes it can get [url="http://puu.sh/1Z7wX"]blurry[/url]. To prevent this you must select your painting (like when you move it. Best way is 'Select All') then resize it.
If you resized your painting but you forgot something you can simply change the size back. (if you resited 300% you cant got for 33,3% you have to take on third of the pixels)
Its easiest to draw if one pixel is one pixel and not 3x3 pixels after all.
[url="http://puu.sh/1ZQcR"][img]http://img59.imageshack.us/img59/3950/guideresize.png[/img][/url]
Save your paintig as a [b].png[/b] that way your pixels wont change like with a .jpg.

If you have understood all this, you have become a master of MS Paint!
And by the way, this guide was made with MS Paint.

Share this post


Link to post

How to draw a Picachu.
With this you can draw any pokemon parts that your sprites are missing.
Click image to enlarge.

[url="http://puu.sh/1ZSYo"][img]http://img339.imageshack.us/img339/3739/guidetodraw.png[/img][/url]

I dare you making a .gif of this B)

Share this post


Link to post

Alright I'm starting REALLY small, so I changed the color of Charizards flame. Tips for improvements on it?
[img]http://i.imgur.com/z4CNK83.jpg[/img]


Got bored and Made "SHINY" Ghost
[spoiler][img]http://i.imgur.com/Ugd8aV3.jpg[/img][/spoiler]

Share this post


Link to post

[quote name='Edward' timestamp='1360303214' post='189549']
Alright I'm starting REALLY small, so I changed the color of Charizards flame. Tips for improvements on it?
[img]http://i.imgur.com/z4CNK83.jpg[/img]
[/quote]

Since the guide is not finishied by now. My tip is the whole how i recolour(added soon). Also im not sure what you did with your background.
Also what youll find later in the guide: 'save as .png' that format will keep your pixels as they are. Thats it. you picked colours that fit well for a flame so theres not much to say.

Share this post


Link to post

[quote name='Squall' timestamp='1360332781' post='189791']
A guide to making sprites from PokeMMO's best sprite maker? Hell yeah! I am looking forward to this! ;3
[/quote]

Thanks! I also know how to cook ^^

[quote name='AzizFTW' timestamp='1360349034' post='189987']
Aww Yiss! I'll be making some of my own instead of begging other people to do it :3
[/quote]

Yes, my Sprite thread will probably die after this guide is finished^^

Share this post


Link to post

[quote name='Glacius' timestamp='1360350799' post='190025']
Yes, my Sprite thread will probably die after this guide is finished^^
[/quote]

Hahah! You WILL see a lot more sprites after this is done.

Share this post


Link to post

[quote name='AzizFTW' timestamp='1360353492' post='190094']
Hahah! You WILL see a lot more sprites after this is done.
[/quote]

yeah, but nobody will request anymore. So my onw sprite thread will probaly die.

Share this post


Link to post

[img]http://i.imgur.com/mjHKYDV.jpg[/img]

Am I doin' it right? (Yes, it's Banette + Azumarill)

Share this post


Link to post

[quote name='Senile' timestamp='1360358082' post='190218']
[img]http://i.imgur.com/mjHKYDV.jpg[/img]

Am I doin' it right? (Yes, it's Banette + Azumarill)
[/quote]

Yeah looks fine. But id resize it. And before you do that save as a [b].png[/b].

Share this post


Link to post

[quote name='HerpDerpBox' timestamp='1360362265' post='190308']
I bestow thee with the title ,Glacius the Art Teacher of Pokemmo.
[/quote]

Thank you HerpDerpBox! Gonna put it on my profile.

Share this post


Link to post

[quote name='Glacius' timestamp='1360361573' post='190298']
Yeah looks fine. But id resize it. And before you do that save as a [b].png[/b].
[/quote]
[spoiler]
[img]http://i.imgur.com/ZDuQeaO.png[/img][/spoiler]

Like this, I assume.

Share this post


Link to post

[quote name='Senile' timestamp='1360364502' post='190363']
[spoiler]
[img]http://i.imgur.com/ZDuQeaO.png[/img][/spoiler]

Like this, I assume.
[/quote]

Almost perfect, just less background.
[spoiler]
[img]http://img692.imageshack.us/img692/3799/160h.png[/img]
[/spoiler]

Share this post


Link to post

Hello everyone!

Have you ever wanted to fuse Pokémon together? Sure you have! and this is the guide you should read to learn it.

First we need Sprites.
I take all my Resources from Pokewiki. Its the best Pokemon Wiki I've ever seen. Sadly for you its in german(and no im not from germany).
Even if you dont speak german, just find your pokemon in the list (in all languages) then scroll down on the pokemons specific page to find the sprites.
On top on the Sprites section youll fine "Alle Generationen" if you click that it shows the pokemons sprites of all generations.
heres some other sites:
- Bulbapedia
- Marriland
- Some random Sprites in a huge block so its no fun to use


Now that we have our Sprites lets open Paint. I use the Windows 7 version.
MS Paint is on any Pc and also a free download, just google it. (Not every version of paint has the awesome recolour feature.)

Theres a difference between Copy+Pasting a Sprite and Save+Importing a sprite.
Many sprites have a outlinining that is pure black. If you Copy+Paste i sprite from the weppage youll have a background that is also 'pure black'.
Save+Import has 'pure white' backgrounds.

guideimport.png


Click on the image to enlarge. (Also sorry my interface is in german. But ill explain it in detail so there wont be problems.)
guideclearselection.png

guideimpurewhite.png

Next we have to understand the differned layers of our Sprite. Layers are important for the dept of the picture.
Example:
- Dragonites wings are on its back, that means its behind his torso.
- Dragonites left arm (right from your perspective) is in front of his torso.

guidelayers.png

Now i show you how to cut things out. This can be enlarged.
guidecut.png

guiderecolour.png

When your painting is done, change its size to 300% (thats a good size for the forums).
Sometimes it can get blurry. To prevent this you must select your painting (like when you move it. Best way is 'Select All') then resize it.
If you resized your painting but you forgot something you can simply change the size back. (if you resited 300% you cant got for 33,3% you have to take on third of the pixels)
Its easiest to draw if one pixel is one pixel and not 3x3 pixels after all.
guideresize.png
Save your paintig as a .png that way your pixels wont change like with a .jpg.

If you have understood all this, you have become a master of MS Paint!
And by the way, this guide was made with MS Paint.

one thing

when I try to recolor with the 

eraser right clicking nothing changes

and when i left click the colour doesn't do what it did on yours it just colours over the sprite

Share this post


Link to post

one thing

when I try to recolor with the 

eraser right clicking nothing changes

and when i left click the colour doesn't do what it did on yours it just colours over the sprite

Are you sure you have a decent sprite...  .jpg don't work... if you can fill a whole area with a colourbucket it should also work with the eraser.

.jpgs change the pixels slightly which makes it impossible to recolour. Also pick your colour with the tool next to the eraser (in case you eyeballed the colour instead).
If it still doesnt work it might be the version of your paint... i dunno if it works on older versions...

Share this post


Link to post

Are you sure you have a decent sprite...  .jpg don't work... if you can fill a whole area with a colourbucket it should also work with the eraser.

.jpgs change the pixels slightly which makes it impossible to recolour. Also pick your colour with the tool next to the eraser (in case you eyeballed the colour instead).
If it still doesnt work it might be the version of your paint... i dunno if it works on older versions...

oh it's probably because it's .jpg

alright so it has to png right?

and thanks for the reply

Share this post


Link to post
There's my first try xD

I didn't try colouring it because I'm terrible at it 

. _ .

png wil work.

recolouring is easy: just select the existing colour then go to you colourchart and move only left/right that way you keep the same saturation and brightness. if you do that with all the existing colours you got your basic recolouring...

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use and Privacy Policy.