EverQuest: The Animated Adventures

How to make your own Animated-Style characters
Yes, you too can make characters in the style of the Batman-Superman Adventures!  Simply follow this tutorial and in no time you can bring your EverQuest characters to life.  It's an easy process, and will hopefully provide you with a little fun and an animated character of your very own.

What you'll need :

  • Adobe Photoshop 5.0 or better
Recommended equipment (not mandatory, but it helps) :
  • A digital tablet (such as a Wacom)


Character Creation Process
1.  Choose a character to create
  • Of course, in order to create a character you must first have one in mind.  The video game of EverQuest fortunately has a screenshot feature, so getting a picture of a character is relatively easy.  In this particular instance, we shall recreate the character Valetrian Lochinvar, found in this site's Keyplayers section :
We shall transform a character from this...
... to this.
 



2.  Choose a template
  • Characters of this series are primarily created through use of a template that best defines the shape, physique, and personality of that character.  For our purposes today, we shall use a standard heroic male-style template :
Templates can be found at the following site :




3.  Modify the template for work-purposes
  • Most templates available will be in Index Color mode, i.e. GIF files.  In order to work from them, you will need to convert them into RGB files by going to Image>Mode>RGB and you will be doing your saving from this point on in PSD format.
  • The templates listed are too small to work on for detail at the moment, so what you'll need to do is increase its size by 300%.  The picture should be a little over 1000 pixels tall now.


4.  Start to apply linework to the piece
  • It's at this point that you start to add lines to the picture.  To do so, you will want to do the following :
    • Create a New Layer and label it "Linework", or something similar.  This is what you will draw on.  This way, if anything goes wrong you can always clean up the linework without actually affecting the base template underneath.
    • Start to lay down lines.  The best way to keep nice, curving lines, is to use the Pen Tool, like below :
      You will need to create a curve path that you are comfortable with, then Stroke the path for that curve, starting a curve for the next line.  The Pen Tool's brush width should be the second from last on your pallete, as the arrow indicates.
    • For other details, smaller details (or if you just don't feel comfortable using the Pen Tool), you can use the Paintbrush Tool at the same brush width.  It's a little more difficult to get smooth lines, but gives you a little more control over smaller detailing and unusual line designs.
    • By repeating this process over and over, you will add lines until the base detailing is done, as you can see :
    • If you don't want to risk affecting certain lines you have made, you can make another Layer for linework and start working from that one.  Continue until you have completed your lines:
    • If you haven't done so already, this would be an excellent time to save your work.  Saving often is recommended whenever you feel you've gotten a good amount of work done that you definitely don't want to lose.
      • Remember : Animated-style characters are somewhat simple and not overdetailed.  You don't need to get every detail when you make the lines, just the most prominent ones.
  • Congratulations, you're done with the most time-consuming portion!


5. Add in extra grey for shadow layer
  • With the new lines, the original template's grey shadow-portions may not fit properly and you might have to add in additional grey for the new shadows.  What you will need to do is select your bottom Background layer (the one the original template is on) and paint in grey where any new shadows should be.
    • Like linework, shadows don't have to be overly prominent in Animated-style.  Think conservatively when you work on it.


6.  Applying color
  • While this next step will involve more layers, it is a relatively quick step;  Animated-style uses simple, flat layers of color.  Simply create a New Layer for each specific color and fill it in so it matches the right parts of the body :
    • To help you stay within the lines, you'll probably want your color layersto be between the Linework layer and the bottom Background layer.
    • When you get your colored layers done, you'll discover shading those layers is a breeze.  Simply change the layers from Normal mode to Multiply Mode :
    • Occassionally you'll want to add extra textures to your character's clothing or body, such as when they wear chain mail.  While there are many different techniques to do such, here is one that you might wish to use...
      • Select the layer you want to apply the texture to; make sure the Preserve Transparency button is activated (this will prevent anything from going outside the colored area).
      • Choose a texture to apply; here is an example of a chainmail texture :
      You can find more on the Internet or even in photographs or magazines.  Remember to keep the textures simple, Animated-style (as we've mentioned before) uses limited amounts of detail.
    • With the texture image selected, click Ctrl-A to select the entire image.  Then click Edit>Define Pattern to store this image as a pattern in Photoshop memory.
    • Go back to your character's image and click Edit>Fill...  In the upcoming window, make sure Pattern is selected from the menu, and click OK.  Your layer with the color will be completely replaced with the new texture.
    • But never fear!  Now go to Edit>Undo.  This will remove the texture you just applied.  Now go to Filter>Fade Fill...  This will reapply the texture once again, but now you can modify how strong the Opacity is, as well what mode it is in : Overlay mode and 50% Opacity is usually best for textures like chainmail or lizard scales, but adjust to whatever fits your picture best.  You should now have a nice blend of both color and texture.


    7.  Add highlights
    • Highlights should primarily be reserved for flat plate metal and shiny leather.  It adds the last amount of shine detail for the body.  To do this, create a new layer, just under the Linework layer and over all the color layers.  Then, using either the Pen Tool or the Paintbrush Tool add a single thick line (3rd or 4th smallest brush size), draw a strong white line aligned with the curve of the body.  Then, make the Layer's mode Overlay; this changes it from pure white into a much brighter-colored version of the color it's laying over.
      If you wish to, you can add another very thin line along with the thick one to add an extra highlight, but try to be conservative with these so not too much deatil is added.


    8.  Adding the head
    • The head can possibly be the most difficult part, as you'll want your characters to look different from each other while still retaining the simple design of Animated-style.  The best way to do this is to look at other Animated-style characters such as on the Batman-Superman Adventures website, the DCU Animated website, or even go to the source at the Bruce Timm website.  For Valetrian, we used Aquaman as a reference :
       The two share many facial similarities, so when we work on Valetrian's face we try and go for a similiar design : similar jaw structure, similar hair shape, placement of the ears and eyes, etc...  This is usually drawn using the Paintbrush Tool and on a new layer at the top of your layer hierarchy.
    • When you've applied the linework for the head, apply colors in the exact same manner as you did for the clothing : with a seperate layer of flat color underneath the head's line layer, converting that layer into Multiply mode.
      • Note : since heads always tend to have unique shapes, you may have to do more recoloring of your bottom template layer, adding and removing greys for shadows and even removing and reworking some of the black base lines to accomodate head shape and hair.
    • As you can see, upon completion you can have something that looks similar to its reference yet is still unique, while retaining an Animated-style appearance :
    • One thing you may wonder about while working on this portion is how to make your characters' faces look distinctly different from one-another -- after all, there's only so many different character faces in the game of EverQuest.  For instance, Brother Qwinn and the Priest of Discord use the same character model in-game :
    However, by adjusting some details here and there, from the moustache design to the shape of the head, even how the eyes are expressing, you can still make your character distinct; just keep your character's personality in mind :

    9.  Finishing up
    • Add whatever details you think your character is missing, and when you're happy with the product it's time to Flatten Layers into a single flat image.
    • Reduce the image back down to a small size, about 34%.
    • Because of the flat colors these images are best suited as GIFs, so you'll want to Image>Mode>Index Color (do not do this before reducing its size or your lines will become stilted and jagged).
    • File>Save as... your image as a GIF, and you now have your very own Animated-style character!
    EverQuest is ©2003, Verant Entertainment, a division of Sony Online Entertainment, and is used with permission. All rights reserved. This webpage is a work of fiction, and its contents ©2003, Olethros and may not be used or replicated by any means without permission.