How do I create hand drawn looking shapes?

[jeljohnssp]

I have been trying to deconstruct works that are similar to the example shown here to figure out how the shapes were made:

Matthew Handcock - Behance

I cannot figure it out. If I use shapes, I can't stroke them with a brush that looks like a pencil; if I use paths, I can't use shape-builder tools. After many hours of experimentation and trying to figure it out, I'm at a loss.

I also tried to make something in Illustrator and bring it into PS, and I can't figure out how to make that work either. 

I've searched here, Reddit, and YouTube and I can't find any tutorials that cover this topic. 

Can anyone tell me how to create shapes and lines like this in PS that look hand-drawn?

[Kevin Stohlmeyer]

@jeljohnssp why cant you stroke them with a pencil brush?

Perhaps you are using the wrong brushes - check out Kyle Webster's brush packs - they are more organic and simulate media better than the default PS brushes:

https://www.adobe.com/products/photoshop/brushes.html

[jeljohnssp]

Shapes can't be stroked with brush tools. 

[Kevin Stohlmeyer]

Correct - change the setting to use a path isntead of a shape to stroke.

Shapes can be built as paths if set properly:

Your issue about not being able to use the shape builder when working with a path is not completely true either. Paths can be combined, etc. when selected:

[jeljohnssp]

Interesting! I haven't been able to get those tools to work when using paths. Guess I need to find some more tutorials about building shapes using paths. 

[didiermazier]

I would draw the shapes and line and afterward use filters…

 But for such hand drawn effects, Illustrator is way more effective

[jeljohnssp]

Can you explain more about how to do something like this in Illustrator? 

I tried to copy/paste from Illustrator to PS, but for some reason I can't get that to work well. 

[jane-e]

Can you explain more about how to do something like this in Illustrator? 

I tried to copy/paste from Illustrator to PS, but for some reason I can't get that to work well. 

By @jeljohnssp

This is the Photoshop forum. You might ask on the Illustrator forum:

https://community.adobe.com/t5/illustrator/ct-p/ct-illustrator

Paths can absolutely be copied from Illustrator and pasted into Photoshop. The only caveat I've seen is I have to use Edit menu > Paste in PS. You are presented with 5 choices. Try each. What is "not working well" when you try?

If I need to resize, I do this:

• Photoshop: Cmd+T, look at the percent number, cancel
• Illustrator: Scale to that percent
• Repeat copy and paste

Jane

[didiermazier]

Here are examples of what Illustrator can do.

You can then copy and paste into Photoshop  as path or pixels as you want

 

 

 

[Conrad_C]

The straight lines, arcs, and shapes in the posted example generally look quite precise and machine-made; what look hand-drawn are the textures within the lines and shapes. If that’s what you’re after, you can stay in Photoshop and get a lot done by studying layer blending modes and clipping masks.

In the demo below, the Triangle 1 shape layer remains an editable vector shape layer, it’s given texture by applying a grayscale photo layer of a textured wall as a clipping mask, and it’s given color by also applying a Hue/Saturation adjustment layer as a clipping mask. The clipping masks restrict those upper layers to the shape, and everything remains adjustable. I think many of the effects in the posted example can be achieved this way.

[Trevor.Dennis]

I was thinking that the grid was hand drawn and scanned, but zooming in to 400% reveals an almost certainly digital art look.

I have to go out in a moment, and the grid I made is overlapping and it shows when stroked, so I think I'd do the horizontal and vertical components with different paths. Stroke on different layers, and set to Darken so the overlap was cancelled.  Or maybe leave as it is and double up with Multiply, and reduce layer opacity.  My gut is that the look would be averaged out and spoiled though.  I'll try again when I get home.