PHO - Pokémon Hackers Online
Go Back   PHO - Pokémon Hackers Online > Discussion Board > Archive

Notices

Archive Old threads that serve no purpose are here.

 
 
Thread Tools Display Modes
Old 11th April 2010, 04:56 PM   #1
Hope
Newbie
 
Hope's Avatar
 
Join Date: Apr 2010
Age: 27
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  
Sponsored Links
Old 17th April 2010, 12:40 AM   #2
PKMN Trainer Red
Newbie
 
PKMN Trainer Red's Avatar
 
Join Date: Apr 2010
Age: 23
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  
Old 17th April 2010, 07:14 AM   #3
Verzerrung
Neophyte
PHO VIP
 
Verzerrung's Avatar
 
Join Date: Apr 2010
Posts: 22
Verzerrung
Default

Thanks, this will be useful, one I learn I won't have to bug you as much. Jk but nice tutorial.
Thanks Shun.
__________________
-
- - Join Today - - -
Verzerrung is offline  
Old 17th April 2010, 08:50 AM   #4
Hope
Newbie
 
Hope's Avatar
 
Join Date: Apr 2010
Age: 27
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  
Old 17th April 2010, 07:34 PM   #5
Verzerrung
Neophyte
PHO VIP
 
Verzerrung's Avatar
 
Join Date: Apr 2010
Posts: 22
Verzerrung
Default

I see, what program is needed though?
__________________
-
- - Join Today - - -
Verzerrung is offline  
Old 17th April 2010, 07:44 PM   #6
Hope
Newbie
 
Hope's Avatar
 
Join Date: Apr 2010
Age: 27
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  
Old 17th April 2010, 08:09 PM   #7
Verzerrung
Neophyte
PHO VIP
 
Verzerrung's Avatar
 
Join Date: Apr 2010
Posts: 22
Verzerrung
Default

Oh that's a bummer I only got paint.
__________________
-
- - Join Today - - -
Verzerrung is offline  
Old 17th April 2010, 09:04 PM   #8
Hope
Newbie
 
Hope's Avatar
 
Join Date: Apr 2010
Age: 27
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  
Old 18th April 2010, 07:30 PM   #9
Hope
Newbie
 
Hope's Avatar
 
Join Date: Apr 2010
Age: 27
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  
Old 18th April 2010, 10:53 PM   #10
Cherrydolls
Newbie
 
Cherrydolls's Avatar
 
Join Date: Apr 2010
Age: 27
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  
 

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 Archive 78 13th November 2010 06:38 PM


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

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc. User Alert System provided by Advanced User Tagging (Lite) - vBulletin Mods & Addons Copyright © 2018 DragonByte Technologies Ltd.
Feedback Buttons provided by Advanced Post Thanks / Like (Lite) - vBulletin Mods & Addons Copyright © 2018 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