2

I understand how to draw shapes with sharp corners using the pen tool, but what I cannot figure out is how to draw shapes in line drawings with rounded edges.

For example here is my drawing in solid, sharp edges lines:

enter image description here

I would like to achieve something more like this:

enter image description here

  • Those are most likely created in a vector application and not Photoshop. – Scott Jan 13 '15 at 20:48
3

You can make circles, and place them on all the corners of the shape. Then edit the original path so that the corners don't show up anymore. Here's a quick little diagram of what I mean:

Instructions

I don't find this a very reliable way to do it, however. What you need to use is Illustrator, or another vector based program. This is best for drawing shapes and symbols like this.

In Illustrator, it's really easy to do this. Just go to Effect> Stylize> Round Corners.

  • Thanks. Great explanation. I don't have access to AI at the moment so this will have to do – Francesca Jan 13 '15 at 21:19
9

If you only care about the outside corners, you could use the round corner in stroke settings.

This one is in Illustrator:

enter image description here

And this one is in Photoshop:

enter image description here

Like I said though, this will only make the outer corners round. The inner corners will still be sharp. The round corners stylize effect in illustrator is more versatile and controllable.

  • 1
    this looked abit more obvious to do rather use circles :D – Alex Satriani Jun 3 '16 at 7:15
1

There is a quicker method than Blu's well documented version above. Though it's not quite as accurate (it's out by about 5.33%) it's certainly accurate enough to do small scale things.

  1. Lay out your canvas first with guide lines for the shape you're going to draw:

Basic shape layout

  1. Add the centre lines for the shape:

Centre lines for solid sections of shape

  1. Add guides for the inner curve of the shape, assuming the diameter will be half the width of the line that will be made up by the shape, then further divide in half again, like so:

Sub-divide the inner curve

  1. Draw your basic chamfered shape using the guides:

Basic shape

  1. Select the **Convert Point Tool*:

Convert Point Tool

  1. Curve the two outside chamfered angles to the halfway point of the corner, like so:

Adding the outer curve

  1. Repeat the process for the inner curve, using the inner quarter guides:

Adding the inner curve

  1. The finished corner:

Finished!

Note that earlier I said that this was an approximation. If you want it more exact, I found that working on a corner radius of 55.33% of the overall width of the line should be close enough to reproduce a reasonably accurate curved corner. So, if the thickness of the line to be drawn is, say 100 pixels, then you want to set your bézier curve guide at 55.33 pixels from the inner corner of the line. The version I've used above is only 50%, though should be good enough for quick reproductions.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.