Recent Posts

Pages: 1 [2] 3 4 ... 6
Sprite School / Re: Basics of Sprite Editing
« Last post by Mr. Sprinkler on June 12, 2013, 07:37:08 PM »
What do you use for sprite editing these days, Sean? I use to be a big believer in the oldschool paint.  ;D
Introductions / Re: It's been a while...
« Last post by Mr. Sprinkler on June 12, 2013, 07:28:46 PM »
You guys may or may not remember a fella by the name of neoshaolin. I also went by Mr. Sprinkler for a little while too. O0
Sprite School / Basics of Sprite Editing
« Last post by Sean on June 07, 2013, 10:14:54 PM »
One of the biggest shames of the forum change is the loss of all the various tutorials, advice, and challenge threads that existed here.    Spriting is definitely something used much less for comics and other projects for better or worse.  While there are still plenty of places to find information on spriting I might as well see what I can do here, though I am myself a bit rusty.  This will hopefully get me back into working with pixels and provide some advice to anyone interested that stumbles upon these forums.

So let this be the first topic in the Sprite School and class is now in session.  For these lessons I will be using sprites from 'Goemon New Age Shutsudou!' as a basis though these techniques can be done with any sprite you find and wish to use.

Lesson 1: The Recolor
The most infamous of all edits is the recolor.  It is the most basic and easiest things to do when modifying an existing.  Some programs can basically do it for you as well.  Let's examine sprite I chose to use at the moment for the lesson.

Now when recoloring a sprite it is important to note the palette used and what colors are reused at various points in the sprite.  It is important when recoloring that you pay attention to what colors are various shades of another.  If I wanted to recolor his hair than this could work:

While this would not for both the reason described and an additional one:

The first reason is as mentioned, the order of colors for shading is wrong.  The lightest tone is replacing what was the darkest color in the hair.  This is additionally problematic because of a few colors that are reused outside of the hair in the sprite.  The two darkest shades of the purple are reused for the eye color and the darkest shade of purple is used as the darkest shade of the worn shoes, arm wrappings, and belt.  In the prior okay example the replaced colors were dark enough that they still worked with the rest of the image but if they were a noticeably lighter shade they would not.  For example the following is correctly replacing the colors of the hair but since those colors are used elsewhere in the sprite it encounters similar issues if you are simply swapping one palette for another:

The lighter palette can work for the hair, but simply replacing those colors completely causes issues elsewhere on the sprite.  This is something to look out for if recoloring by simply swapping colors out in a palette.  The following is done specifically only recoloring the hair:

Now this works better without causing any unnecessary changes to the rest of the sprite.  This does have the downside of causing the sprite to use a larger palette.  Color limitations are not much of an issue for modern games but could come up and it is something to keep in mind.

Homework Assignment: Recolor a sprite both by doing a complete palette swap being careful to use similar shades to avoid causing an issue if a color is reused later and by selectively replacing colors so that all instances of a color are not changed or at least not changed in the same way.

Lesson 2: Splicing

Splicing is when you remove a section from a sprite and paste it onto another sprite.  It is relatively simple, only slightly more advanced than recoloring in its basic form.  It can easily be combined with recoloring to make the part taken fit with the sprite it is added on better and there are a few other techniques that can be used to make it work a little better.  As a first example we will use a very simple part swap.

These two characters are each wielding a weapon.  While their stance for holding the weapon are different (one is two hands in front of body, the other is sideways and only using one hand), simply swapping these weapons is very simple for a few reasons.  After leaving the hand neither weapon has any other part of it covered by any part of the character's body nor covers a part of the character's body.  Both hands are rectangular and similarly shaped.  It is fairly easy to remove them and add them to the other like so:

Now this works out okay.  I think both weapons look a bit off, but for the most part it is an easy swap.  If you want could modify these a bit further:

I felt fr the first the new bludgeoning instrument looks like it is missing a piece of it, exactly a pixel and added that on. For the second did a bit more.  I felt the hammer looked too much like it was balancing on his hand and the head was balancing on the handle.  I modified it so you can barely see a bit of the handle underneath his hand.  I also by adding a few pixels tried making the left half of the hammer a bit wider and try and add a more direct connection from the handle to the hammer head.  It was a very quick modification.  Not entirely sure if it works the best, but believe it works better than if simply just cut and pasted.

Here is another quick example of a splice with me replacing a head of one character with another and then doing some recoloring.

Another quick splice.  Recoloring to get things to match along with try to keep the number of colors in the palette low as well.  And for a final example here is a quick attempt at Tai from Digimon:

Homework Assignment: Make a splice.  Does not have to be anything major.  If you can make minor edits or recolor the sprite after the splice to fit better that will work as well.

Lesson 3: Reshading

For this I am going to take a sprite from the GameBoy Color game of Power Quest and attempt to make it match the shading of this Goemon game.

For reshading start with recoloring to attempt to identify what sections will be what, especially in games that have fewer colors as in a GameBoy or GameBoy Color game.  If you change your mind on some sections later, that is fine as you can see I did with the use of the lighter shade of blue.  It is important in cases where you are changing to style that does not use the same solid color for all boarders it is important to be able to identify which part of the body the boarder belongs to.  For example if there is a hand over a chest, the black boarder most likely should be considered belonging to the hand not the chest.  Usually whatever is in front is what should be getting the boarder.  For these sprites I think the light source should be more to the right as shown in the fact that on the right the pixels touching the background are usually a lighter color than those to the left and a few other details.  I tried enlarging the head and shrinking one of the hands to attempt to make the proportions match a bit better.  Because of the fact different artists have different styles you'll never be able to make a sprite from a certain game look exactly like a sprite from an unrelated game but you can get things close with editing assuming similar sizes to start with.  This is again a rather quick example.

Homework Assignment:  Find a sprite and shade it.  Either start with an old game sprite from  a GameBoy, NES, or earlier system that lacks shading and apply it or find a sprite with shading that you'll work over to try and match a different style or your own person aesthetics.

All together this entire post took me a couple hours and everything was made in MS Paint and then saved in a different program with me being rather out of practice with working in pixels.  I'll say none of these I think are the best examples of these techniques, but they all I think are a bit better than what on average I've found in most sprite comics.  These techniques are simple and not time consuming but can help make whatever you are working on a little bit better than if you just take existing sprites and don't do anything with them and can then be used over and over again.  I am sure there are better tutorials and better teachers out there, but in the memory of times past when we had a thriving spriting community and I was possibly an active member of it here are the bare bone basics as I remember them and if I remember a more useful lesson I'll try posting it here.
Introductions / Re: It's been a while...
« Last post by Sean on June 07, 2013, 04:14:15 PM »
Nice to see you again.  How have you been?
Sprite Comics / Re: Dev Team
« Last post by bmhedgehog on March 30, 2013, 10:55:59 AM »
Bandwidth Used* 95 MB (1%) 10.0 GB

Well by looking on my photobucket account it seems that I have nothing to worry about.  :)
Sprite Comics / Re: Dev Team
« Last post by atmathm on March 26, 2013, 12:45:45 AM »
Yea I think you have to be moving some substantial bandwidth on Photobucket before they shut you off... I wouldn't be too worried about that happening here haha.

Back when my comic was still active I moved to SmackJeeves for hosting and that worked nicely... comes with its own audience too.
Sprite Comics / Re: Dev Team
« Last post by bmhedgehog on March 24, 2013, 03:55:33 PM »
well so far that hasn't happened yet. I have everything stored on external and if it get deleted by photobucket I can always upload it, so this shoudn't be a problem.
Sprite Comics / Re: Dev Team
« Last post by Nanda on March 21, 2013, 08:31:52 PM »
Well, no, not really. You have a certain amount of bandwidth photobucket permits. Every time someone sees that image, it tallies, until it exceeds bandwidth, and then people can't see it anymore. And by timed, I mean, your photos eventually expire and get deleted off the server. Way to go, photobucket!
Video Games and Cartoons / Friend codes, Gamertags, etc, etc.
« Last post by bmhedgehog on March 17, 2013, 11:35:44 PM »
I decided to make a thread in forums where we can store our contact info for various games, be it Pokémon, Call of Duty and what have you. Simply make a post in the thread and I'll update the information on the list.

1. State the system
2. State the game, if applicable
3. State the contact info

When contacting us, please have the courtesy to introduce yourself and tell us where you got our contact information so that we may know that it's from this forum.

(game) - website user name - console user name

Nintendo Wii

Wii console 7090 4934 7412 2402 bmhedgehog

Mario Kart Wii 0303 3982 9959 bmhedgehog

Super Smash Bros. Brawl 2064 2868 1784 bmhedgehog (BMH)

Pokemon Battle Revolution 3267 2121 4100 bmhedgehog

NiGHTS Journey of Dreams 1636 3242 1042 bmhedgehog

360 Gamertags


Nintendo 3DS

3DS handheld 0345-0467-4408 bmhedgehog

Nintendo DS

Mario Kart DS - bmhedgehog - 416672 034224

Pokemon Soul Silver - bmhedgehog- 2708 5722 5924

Pokemon Diamond - bmhedgehog - 3053 7565 8680

Pokemon White - bmhedgehog - 0046 2714 0557

Pokémon Black 2 - bmhedgehog - 3311 2425 2161

Appended 4/12/15:I'm now on the Playstation Network. As usual its bmhedgehog. Just got a PS3 for my tax return.  :D

I'm quite surprised that no one else has chimed in.
Sprite Comics / Re: Dev Team
« Last post by bmhedgehog on March 16, 2013, 07:21:29 PM »
I use photobucket so download limitations are not a problem as those are img links. As for the length that is out of my hands, as I have no control over it.

However is there any way for you to get rid of that huge gap that I marked off? That gap is just too damn big.  Thats funny everything looks fine when Previewed.
Pages: 1 [2] 3 4 ... 6