March 26, 2010

Photoshop: Pixel Pointers

Filed under: Uncategorized — emineepich @ 4:33 pm
Tags: , ,

Ho-Oh will never change poses NEVER
To celebrate the recent American release of Pokemon SoulSilver and HeartGold, I’m going to take the time to give three tips on a topic near and dear to my heartstrings:


Spriting, based off of the word sprite, which is a pixel image for a video game, is creating and editing sprites.

I’ve dabbled in it since around four years ago, and I’ve developed a number of tips for anyone who’s thinking of trying it out.

Tip #1, a basic

When spriting in photoshop, use the pencil tool, rather than the brush tool. The brush tool is a much softer line, unsuited for the pixel by pixel work you’re doing.

Tip #2, an aesthetic

Sprites with white backgrounds can be a bit of an eyesore when shown against a different colored web page. That’s why it’s often better to give your sprite a transparent background. Either start out with a transparent background, or dye the white part a color your sprite doesn’t contain, like lime green.

Then, when you are done, select save for web, and select gif from the filetype drop down (It’s good to save as gifs when it comes to sprites, rather than jpegs). Then, in the color collection below, pick out that lime green and select the little transparency button.

Viola, transparent. No more background. (Well, you can’t really see it with the white, but trust me, it’s not there.)

Tip # 3, a trick.

Sometimes, you may need to resize a sprite. Doing so normally can create huge distortion in such a small precise image. But there is a way to expand the image without the blurred effect.

Go to image, select mode and select indexed colors.

Now, when you resize a sprite, it doesn’t blur. It will be slightly distorted depending on how you stretched it, but now it’s much easier to deal with.



  1. This is kind of an odd coincidence because I was trying to find out how to make a transparent background on an image just yesterday. This was more informative than anything I can find just “googling” it. Thanks!

    Comment by taddaniels — March 26, 2010 @ 4:59 pm | Reply

RSS feed for comments on this post. TrackBack URI

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

Blog at WordPress.com.

%d bloggers like this: