The Pixel-Zone

sign in :: site map :: help :: rpgdx

HomeStorageNewsMembersForumsIRCRatingsCompetitionsPixel-ArenaAvatar WarsDownloadsTutorialsWeb LinksJobsAdmin SectionPixel-Zone
tutorials
selective outlining
tutorials
tutorial links

Tutorials: Selective Outlining (selout)

Main Tutorials

Some Extra Tips: Shade the Line First

  1. Okay, take a look at this











    Nothing new here, (1) outline is traced from sketch, no coloring, (2) the sprite's outline and base shade are colored, and (3) some basic shadow added. In this sprite, the light is coming from the top right, so the shadows fall to the bottom left. Since our outlines are going to be more than one color, we can use light to our advantage on the outlines. Just as the main form of the arm is lighter at the top left and darker at the bottom right, the outline can also be lighter in one part and darker in another.



  2. Here, I've lightened the outline where it is closest to the light source. If your using more than 4 colors, you have a choice of how light to make it, in this case, we can only use the 2nd shade, or else the outline would disappear. If you take a look at Capcom sprites, you can see how they may have used this on the outlines, the lines generally look lighter at the top of the sprite (because the light source is from directly above in their games) and darker towards the bottom.



  3. Then I added a some of the darker shade on areas where the light is farthest away from the outline. The sprite is still just as outlined as before, but it has multiple shades now.

    It may help to do this earlier, before the base is colored, like so...



  4. There are advantages and disadvantages to both methods (i.e. coloring and shading the base first, then shading the outlines, or shading the outlines, then coloring and shading), see which one works for you.



  5. Next I dip into the 3rd shade, which means I'll need to add a little of the 4th shade to preserve the outlines.



  6. And finally I complete the sprite, starting with the first shade to break up some of the outline closest to the light source. Then I grab the 2nd shade, lightening some areas of the outline, darkening a few corners (the good thing is, shading the outline beforehand takes care of a lot of this, so there's less work to do later on). And finish off the shading with the 3rd and 4th shades.

Previous page : : Next page

Back to top

Support Pixel-Zone :: About Pixel-Zone :: Site Map :: Help

Our Privacy Policy, Conditions of Web site use, copyright and disclaimer
© 2001-2002 Pixel-Zone