The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Hand Drawn Design

Hand Drawn Design


1. Create From Scratch in Photoshop

If you have a tablet, you can simply draw the sketch by using the brush tool.

image 1

Don't Have a Tablet?

If you don't have a tablet, you can create the artwork in Adobe Illustrator and then imitate a hand drawing effect in Photoshop.

First draw a vector illustration. Then import it in Photoshop. Use a grungy brush and gently erase select parts of the image. Use the Blur tool to create the smug effect.

image 2

2. Scan It

The easiest way - scan the drawing and set the layer blending mode to Multiply.

image 3

Invert Color

If you want to have a white color stroke instead of black - go to menu Image > Adjustments > Invert (or press shortcut Cmd+i) and then select Screen blending mode.

image 4

image 5

Step It Up: Create Color Gradients

What if you want more than just a black or white stroke (ie. colors gradients)? Then you will have to extract the drawing from the white background. A simple way to do this is by using alpha channel.

  • Copy (Cmd+C) the drawing.
  • In the Channels palette, create a new channel. Then paste the drawing in the new channel.
  • Invert (Cmd+i) the channel layer.

image 6

Go back to the Layers palette, create a new layer. Go to menu Select > Load Selection. In the Load Selection prompt box, select Channel: "Alpha 1" (which is the name of the alpha channel I created earlier).

image 7

Shortcut Tip: the shortcut for loading a channel selection is Cmd + Opt + any number key (ie. 1, 2, 3).

Fill Selection

With the channel selection loaded, you can fill it with any color.

image 8

Using It In The Design

For the purpose of this tutorial, I'm going to show you how to incorporate your hand drawing on a female model (the photo was purchased from iStock).

image 9

1. First, cut out the model.

image 10

2. Fill the background with some sort of light glowing gradients.

image 11

3. Paste the drawing on top of the model. Lock the layer transparency. Play around with the color gradients.

image 12

4. Duplicate the drawing in the background to add more details to the image.

Hand Drawn Design



Author's URL: Web Designer Wall
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Hand Drawn Design"

Captcha