Jun 29
Photoshop: Hand Drawn Design
In case you haven’t noticed yet, the hand drawn style is one of the hottest design trends. There are several ways to create hand drawn images — you can create it from scratch in Photoshop or you can scan an actual hand drawn sketch. Personally, I like to use a scanned drawing because you get a realistic drawing texture. Here is a quick tutorial to show you how to create a hand drawn design in Photoshop using the blending mode and alpha channel.
1 Create From Scratch in Photoshop
If you have a tablet, you can simply draw the sketch by using the brush tool.
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.
2 Scan It
The easiest way — scan the drawing and set the layer blending mode to Multiply.
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.
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.
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).
Shortcut Tip: the shortcut for loading a channel selection is Cmd + Opt + any number key (ie. 1, 2, 3). Learn more Photoshop shortcuts.
Fill Selection
With the channel selection loaded, you can fill it with any color.
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).
1. First, cut out the model.
2. Fill the background with some sort of light glowing gradients.
3. Paste the drawing on top of the model. Lock the layer transparency. Play around with the color gradients.
4. Duplicate the drawing in the background to add more details to the image.
2008 Design Trends Adobe Illustrator Shortcuts
Comments
Pages: 25 24 23 22 21 20 19 18 17 16 15 … 1 » Show All
There are 243 comments (+Add)
Pages: 25 24 23 22 21 20 19 18 17 16 15 … 1 » Show All
Loading ...
243 website design http://www.vibegraphics.co.uk
August 19th, 2010 at 4:23 am
great work i must say keep up the good work
242 Website design http://www.creativeideaz.co.uk
July 29th, 2010 at 1:26 am
Thanks great work
241 Rachel
July 23rd, 2010 at 2:32 pm
WOW I so want to try the model design.
240 malkovicht http://malkovicht-review.blogspot.com/
June 24th, 2010 at 7:55 am
what a lesson, thanks!
keep up the good work!
239 Web Designer Evan Skuthorpe http://www.thebrisbaneline.com
June 2nd, 2010 at 9:16 am
if only i could draw!
238 Web Design http://exmmedia.com
April 28th, 2010 at 8:51 pm
impeccable tutorial thank you for sharing!!!!!!!!!!!!!!
237 Web Designer http://www.raycreationsindia.com/
April 15th, 2010 at 7:22 am
love your design…your blog is my design inspiration and the tutorial is awesome…thanks.
236 Mike Fernando
March 19th, 2010 at 5:53 am
This is GREAT! I really enjoyed going through some of your tutorials and advice. Being an amateur artist and designer myself. Thanks so much, really appreciate it all
Mike
235 sbobet http://www.sbobet-th.com
March 4th, 2010 at 4:00 am
A brush head that is drawing some of this.
234 supriya http://www.websitereckon.com
February 23rd, 2010 at 6:06 am
hi friends
check your website real value
websitereckon.com
WebsiteReckon contains a collection of useful features such as checking Google Page Rank (PR), Compete and Alexa Traffic Rank, Backlinks Checker, Server IP and Location on Google Map, DMOZ and Yahoo Directory Listings and more. You can use it for various purposes include doing research before buying or selling website; want to find out how popular the website is; use it as SEO analytic tool to improve your site performance; or just about curiosity.