PHO - Pokémon Hackers Online
Go Back   PHO - Pokémon Hackers Online > Other Generations Hacking > Guides & Documentation

Guides & Documentation Learn how to make your own Pokémon game through the process of ROM Hacking, or help out the community by sharing your information.

Reply
 
Thread Tools Display Modes
Old 11th April 2010, 04:56 PM   #1
Hope
n00b
 
Hope's Avatar
 
Join Date: Apr 2010
Age: 26
Posts: 7
Hope is on a distinguished road
Default Simple HGSS Spriting Tutorial

Hello, Welcome to my HGSS (Heart Gold, Soul Silver) Tutorial.

First of all, the programs I use are


Photoshop and Paint

This tutorial will be based around Photoshop, but most of the things will apply to Paint as well.

Let's start the guide.

1. Preperation...

To prepare, you will need to have a template ready, (If you do not have one, use te one below.(Will be on soon.))

The Sprite, is in a Rpg Maker XP format as that is what I use the sprites in.

EDIT: Finally, if you are using Photoshop, I add groups, Two main groups, Hair and Clothes then four sub groups on each, Up, Down, Left, Right, This way it makes it neet and tigdy for everyone to see.

2. Pallet...

Before making the sprite, you will need a pallet which will work. I suggest using at least 2 HGSS sprites to create the new pallet. When laying out the pallet, suggest having it look like this,
Spoiler:

I have split the pallet into two partsto mkae it easier to view.
To make it easier, have the colours for each area going darkest to lightest (Visa Versa) As seen in the example above.

For this tutorial, I will be using Clair's Hair Pallet and Morty's Clothes Pallet. As shown below.

Spoiler:


The Skin Pallet is not shown as it is on the template above.

(If uing paint, put the pallet somewhere to the side.)

3. Hair

When ever I start a sprite, I always start with the hair. (In my opinion, the hair makes about 75% of the characteristics and the sprite it's self.)

So, get the darkest colour (Not black) and Draw the outline as shown below.

Spoiler:


Next, fill in the WHOLE INSIDE of the outline using the Second brightest colour in the 'Hair' Pallet.

Spoiler:


OK, now that we have the outline and the filled in hair, we need to add some shading, I start with the darker colour first. (This is the one in between the outline colour and the 'Fill in' Colour) And shade the areas which is at the bottom of the hair and where there are details (Just underneath). Seeming as the light source is mainly above the sprite. Shading is shown in the example below.

Spoiler:


And now, you need to do the top of the head. I normally put a circle as where the light hits. This shows where the hair starts to go back down. (Some peoples hair goes up then there is a small area where it goes down then up, then back down.(See the example at the bottom of the tutorial.))
Here is the example for light shading.

Spoiler:


Now, we have the hair done... or do we? NO! we ave some minor details to do first. Where you have put the dark shading, on the outline you will need to change it to the black colour... like so...

Spoiler:


Finally, add the last details you want to add, (I add a small cross at the top of the head like so.)

Spoiler:


There we go, the hair of the sprite is completed. That is about whater 75 / 9 is (9 because the three front view, 3 back view and the three side view (Only three because you can just flip the side around to get the other side...)) Next up is the clothing.



4. Clothes

Clothes, are needed for any sprite, unless... NO I am not going any furter lol. Anyway, like in the number 2 area, you need the pallet. This is easy if you did the steps in number two. Like I said, I will be using Morty's Clothes Pallet.

OK, like with the hair you need to make an outline... (You will need 2 different outlines, (The Shirt, Trousers)) I normally start with the shirt. I use the one of the darker colours on the clothes pallet as it is going around the body, if you do not get what I mean Look at the diagram below.

Last edited by Toonie; 13th October 2012 at 12:15 PM. Reason: Fixed title. :)
Hope is offline   Reply With Quote
Sponsored Links
Old 17th April 2010, 12:40 AM   #2
PKMN Trainer Red
n00b
 
PKMN Trainer Red's Avatar
 
Join Date: Apr 2010
Age: 22
Posts: 1
PKMN Trainer Red is on a distinguished road
Default

Nice tutorial!
I can become better at Spriting with this^.^
PKMN Trainer Red is offline   Reply With Quote
Old 17th April 2010, 07:14 AM   #3
Distortion
Neophyte
PHO VIP
 
Distortion's Avatar
 
Join Date: Apr 2010
Posts: 19
Distortion
Default

Thanks, this will be useful, one I learn I won't have to bug you as much. Jk but nice tutorial.
Thanks Shun.
Distortion is offline   Reply With Quote
Old 17th April 2010, 08:50 AM   #4
Hope
n00b
 
Hope's Avatar
 
Join Date: Apr 2010
Age: 26
Posts: 7
Hope is on a distinguished road
Default

This tutorial is not yet done, I neeed to finish it off lol
Hope is offline   Reply With Quote
Old 17th April 2010, 07:34 PM   #5
Distortion
Neophyte
PHO VIP
 
Distortion's Avatar
 
Join Date: Apr 2010
Posts: 19
Distortion
Default

I see, what program is needed though?
Distortion is offline   Reply With Quote
Old 17th April 2010, 07:44 PM   #6
Hope
n00b
 
Hope's Avatar
 
Join Date: Apr 2010
Age: 26
Posts: 7
Hope is on a distinguished road
Default

The program(s) needed are Photoshop or Paint... (I think GraphicsGale works to...)
Hope is offline   Reply With Quote
Old 17th April 2010, 08:09 PM   #7
Distortion
Neophyte
PHO VIP
 
Distortion's Avatar
 
Join Date: Apr 2010
Posts: 19
Distortion
Default

Oh that's a bummer I only got paint.
Distortion is offline   Reply With Quote
Old 17th April 2010, 09:04 PM   #8
Hope
n00b
 
Hope's Avatar
 
Join Date: Apr 2010
Age: 26
Posts: 7
Hope is on a distinguished road
Default

You might be able to use it on that, but it is VERY Tedius...
Hope is offline   Reply With Quote
Old 18th April 2010, 07:30 PM   #9
Hope
n00b
 
Hope's Avatar
 
Join Date: Apr 2010
Age: 26
Posts: 7
Hope is on a distinguished road
Default

Quote:
Originally Posted by Conan View Post
Photoshop is nice to have, but isn't necessary for spriting. I only use paint for spriting, and I like to think my sprites turn out nicely. This tutorial is pretty good, although your advice on shading hair doesn't always work. It does with a bowl cut like that, but with more complicated cuts the shading changes.
Yes, i know, I was meant to put 'Simple' spriting tutorial at the beginning, but I can not change it right now...
Hope is offline   Reply With Quote
Old 18th April 2010, 10:53 PM   #10
Cherrydolls
n00b
 
Cherrydolls's Avatar
 
Join Date: Apr 2010
Age: 26
Posts: 3
Cherrydolls is on a distinguished road
Default

This was a majorly minty tutorial Shun~claps~! Just tried it out and actually had fun doing it (spriting usually ends with me cursing). Can't wait for the rest =)
Cherrydolls is offline   Reply With Quote
Reply

Tags
Graphics:, hgss, simple, spriting, tutorial, [Tutorial]

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
My DPP and HGSS Tiles and Overworlds 874521 Graphics, Music & Patches 78 13th November 2010 06:38 PM


All times are GMT. The time now is 10:29 PM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc. User Alert System provided by Advanced User Tagging (Lite) - vBulletin Mods & Addons Copyright © 2017 DragonByte Technologies Ltd.
Feedback Buttons provided by Advanced Post Thanks / Like (Lite) - vBulletin Mods & Addons Copyright © 2017 DragonByte Technologies Ltd.
Pokémon characters and images belong to Pokémon USA, Inc. and Nintendo.
Pokémon Hackers Online (PHO) is in no way affiliated with or endorsed by Nintendo LLC, Creatures, GAMEFREAK inc,
The Pokémon Company, Pokémon USA, Inc., The Pokémon Company International, or Wizards of the Coast.
All forum/site content (unless noted otherwise) and site designs are © 2006-2013 Pokémon Hackers Online (PHO).
Green Charizard Christos TreeckoLv100

"Black 2" by ARTPOP. Kyurem artwork by XOUS.

no new posts