Sprite Tutorial (Part 1)

Go down

Sprite Tutorial (Part 1) Empty Sprite Tutorial (Part 1)

Post  SeanRaider87 on Fri Nov 19, 2010 10:18 pm

Sprite Appearance Editing Tutorial

Part 2: Coming Soon

This is the tutorial for teaching you how to edit a character into another character, to me, this is one of the easiest parts of spriting, so once you've read this, hopefully, you'll know how to make your own character.

I will be using JUS style as it is my favorite style, and very popular.

I will be using Adobe Photoshop CS3 in the tutorial, it's a lot like paint, which I'm sure most of you have, so it won't be too confusing.



Step 1: Finding The Sprite To Edit
First, go to Sprite Database, and pick the character that looks the most like the one you're trying to edit it into. (I'm using JUS sprites, you can find those here.)
Sprite Tutorial (Part 1) Picture25
Download the character's sprite sheet to the desktop.
Sprite Tutorial (Part 1) Picture26

Step 2: Getting The Sprite Open
Open the sprite sheet in whatever art program you have.
Sprite Tutorial (Part 1) Picture27
Draw a box around the one pose you want your sprite to be based off of.
Sprite Tutorial (Part 1) Picture28
Go to edit on the top of the screen and press copy.
Sprite Tutorial (Part 1) Picture29
Open another file.
Sprite Tutorial (Part 1) Picture30
Paste the sprite into it. Go ahead and close the sprite sheet, you won't need it for a while.
Sprite Tutorial (Part 1) Picture31
Sprite Tutorial (Part 1) Picture32

Step 3: Getting The Head
To me, making a head is the hardest part in this tutorial by far, so I cheat a little. Start by erasing the head of the sprite you're editing.
Sprite Tutorial (Part 1) Picture33
Sprite Tutorial (Part 1) Picture34
Then, go back to Sprite Database and pick a character who has a head similar to what you want your character's head to be.
Sprite Tutorial (Part 1) Picture35
Download the character's sprite sheet to the desktop.
Sprite Tutorial (Part 1) Picture36
Open the sprite sheet in whatever art program you have.
Sprite Tutorial (Part 1) Picture37
Draw a box around the one pose that has the head in a way you like.
Sprite Tutorial (Part 1) Picture38
Go to edit on the top of the screen and press copy.
Sprite Tutorial (Part 1) Picture39
Go to the file with your other sprite in it paste the sprite into it.
Sprite Tutorial (Part 1) Picture40
Sprite Tutorial (Part 1) Picture41
Go ahead and close the sprite sheet, you won't need it again. Erase everything but the head on the second sprite.
Sprite Tutorial (Part 1) Picture42
Sprite Tutorial (Part 1) Picture43
Move it on top of the neck of the sprite without the head.
Sprite Tutorial (Part 1) Picture44
Merge the two sprites into one.

Step 4: Recolouring
Find a dark colour for your character's shirt, colour all the darkest pixels with it.
Sprite Tutorial (Part 1) Picture46
Take a slightly lighter colour for the second darkest colour and so on.
Sprite Tutorial (Part 1) Picture47
Sprite Tutorial (Part 1) Picture48
Sprite Tutorial (Part 1) Picture49
Do this with the rest of the stuff, it's very simple, you keep the great shading of JUS style and you get the colours you want.
Sprite Tutorial (Part 1) Picture50

Step 5: Slight Editing
You still have the head of the other character, it's time to fix that. Make his hair into a style you want, it's fairly easy, just get rid of the current hair and make a new hairdo.
Sprite Tutorial (Part 1) Picture51
Sprite Tutorial (Part 1) Picture52
Sprite Tutorial (Part 1) Picture53
The harder part is shading it. Just get 2 or 3 colours and put it on, this picture will show you how.
Sprite Tutorial (Part 1) Picture54
Change whatever facial features you want, it's simple, just use the eraser and pencil tool to change stuff.
Sprite Tutorial (Part 1) Picture55
Now that the head is done, you can add little extra things, like designs on the shirt, changing the shape of their shoes, changing pants into shorts or vice versa, you can do whatever you want.
Sprite Tutorial (Part 1) Picture56

Step 6: Finishing Up
You're practically finished, just fix up stray pixels and stuff like that, any mistakes you see, just change them quickly.
Sprite Tutorial (Part 1) Picture57

This is the finished product:
Sprite Tutorial (Part 1) Sprite-Tutorial-Part-1-Example



I hope I taught you something, go ahead and post your attempts at sprite editing, I want to see what you come up with.

SeanRaider87

Posts : 13
Join date : 2010-11-19

View user profile

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum