Jump to content

  • Log In with Google      Sign In   
  • Create Account

Cartoony borders - need help


Old topic!
Guest, the last post of this topic is over 60 days old and at this point you may not reply in this topic. If you wish to continue this conversation start a new topic.

  • You cannot reply to this topic
7 replies to this topic

#1 Piter3   Members   -  Reputation: 201

Like
0Likes
Like

Posted 28 September 2013 - 12:47 PM

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, 28 September 2013 - 12:49 PM.


Sponsor:

#2 Kryzon   Prime Members   -  Reputation: 3040

Like
1Likes
Like

Posted 28 September 2013 - 02:21 PM

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.).



#3 Ntwiles   Members   -  Reputation: 144

Like
3Likes
Like

Posted 28 September 2013 - 03:01 PM

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.



#4 Piter3   Members   -  Reputation: 201

Like
0Likes
Like

Posted 29 September 2013 - 10:51 AM

Ok, but have you any tutorials showing how to do it in that style?

you may notice that style also in cut the rope on even birds.



#5 Piter3   Members   -  Reputation: 201

Like
0Likes
Like

Posted 06 October 2013 - 11:10 AM

nobody? is it a secret knowledge? ^^



#6 Kryzon   Prime Members   -  Reputation: 3040

Like
0Likes
Like

Posted 06 October 2013 - 03:02 PM

Hello. I don't know of any, but I Googled for "cartoon outline thickness" and the first result is a tutorial about it.



#7 sunandshadow   Moderators   -  Reputation: 4917

Like
0Likes
Like

Posted 06 October 2013 - 03:30 PM

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.


Phone game idea available free to someone who will develop it (Alphadoku game - the only existing phone game of this type is both for windows phone only and awful. PM for details.)


I want to help design a "sandpark" MMO. Optional interactive story with quests and deeply characterized NPCs, plus sandbox elements like player-craftable housing and lots of other crafting. If you are starting a design of this type, please PM me. I also love pet-breeding games.


#8 Kryzon   Prime Members   -  Reputation: 3040

Like
1Likes
Like

Posted 06 October 2013 - 03:49 PM

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.






Old topic!
Guest, the last post of this topic is over 60 days old and at this point you may not reply in this topic. If you wish to continue this conversation start a new topic.



PARTNERS