Hand-Drawn Sprites?

Started by
10 comments, last by eld 14 years, 9 months ago
I'm having a real hard time drawing good sprites in Photoshop, and I'm even worse at animating them. However, I'm good at drawing with a pencil. Does it work well to scan drawings to make sprites with them? (and color them with photoshop) Is this a common practice? What works best for you? Taking someone else's sprites is out of question for me.
Advertisement
It's possible to scan in hand drawn artwork and then trace over it in photoshop to make sprites. This sort of technique is used a lot nowadays with CG artwork. Most webcomics are made this way. (example: penny-arcade.com)

The real trick is going to be getting it to actually look like a pixelated game sprite. Though I think it could be interesting having your game artwork look hand drawn. It wouldn't be totally new but it would be pretty unique among most of today's games. You could hand draw and color everything, scan it into photoshop and then just trace around the outer edges so that you get nice clean edge work. Then just leave the rest of it alone.
[size="3"]Thrones Online - Tactical Turnbased RPG
Visit my website to check out the latest updates on my online game
Thanks. I haven't thought about it that way. Sounds interresting
I had the same problem -- I wanted to draw animated sprites, could draw by hand, but not digitally. I had a whole plan to draw all the images in a game with watercolor then scan them in, etc.

I found the production chain to be too cumbersome and time-consuming. It was quite a pain to have to go back and redraw/repaint by hand and rescan any small mistake or change I wanted to make -- and this is perhaps the crux of the problem: the creation and especially modification of hand-drawn assets takes quite a lot more time than digitally reworking assets.

So I went and learned to do everything digitally, and now I do everything digitally. I highly recommend it if you have, um, 6 months to a year to dedicate to training yourself.
Photoshop is not really compatible with animation, I use gimp to create animated sprites because it can open animated gifs and preview animation movement. I use drawn frames as source images when creating an animation, but do not leave any of the original pencil or marker work in the final sprite, I redo it all with a vector program or pen tool in gimp/photoshop. This is because the lineweight of the original is uneven and in most cases sprites need to be on a transparent background, not white like scan backgrounds.

I want to help design a "sandpark" MMO. Optional interactive story with quests and deeply characterized NPCs, plus sandbox elements like player-craftable housing and lots of other crafting. If you are starting a design of this type, please PM me. I also love pet-breeding games.

@sunandshadow
Photoshop can open animation files and if it is 6 or 7 it should have ImageReady for animation. The newest ones have the tools from ImageReady built in.

For your trouble, perhaps draw the sprite you want and digitize it. I tend to take drawings and use layers to trace over them so I get a digitized version and have a guide to work from.
Quote:Original post by Dragonsoulj
@sunandshadow
Photoshop can open animation files and if it is 6 or 7 it should have ImageReady for animation. The newest ones have the tools from ImageReady built in.

For your trouble, perhaps draw the sprite you want and digitize it. I tend to take drawings and use layers to trace over them so I get a digitized version and have a guide to work from.


I have CS3 and it does not open animated gifs.

I want to help design a "sandpark" MMO. Optional interactive story with quests and deeply characterized NPCs, plus sandbox elements like player-craftable housing and lots of other crafting. If you are starting a design of this type, please PM me. I also love pet-breeding games.

CS3 here as well.

It's true, you cannot /open/ .gif files like you could in previous versions of Photoshop without having some other Adobe product that was not in the bundle I purchased. I was extremely disappointed with this and it certainly did not come as a pleasant surprise when I was called upon to update some animated banners...

You can still use the animation tools built into Photoshop (which are admittedly a bit lacking) to create animations and /save/ animated .gif files. Not that anyone actually uses .gif files for sprites in games, of course.

So, yeah, Photoshop is not a tip-top tool for doing sprites efficiently but I like the rest of its abilities enough to deal with it -- and various third party apps make up for anything PS doesn't do, of course.
GIF is a useless format for real animation. It's not useful for games (try extracting the delta-encoded frames), and its color palette is too limited for scripted animation. It is best suited to small, quick web previews.

Frame sequences are more valuable for sprite-based game development, and generic movie formats - SWF, AVI, WMV, MOV, FLV, etc - are preferably as final output for scripted animation.

(The best sprite animation tool ever was probably Deluxe Paint for AmgiaOS, which was ported to PC in the early 90s. Those were the days. [smile])
Are you having trouble drawing by using the mouse in Photoshop? Look into a tablet, Wacom makes some fairly inexpensive ones and once you get used to using it (and you will, it just make take a few days to train your hand to move while looking at the screen) you'll wonder why anyone would ever want to use the mouse with Photoshop....

Beyond that, you could draw the most important keyframes by hand, scan them in, make copies and tweak them for the in-between frames.

I think Illustrator has a function that will look at line drawings and convert them into vectors. Then you could try smoothing the lines out if you want a cleaner look.

You could draw at a higher resolution and then reduce the image size to your required bitlevel to get a pixelated look.

You can photograph "things" and use Photoshop to cut them out of the photo and then animate them. I've made things by hand with clay and simply taken pictures of it. You can also do stop-motion animation and use that, or take the stop-motion footage and rotoscope it....


Really, when I interpret your question, it sounds like you're asking "is there some other way to do animtations besides drawing them inside Photoshop?" And the answer is yes!!! Try researching various animation techniques; people've been doing this over a century now, long before computers even existed, and you're doing yourself a disservice by not looking deep into the subject and seeing what's possible....

This topic is closed to new replies.

Advertisement