Sign in to follow this  
Piter3

Cartoony borders - need help

Recommended Posts

Piter3    201

How to achieve that nice, fat but irregular borders in Inkscape or gimp or Photoshop Elements?

Borders like found in games called Paladog, Dungeon Rampage (you can find it on FB games) and most flash games, even most casual games.

I found some tutorials on cartooning but they're showing a regular border but irregular gives best impression.

Irregular may not be a best word to describe it. It doesn't look flat and in most tuts it does. Or is it just matter of good geometry? I don't think cause it may be a flat figure and it looks great. There's that style in cartoons like dexter.

 

I read that it's better to create that style in vector graphics program but I don't have iluustrator. Yet. Only inkscape for today :(

I'd be gratefull for giving tips or links to good tutorials smile.png

Edited by Piter3

Share this post


Link to post
Share on other sites
Kryzon    4624

Those games achieve the mixed outline widths by overlaying parts of objects on top of each other. 

 

What you can do is in Inkscape you create your objects, and when you're done you duplicate all the parts, unify them and add a thicker stroke to this unified matte. Then when you overlay the original with the thick outline, you get the effect.

 

snow_Man_Border.png

 

Just make sure you're well versed with Inkscape's functionality with objects, alignments and paths (boolean operations, converting objects and strokes to path, etc. etc.).

Share this post


Link to post
Share on other sites
ntwiles    145

I think what he means is lines that vary in thickness along the course of the line. This is actually a side effect of the way these lines are drawn in the first place; with a pen tablet. Photoshop tools allow you to vary the thickness of the lines drawn depending on how hard you press down on the tablet (from what I understand, I've never used one).

 

That being said, you could probably fake this effect using the Pen tool in Photoshop if you wanted to badly enough.

Share this post


Link to post
Share on other sites
sunandshadow    7426

Oh, are you asking about variable line widths?  I know how to do that in Inkscape. :)  There are actually 3 different ways: you can use the "draw caligraphic or brush strokes" tool, or the method I use is to draw the line as a color area that covers up the lineless edge of the main color area, or the opposite, instead of a line use a "shadow area" which is below and slightly larger than the main color area, so only the edges show.

Share this post


Link to post
Share on other sites
Kryzon    4624

In Inkscape, you can also convert the stroke of an object to a path (CTRL+ALT+C) so it becomes a shape that you can alter etc. and play with the nodes and tangents to get the dynamic shape you want.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this