[Tutorial] Revolving Monster Sprite

Handy guides on how to do things, written by users for users.

Moderators: GZDoom Developers, Raze Developers

Forum rules
Please don't start threads here asking for help. This forum is not for requesting guides, only for posting them. If you need help, the Editing forum is for you.

[Tutorial] Revolving Monster Sprite

Postby Amuscaria » Fri Mar 29, 2013 11:36 pm

Since I've never drawn a revolving sprite before until making my latest rendition of DE's Guardian, I had to figure out a good way to make sure the perspective is correct. Here's how I created the sprite, without 3D modeling (which I really need to learn :P). Keep in mind there are many other methods, and what I state here are nothing but my artistic opinions.

1) DESIGN: Before investing a substantial amount of time into sprite, make sure you have a viable design. It would be a waste of time to find out half-way that your thing didn't actually fit together in 3D-space, and you end up scrapping it. I've gone through that many times from past failed spriting attempts. Keep shapes simple, and add detail using bottom-up. For example. My guardian is just a diamond prism. You can start from any angle sprite you want, but doing the from or sides (in this case, since its radial symetric, it doesnt matter) are best from my experience.

Image

2) TOP-PROJECTION: When you're drawing something that is revolving, it's hard to visualize how far the parts should move from their original positions sometimes (at least for me). However, you can help yourself get the right places by first making this projection from the top. As you can see here, it's roughly lined up with the various forms on my original sprite (I ended up tweaking the finished sprite a lot afterwards, so they don't perfectly line up anymore).

Image

3) ROTATED REFERENCES: Once you have you top projection done, rotate them to generate enough frames for 1 movement. My sprite has 4 symmetrical sides, thus I need to rotate the face 90 degrees for 1 completed movement. I've decided to break this down into 6 frames, so each is 15 degrees from the normal. Notice that because the design is symmetrical, you wont need all 6 frames. You can just mirror some of the sprites later to complete the set.

Image

4) NEW FRAMES: Using your reference from step 3, and the original, you can make the new sprite with all the forms in generally the right positions. Draw the base for coloring. Keep in mind that this type of projection does NOT account for perspective, so everything is parallel. You can edit the final sprite later to add some perspective adjustment. But the amount of forshortening would be relatively small, and probably not noticeable at Doom resolutions.

Image

5) COLOR/SHADE: Color the thing in your program of choice. I did this in photoshop. You'll have to do a lot of pixel editing afterwards to flesh out the finer details. You'll probably have to move things a round a bit too to make each frame look consistent.

Image

6) MIRRORING: As i mentioned above, you can save yourself time by mirroring as many sprites as possible and end just editing the mirror image to make them non-identical for more variation. It's up to you really. Not editing would also be fine since it's animated. Below is the 15 degree frame, mirrored to form the 75 degree.

Image

7) REPEAT: Finish the rest using the same method. You'll need to do some pixel-editing to make sure the thing animates smoothly. Depending on how much of a nit-pick you are, this process can take quite a while.

Image

Again, this is one of many methods you can do this, and by no means the most time-efficient. 3D modeling, or using Blox' warping method will generate the base images for editing much faster. However, you will still need to either make a 3D model, or at least make 2+ frames to have enough reference points for the warping program. This method will test your patience, but also give you some practice in attaining some raw ability and experience, which using the software shortcuts won't offer. I hope you all find this useful. I look forward to seeing more custom sprites from new aspiring spriters in the future. :D
Last edited by Amuscaria on Mon Apr 01, 2013 11:21 pm, edited 3 times in total.
User avatar
Amuscaria
The Sentient Mushroom
 
Joined: 26 Jul 2004
Location: Growing from mycelium near you.

Re: Short Revolving Sprite Tutorial

Postby Unholypimpin » Sat Mar 30, 2013 4:36 am

Awesome tutorial Eriance and very useful.

On a side note im curious on how long it took you to make 1 finished sprite. and btw that new guardian cube sprite looks amazing.
User avatar
Unholypimpin
The GutterGhost is coming over for dinner, are you prepared?
 
Joined: 05 Feb 2009
Location: California

Re: [Tutorial] Revolving Monster Sprite

Postby BloodyAcid » Sat Mar 30, 2013 6:28 pm

Wow, I didn't know this much work went into making a rotation. When I tried my hand at this stuff, I just took the skull cube from the original Doom 2, made black cube perspective drawings and overlayed my sprites to match. This is interesting stuff. Thanks for the tutorial.
User avatar
BloodyAcid
sucky sucky go lucky
 
Joined: 26 Jul 2012
Location: Canadia

Re: [Tutorial] Revolving Monster Sprite

Postby Captain Awesome » Sat Mar 30, 2013 9:19 pm

Extremely thorough and informative. Good stuff as always, Eriance!
User avatar
Captain Awesome
 
Joined: 09 Aug 2009
Location: U.S.A.


Return to Tutorials

Who is online

Users browsing this forum: No registered users and 1 guest