Email: requests@whiteshaarks.com USA: (551) 226-9552 | AUS: +61 410-530-666 | India: +91-172-5097527 | Office Hours & Directions
HOME
SERVICES
PACKAGES
CLIENTS
BLOG

How to Mix Hand Drawing Sketch With Photo

by Ranju Chaudhary on Feb.28, 2011, under tutorials

In this Photoshop tutorial we will show you how to create nice unique photo effect from sketch and your photo. We will use many tools in Photoshop and also you will need some skills in drawing as to create this effect you will need to draw sketch. Also in this tutorial you will be able to learn the Photoshop technique how to use sketch and combine it with a real picture, as a result you will get a very unique and fantastic effect.

Final Image Preview

boom box How to Mix Hand Drawing Sketch With Photo

1.Step

Open a new document with (w:900px and h:1355px), and white background.

1 background How to Mix Hand Drawing Sketch With Photo

2.Step

Now open your main image, in this case I used a image of a boy found in Crestock.com. Name this layer “Boy”. Now use the tool of your choice to extract the background photo, I used the Pen tool (press P) and created a layer mask to extract the image.When you finish tracing the path around the image click the right mouse button and choose make selection.then in the layers palette click on the Add layer mask button to extract the image.

2 image cutout mask How to Mix Hand Drawing Sketch With Photo

3.Step

Now use a simple superimposition technique to draw some elements in the composition. Print a copy of the image and use as a base to add some elements to it. Follow the examples of the images below to get an idea of how to do this. There is no rule in this stage, just follow your imagination.

32 sketch How to Mix Hand Drawing Sketch With Photo

31 sketch How to Mix Hand Drawing Sketch With Photo

When you are satisfied with the sketches, scan the sketches and open in Photoshop. Position the sketches above “Boy” layer and use Select -> Color range with fuzziness 120 and hit ok to select the black areas of the sketch. If everything is right you have something like this image. Now name this layer sketch.

33 sketch 3colo range final preview How to Mix Hand Drawing Sketch With Photo

4.Step

I used this texture of metal to form the background. You can download this texture here or you can get it by download Psd file of this tutorial below. Open the metal texture an place above background layer, name this layer “Texture”. Change the blend mode layer to Multiply and opacity to 30%. Use Burn tool (press O) to burn some areas in our texture.

4 texture How to Mix Hand Drawing Sketch With Photo

5.Step

Create a new layer below the layer “Boy”. Download some water paint brushes and splatter brushes from Deviantart. Use Eyedropper tool (press I), to get a color swatch of the clothing image. Pick a color sample of the shirt, pants and arms. Use different opacities and create a new layer for each color. Then press Ctrl+G and group all brush color tighter, name this group “Body brushes”.

5 brushes How to Mix Hand Drawing Sketch With Photo

6.Step

Return the “Boy” layer and click the Layer mask to hide some areas of the image. This process will integrate the brush and the sketches in the image. Choose a water paint or splatter brush with black color and use different opacity, start paint over the mask to hide some areas.

6 mask areas How to Mix Hand Drawing Sketch With Photo

7.Step

Create a new layer and name “Shadows”. Select the Lasso tool (press L) and adjust the feather to 30px. Create a shape on the floor to simulate a shadow. Right click, select Fill to fill with black color.

[ad#300postad]

7 shadow How to Mix Hand Drawing Sketch With Photo

Then go to Filter -> Blur -> Motion blur (angle 0, distance 999px) and reduce the layer opacity to 40%.

71 shadow motion blur How to Mix Hand Drawing Sketch With Photo

Copy this layer press Ctrl+J and reduce opacity to 30%. In the layers pallet select all shadows layer together and press Ctrl+G to group this layers.

72 shadow copy How to Mix Hand Drawing Sketch With Photo

8.Step

Create a new layer, name this layer “Line circles”. Select Elliptical marquee tool (press M), hold shift key and draw a perfect circle, then go to Edit -> Stroke: 3px black to color and hit ok.With selection active go to Select -> Transform selection and reduce the size of the circle, use 1px black color this time. Put this layer above “Texture” layer.

8 line circle How to Mix Hand Drawing Sketch With Photo

Add a layer mask ( click in the layer mask button ) in the layers pallet and hide some areas to create a nice effect. Change color to black and use water paint brushes or splatter brushes with black color and low opacity to hide some areas.

81 masked areas How to Mix Hand Drawing Sketch With Photo

9.Step

Create another layer and name it “Black bars”. Select Rectangular marquee tool (press M), and draw some black bars like the image bellow.

9 black bars How to Mix Hand Drawing Sketch With Photo

Press Ctrl+T and rotate 45 degrees. One more time press layer mask icon in the layers pallet, select color black and use Brush tool to hide some areas.

91 rotate How to Mix Hand Drawing Sketch With Photo

When you finish reduce layer opacity to 20% or 10%. Then group (press G) “Line circles” and “Black bars” layers together, name this group “Circle effects”.

92 bars masked How to Mix Hand Drawing Sketch With Photo

10.Step

Almost done. Create a new layer and call this layer “Black lines”. Use Pen tool (press P) and create angles and intersecting lines.

10 paths How to Mix Hand Drawing Sketch With Photo

Open brush panel and adjust spacing to 425%, select a hard round brush with black color and 1px, press P to Pen tool right click and choose Stroke path without simulate pressure and hit ok.

101 How to Mix Hand Drawing Sketch With Photo

Repeat this process in other areas, make some circles too, try make things like angles. Make straight lines and dotted lines on separate layers. Finish this step masking or erase some areas in this lines. Group all black lines layers together.

102 How to Mix Hand Drawing Sketch With Photo

11.Step

If you want to add a boom box in the composition, follow the steps that were shown above, repeat steps 2 through 6.

11 boom box How to Mix Hand Drawing Sketch With Photo

12.Step

Last step. Select Eyedropper tool (press I), take a sample of skin color and paint around the eyes. Use low opacity to paint.

12 eyes How to Mix Hand Drawing Sketch With Photo

Final Result: Hand Drawing Sketch With Photo Effect

boom box How to Mix Hand Drawing Sketch With Photo

:Hand Drawing, photo, tutorial

Leave a Reply

You must be logged in to post a comment.

RSS feed for this post (comments) · TrackBack URI
  • Howdy. Welcome to White Shaarks - Imagination is your future!

    Thanks for dropping by! Feel free to join the discussion by leaving comments, and stay updated by subscribing to the RSS feed. See ya around!

  • Recent Posts

    • Extremely Creative Advertisements That Makes You Look Twice
    • Creative and Unusual Product Packaging Designs
    • Bright Night Photography That Can Refresh Your Mood
    • Seven Great iPhone Apps Graphic Designers Would Never Want To Miss
    • “Dream”
    • Samsung Launches New NX Lens Series for 2011
    • Create Simple, Yet Elegant Abstract Spectrum Lines in Photoshop
    • Beautiful Flash Websites
    • Exceptionally Beautiful HDR Photos Of Airports In Asia
    • Picturesque & Stunning Underwater Wallpapers
  • Browse by tags

    android apple Australia outsourcing company design facebook Flash Google inspiration iPad iphone iphone apps IT lifehacker mashable Microsoft Mobile 2.0 motivational wallpapers photography Photo manipulation Photoshop resources SEO social media Today's Motivational Wallpaper trending tutorials twitter US outsourcing company wallpaper Wallpapers
  • Categories

    • Gadgets
    • Graphic Design
    • inspiration
    • Latest Web Technologies
    • Photo manipulation
    • photography
    • resources
    • Today's Motivational Wallpaper
    • Top Gadgets
    • Trends
    • tutorials
    • Wallpapers
    • What's Happening?
  • Meta

    • Log in
    • Valid XHTML

Looking for something?

Use the form below to search the site:

Still not finding what you're looking for? Drop a comment on a post or contact us so we can take care of it!

Visit our friends!

A few highly recommended friends...

  • Website design and development

Archives

All entries, chronologically...

  • March 2011
  • February 2011
  • January 2011
  • December 2010
  • November 2010
  • October 2010
  • September 2010
  • August 2010
  • July 2010
  • June 2010
  • May 2010
  • April 2010
Take a look at our Services
Creative Services
Website Design
Banner Design
Graphic Design
User Experience Design
Flash and Multimedia
Landing Page Design
Logo Design
E-mail Design
Corporate Identity Packages
Micro-site Development
Intro Movies
Video Editing
Development Services
Web 2.0 Solutions
Web 2.0 Design
Web 2.0 Development
Wordpress
Social Media Solutions
Facebook Applications
iPhone Applications
AJAX
Flash & Actionscript
CMS
E-Commerce Tweaking
E-Learning
PHP
Python
ASP.NET
Java
XHTML/CSS
Blog   |   Services  |  Request a Quote  |   Contact Us  |  About Us 
Portions of this content are © 2007-2010 by individual whiteshaarks.com