The Custom SPrites Tutorial Thread

The Custom SPrites Tutorial Thread

Postby Eriance » Sat Jun 16, 2007 1:13 pm

Here's a cheap tutorial on how to make various types of sprites, including Recolors of various types, Edits, scratch, and those of centered and non-centered weapons. I'll do these in sections, starting with the hardest: Scratch Monster Sprites, as I'm already working on monsters for DE.

Be aware that these are only my methods, and they may not be the easiest out there. Since mine require drawing, people with some drawing experience is recommended before attempting (you dont need to be very good at drawing to make nice monsters, though).

There are several other methods, such as modeling in 3D or in real-life. But i will only go through the drawing method. If anyone else has other futher experience they owuld like to share, feel free to post it in this thread, as this is meant to be a community tutorial, not just my personal blabbering. :D Feel Free to Share your Opinions.
--------------------------------------------------------------------------------------
SCRATCH MONSTER SPRITES-DRAWING:

THis is probably the hardest and most tedious type of spriting. Since even the most basic complex-monsters have 40-60+ frames (Things with limbs), this task takes a very long time. It requires a understanding of how a object rotates as well as your monster move. To draw these sprites well, you must understand how the monster's movement, this is mostly for monsters with walking limbs (cacodemons-like floating monsters are pretty easy to make).

Here's is a step by step method of doing things.

1) Gathering Ideas: It's best to have a general idea on what kinda monster you want, it's performance and role, as well as looks. Once that is done, make a sketch; it doesn't have to be a very detailed or very good sketch, just enough to use as reference for Step 2.

Here is a sketch i made for the redesigned "Ignist" from DE:
Image

2) Movement: Since this focuses on a complex monster, movement is important. Try to envision how your monster will move with it's various properties. If you're serious enough about spriting, you might actually wanna get a wooden pose refernce model to test this (or you cna stare at yourself in the mirror). Once you figure out how you want the mosnter to move around, it's time for the first real hard part: Drawing the Pose Reference Sheet.

Here is the pose Reference sheets for th Ignist monster:
Image
Image
Image

These will be the base for your sprites. They should contain all the reotations (5 or 8, depending on how picky you are) for each movement your mosnter will make. I personally prefer graph paper as it helps be keep the size relatively constant and help with other aspect of perspective and whatnot. This task is tedious and it does take some understanding of basic anatomy. This sheet however, should not be too complex. If you are not too good at drawing, stick figures should suffice as this is only meant to be a reference to how your monster moves, not the act monster itself.

3) Size-Configuration: When you make a monster, also decide on how big it's going to be relatively to the Doom marine or whatever you want. Ofcourse, with SCALE in decorate, this can be ignored, but I like to keep things consistent with Doom as much as possible in terms of size. Once you decide on the right size for monster, get a sprite from a existing monster (doom2 or whatever) and take it's Forward-facing frame as a guide. Be sure to choose the mosnter's tallest from-head-to-feet frame, as some monster hunch over when walking.

For the Ignist, i've chosen the Revenant to be the size reference. Note that I'm only going to edit ONE of the frames for my monster and very quickly, so it may look a bit sloppy. You will also need Photoshop to do this, but im sure Painter also has very similar if not identicle tools.

Take the size reference and paste it into a canvas of large enough size. That cut your frame out and resize it by first using the marque-tool (the box-selection tool) to wrap around your drawn-reference, then right-click -> Free TransForm. Now hold SHIFT and move your mouse to the corners of the selected area. You should see a double-arrow come up; move that around while holding shift to rezie your monster while constraining the proportions.

Here's the finished product:
Image

Note that you should rezie the ENTIRE sheet and not just frame at a time when doing an actual monster. I only did 1 frame because it would be too hard to do the entire sheet at once. You should also make sure the size of your own drawings match up here. If not, reize them relative to each other until you think it looks right.

4)Drawing the Base: This is the actual thing you will sprite. Make a new layer ontop of your drawing and get the pencil too using 1-pixel brush to trace over the relative area of your drawn-reference. It doesn't have to be perfect, as this stage you should correct the mistakes on your drawing (as you can see, the size of the arms and legs are no consistence in my drawings, this is where you should correct it).

Here's the finished Base:
Image

Now Lock this layer as you dont wanna screw it up whe you color it.

5)Coloring/Shading: This step isn't as hard as it looks, as photoshtop as lots of useful tools that make sit pretty straight forward. However, it will require some understanding of light and shadow, but since this si doom sprites, it wont be that complex. To color use the Magic Wand tool to select the colored areas of you Base. Then make a new layer and color there.

First start with the darkest colors (note that your base should have the darkest colors). Make simple highlights on where the muscles and other areas of raised surfaces (such as the ribs) should be. If you need help on how muscles look, there are plenty of anatomy websites. Here is the first color layer:
Image

After the colors are laid down, it's time to blend it. use the Smudge and draw the colors around the edges of your colored spots to smoth them out relative to the background. It should look like this when down:
Image


Repeat the process on several layers, with the lightest color-layers on the top. The finishe proect of 3 layers of colors should look something like this. Your monster should start taking on some shape now:
Image

5)Texturing and Highlights: This step is to add in contrast, lines of any short, and highlights, bumps, and other effects onto you monster. Again, always use a new layer for each step. First, is the shadows and lines. Make a new layer and use black to add in lines that helps distinquish one part of the monster from another. In this case, i used it on the ribs and a little on the arms and legs. Use the smudge tool again the smoth the stuff out. The finished product looks like this:

Image

Next, if you see fit, add in minor highlights for further contrast. Use white and make a new layer (above or below that Lines/Shadow layer, depending on which you think looks better. I ususally put the Highlights under the lines) and add in some white spots, use the smudge tool to smoth it out, and then set the Layer to "OVERLAY" style. You can change the style depending on which you think looks better. The finished product looks like this:

Image

Your Sprite is Nearly finished. Finally, select the base layer and unlock it. Now, double click it to open the Layer properties menu. Check in Inner glow, change the color from that light-yellow to black, and set the mode on "Multiply". Change the "Size" to whatever you see fit 1 pixel is plenty for monst monsters. This adds a slight contrast to the edges of the monsters. The Finished product looks like this:


Image

Change the opacity to whatever you see fit.

6) Finally, your sprite is basically done. Turn off the Layer with the size and drawing reference so only your Monster is left on the screen. Select the area and hold CTRL+SHIFT and press C to copy the Image with merged layers. Open Your wad editer and select one image from Doom or whatever game you are useing and save the image to your disc. This File will continue all and only the pallete from your game. When you paste it in, the colors for your sprite will be automatically converted. Although, it doesn't matter waht color you draw your mosnter in photoshop, since you canr resaturate it later, it's a good idea to note what colors are available in your came to prevent complications.

Paste your mosnter in and add in whatever minor details using MS paint or your program of choice. I usuall leave the claws, eyes, teach, and spikes out of the photoshop process as they are usally too small and generally easier to do by pixel-editing.

Image

7)Completion: Your sprite is not finished. note that you should color ALL the frames at the same time to help keep things consistent and help spot errors.

here is the Finished Sprite (this is not how the Ignist will actually look, just a tutorial):
Image

I hope this Tutorial is Helpful to some of you. I will make other tutorials on the recoloring, basic edit, complex edit, as well as weapons' stuff later one when I find the time. The process is very similar though.
User avatar
Eriance
The Sentient Mushrooms
 
Joined: 26 Jul 2004
Location: Growing from a mycelium near you.

Postby solarsnowfall » Sat Jun 16, 2007 2:23 pm

Very impressive. If there's one thing I can do pretty well, it's draw. Now drawing and spriting seem a lot less disconnected than I had once thought. *bookmarks*
User avatar
solarsnowfall
 
Joined: 30 Jun 2005

Postby Ryan Cordell » Sat Jun 16, 2007 2:25 pm

solarsnowfall wrote:If there's one thing I can do pretty well, it's draw.


. . What?! What about ACS?! :P
User avatar
Ryan Cordell
Literally did nothing worth noting
 
Joined: 06 Feb 2005
Location: Capital of Explodistan

Postby Eriance » Sat Jun 16, 2007 2:25 pm

Oh yeah, I forgot to mention that I drew eh sprite with a tablet. It helps a lot, but it's not required.
User avatar
Eriance
The Sentient Mushrooms
 
Joined: 26 Jul 2004
Location: Growing from a mycelium near you.

Postby Juan "JacKThERiPPeR » Sat Jun 16, 2007 2:29 pm

THANKS A LOT ERIANCE! :D
User avatar
Juan "JacKThERiPPeR
Got ego?
Banned User
 
Joined: 03 Jun 2007
Location: SPAIN

Postby XutaWoo » Sat Jun 16, 2007 2:40 pm

Wow. I really need to get photoshop.
User avatar
XutaWoo
one day when going to see the rabbit, there was a previous visitor ...
 
Joined: 30 Dec 2006
Location: beautiful hills of those who are friends

Postby Dutch Devil » Sat Jun 16, 2007 3:25 pm

Thats an freaky looking monster too bad I suck at drawing, I think I have to get me myself an tablet and just try stuff.

Nice tutorial oh and finish that thing :p it looks very cool.
User avatar
Dutch Devil
Knee Deep in Projects
 
Joined: 10 Mar 2005
Location: Netherlands

Postby Zippy » Sat Jun 16, 2007 3:53 pm

Now all we need is to recruit an army of artists to get cracking on a new generation of horrors that don't look like the originals with a little makeup.
User avatar
Zippy
Scathing political commentary!
 
Joined: 23 Mar 2005
Location: Rochester

Postby Project Dark Fox » Sat Jun 16, 2007 5:29 pm

Zippy wrote:Now all we need is to recruit an army of artists to get cracking on a new generation of horrors that don't look like the originals with a little makeup.

Yo.

Eriance, this is definitely going to be a lot of help. I'm glad to see that even an early version of PhotoShop will do for this.
... GLad I only need to do some weapons and textures.
User avatar
Project Dark Fox
Learn Toaster Repair (Nightmare Fuel Station Attendant)
 
Joined: 14 Jul 2005
Location: The Gutter

Postby Nuke em » Sat Jun 16, 2007 5:43 pm

What version of Photoshop is that?

BTW: That sprite looks awsome,
I've been trying to come up with
some ideas of my own, but the
problem is that I can't draw
(on the computer and in real life).
It pisses me off! :x
Nuke em
Enter... The Fray. Don't forget to melee!
 
Joined: 16 Nov 2006
Location: Working in my sercret laboratory.

Postby Dancso » Sat Jun 16, 2007 5:50 pm

Awesome tutorial! I didnt know you can make nice sprites so easily from sketch drawing! I think i'll practice drawing. :)
User avatar
Dancso
bow wow
 
Joined: 11 Oct 2006
Location: at home.. Status: lazy like hell

Postby Project Dark Fox » Sat Jun 16, 2007 5:50 pm

Nuke em wrote:[...] but the
problem is that I can't draw
(on the computer and in real life).
It pisses me off! :x

None of us are good when we first start drawing. Hell, I've been drawing for a hefty 16 years and I'm only moderately good compared to most. ;) For many it takes only 3.
It just takes practice, that's all. :)

I vote that we get this thread stickied.
User avatar
Project Dark Fox
Learn Toaster Repair (Nightmare Fuel Station Attendant)
 
Joined: 14 Jul 2005
Location: The Gutter

Postby Nuke em » Sat Jun 16, 2007 6:33 pm

Project Dark Fox wrote:None of us are good when we first start drawing. Hell, I've been drawing for a hefty 16 years and I'm only moderately good compared to most. ;) For many it takes only 3.
It just takes practice, that's all. :)

I vote that we get this thread stickied.


I second this motion. :thumb:
Nuke em
Enter... The Fray. Don't forget to melee!
 
Joined: 16 Nov 2006
Location: Working in my sercret laboratory.

Postby Dancso » Sat Jun 16, 2007 7:02 pm

Lol i've never tried using the smudge tool like this before here is my first try at this: (Didnt use a sketch, i used the pinky demon's base instead.)
Image
User avatar
Dancso
bow wow
 
Joined: 11 Oct 2006
Location: at home.. Status: lazy like hell

Postby Eriance » Sat Jun 16, 2007 7:34 pm

I Use Photoshop CS. I'm gonna start using painter X, since i here it's better at coloring drawings than Photoshop, but who knows?
User avatar
Eriance
The Sentient Mushrooms
 
Joined: 26 Jul 2004
Location: Growing from a mycelium near you.

Next

Return to Tutorials

Who is online

Users browsing this forum: No registered users and 1 guest