2torial Blog|photoshop tutorials, website design tutorials and graphic design articles and tutorials

2torial Blog RSS

Photo Effect – fade into line drawing

Filed Under (Graphic Design, Photoshop) by Dave on 07-15-2008

Tagged Under : Photo Effects

I’ve always liked the look a picture fading into a line drawing so here is a quick and easy Photoshop tutorial of this cool effect that is seen quite often in print ads. First, open the image in Photoshop that you want to apply the effect to.  Next, in the layers palette right click on the image and make a duplicate copy.  (note: all of the following work is done to the copy (or duplicate) layer) so, With the copy selected in the layers palette, apply the “find edges” filter by going to filter>stylize>find edges.

Original:

After the find edges filter:

Type Shift +ctrl +u to desaturate the image. Open the levels adjustment box with image>adjustments>levels and move the right hand carrot to the left to clean up the lines and remove some of the dark fuzzy look.

Back in the layers palette, apply a layer mask to the copy by clicking the appropriate icon at the bottom.

Make sure your foreground color is black and your background is white then hit G to bring up your gradient tool. With the layer copy still selected, drag the gradient from about the middle of the picture down about 2 inches (obviously this is a matter of preference, the farther you drag the gradient the less of the line drawing will show) when your done your picture should look similar to this:

Final:

Share and Enjoy:
  • StumbleUpon
  • Digg
  • Technorati
  • del.icio.us
  • Facebook
  • YahooMyWeb
  • Google Bookmarks
  • blogmarks
No Comments
Read More

Leave a Reply

Search:
Graphic Design Blogs - Blog Catalog Blog Directory Join My Community at MyBloglog! blogarama - the blog directory Add to Technorati Favorites
  • September 2010
    S M T W T F S
    « Dec «-»  
     1234
    567891011
    12131415161718
    19202122232425
    2627282930  
  • Categories

    • After Effects (3)
    • Photoshop (18)
      • Graphic Design (11)
      • Navigation (1)
      • Photo Manipulation (1)
      • Text Effects (5)
    • Web Design (7)
      • CSS (3)
      • Dreamweaver (2)
      • Forms (2)
      • Web Navigation (1)
  • Recent Posts

    • Age Progression
    • Photoshop Brushes
    • Photoshop Matte Painting
    • Create a Horror Face in Photoshop
    • Create a Planet and Outer Space Scene
    • 3D Photoshop text tutorial
    • Photoshop Displacement effects
    • Photo Effect – fade into line drawing
  • Archives

    • December 2008
    • November 2008
    • August 2008
    • July 2008
    • June 2008
    • May 2008
  • Pages

    • About
    • Contact
  • Meta

    • Register
    • Log in
    • Entries RSS
    • Comments RSS
    • WordPress.org
  • Tags

    3 column layout 3d text Absolute Positioning After Effects Expressions After Effects shatter award winning web design Blend modes cool text effects create planet CSS CSS in Dreamweaver CSS menu Displacement effects Displacement Maps Dreamweaver tutorials form validation Grapic Design html & php E-mail form html & php mail form Image effects mail form Photo Effects Photoshop Photoshop & Dreamweaver Photoshop brushes Photoshop buttons photoshop displacement map Photoshop text effects Photshop Matte Painting php e-mail script PHP email script print ad design Space scene Vanishing point filter vista style menu web design colors website navigation Zombie Face
© All Rights Reserved. 2torial Blog