Thursday, August 12, 2010

Sketchy Photos - How To

This is such a fun technique! Now, keep in mind that I am a self-taught Photoshop user. Therefore, there may be an easier way to achieve this look. It's certianly not difficult by any means, but there may be some double-secret button somewhere that does this automatically that I don't know about. hahaha. But never-the-less, I'll take you step by step through my process. I used Photoshop CS5 to create this page, so CS2, 3, or 4 should be strikingly similar. However, if you use Photoshop Elements, some of the navigation (and features) may be different. I used to be able to guide others through it based on memory from my PSE days, but the last version of PSE I used was PSE4! It has come a long way since then and looks completely different, so unfortunately, I may not be of much help there. At any rate... let's dive in, shall we?

***click on any image for a larger view***

1.) Open a new document in Photoshop and place your desired photo on the canvas. Make sure your photo layer is active.

2.) Desaturate your photo. (Otherwise, the image will not be black, but bright yellow and orange. You can leave it like that if you wish, but I liked the look and feel of the black much better for my page.)

3.) Now let's add a Layer Mask to our photo layer. (I do this instead of erasing to keep the image in tact in case I mess up... which is a lot.)

4.) Choose your Brush tool and settings as follows to prepare for using your layer mask.

5.) Now we need to change our foreground color to black. (Remember... with layer masks, if you paint "black" onto the mask, it hides that part of the photo... if you paint "white" onto the mask, it brings it back.)

6.) Before we begin covering up part of our photo, make sure you click on the white square on your photo layer. Otherwise, you'll end up with a bunch of black paint on your photo.

7.) Now begin "painting" over the parts of your photo that you want to hide (ie, the background). There's no need to be "perfect"... you just want the majority of the background gone. Just be sure not to erase any of the "person" in your photo. :)

8.) Now let's duplicate our layer...

9.) Change the Blending Mode of your duplicated layer to "Hard Mix".

10.) This is where our image begins to transform. There is still some work needed, but it gives us our starting point.

11.) Choose your Brush Tool from your tools palette and then click on the layer mask on your original photo layer.

12.) Now let's change our foreground color to a medium grey. (The lighter the grey, the "less" of the photo it will hide... the darker, the more it will hide.)

13.) Now choose a soft, round brush by right-clicking anywhere on your canvas.

14.) Now begin brushing away on your photo to let some of the highlights shine through.

15.) If you need more highlights showing through on your photo, let's do some work on the duplicated layer. Start by right-clicking on the layer mask and choosing Apply Layer Mask. (This will allow your photo to now take the shape of your layer mask.)

16.) Once you've merged your photo with its layer mask, choose your Dodge Tool from your tools palette and adjust your settings as follows:

17.) Now that we're happy with the amount of highlights showing through, let's get rid of these sharp lines and corners on our photo. Start by applying the layer mask on your original photo layer. (i know... it seems a little tedious... i just sort of "documented" the steps as i went. hahaha)

18.) Now we'll add a NEW layer mask to our photo layer and choose black as our foreground color.

19.) Making sure your Brush Tool is still activated, adjust your settings as follows and begin brushing away the sharp edges.

20.) Once you're happy with the results, let's link our layers. I would have thought I could just merge the 2 layers into one layer, but apparently, Photoshop has a quirk about merging layers that have blending modes on them. So when I tried to merge them, this is what I got...

Ewww.  Yeah... no... not the look I was going for. Now, I did find a way around it, but I'm certain there's a lower maintenance way to do it. But for now... we'll just do it the long "taylormade" way. hahahaha!)

So, as I was saying... let's "LINK" our layers. :)

21.) Now go to File and open a New Document.

22.) Just for sake of good habit, let's set the size to 12x12, 300dpi.

23.) Now go to Window, Arrange, Tile. This allows us to see both documents at the same time.

24.) Now just drag your photo onto your new document.

25.) Make sure you are on your NEW document by clicking on it. Then, go to Layers, Flatten Image. (For some reason, flattening an image allows it to keep it's blending modes in tact. yaay!)

26.) Still on your NEW document, right-click on your one flattened layer and choose "Layer From Background". (This simply unlocks your "background" layer so you can edit it.)

27.) Now go to Select and choose Color Range.

28.) We want to take out all of the white from our image now so that we're left with only our "sketched" photo. So now just click any where on the "white" on your canvas. You should then see your image in the little preview window for color range.

29.) Once you click OK, you will then see "marching ants" around your entire canvas and outlining your image.

30.) Now simply hit Delete on your keyboard and all of the white should disappear, leaving you with just your sketched image.

31.) Now drag the image from your new document back over to your original canvas. (My GOODNESS I feel like I'm talking in circles! hahaha)

32.) Now you can close your "new" document. You can save it if you wish... juuuussssst in case. :)

33.) Now you can delete the 2 linked layers... you won't be needing those anymore. :)

34.) You are now left with your sketched image. Want to change the color of it? It's super easy... just click on your Layer Styles icon at the bottom of your layers palette.

35.) Choose Color Overlay...

36.) Click on the color square to choose your color...

37.) Choose your color here...

38.) I chose a dark grey for mine, but you can choose any color you wish.

39.) Now move onto scrapping your image. I kept going and did one for everyone in the family. :) Here is finished layout...

I would love to hear what you think of this tutorial! Feel free to leave comments! :) I would also love to SEE what you create using these techniques, so leave us a link in your comment if you like! :)

And as always, please feel free to email me if you have any questions or if you get stuck, ok?


stevie kay said...

Am I the first to comment? Sweet! I'm so excited to see you back in action, Amanda. And I love the new templates!

stevie kay said...

and tweeted.

Denise said...

I'm still trying, I'm using PSE7 and am having a little trouble. I hope you keep the tutorial up for awhile...please?

I asked Ree from The Pioneer Woman if she would post it on her blog.

Thanks for this...loving it.

Marleen said...

wow this is GREAT, thank you Amanda!!

Valentine said...

Thanks for the great tutorial. Can't wait to try it myself!

Loreta Labarca said...

This effect is simply beautiful. Thanks a lot, Amanda. :)

tajicat said...

Thanks for the great tutorial! :)

Demetria said...

LOVE LOVE LOVE this tutorial... i was playing with something like this the other day but this seems to be much better and easier...

Thanks for sharing the tutorial!!


Judy said...

I am working in PSE8 and am going to try adapting this because I love the result! I'll have to let you know if I am successful. Wish me luck!

esther_a said...

Oh wow! Thanks!!

Denise said...

Judy, I'm working with PSE7 and I'm having a little bit of trouble. As you know we need to trick PSE into using layer masks. When Amanda says to duplicate the layer, are you merging the photo and mask together then duplicating?

I'd appreciate any feed back.

Walter said...

This is my aboriginal time i appointment here. I begin so abounding absorbing being in your blog abnormally its discussion. From the bags of comments on your articles, I assumption I am not the alone one accepting all the amusement here! accumulate up the acceptable work. [ triathlon wetsuit ] [ triathlon bike ]

Nadine's Art Scraps said...

What an inspiring tutorial! I am going to check out how to adapt it to PSP12 :)

Cassandra said...

So fun Amanda! Thanks for sharing with us. I used your tips to create an Obama-type poster of my husband for our 7th anniversary...

Heather said...

Can't wait to try the tutorial. Your templates are wonderful and easy to use. Thanks for all you do and your time commitment.

Beginners training said...

Wow this is amazing, acknowledge you Amanda!! [ business loans for bad credit ]

walter said...

Nice! Now I know what to do, thank you! And as this information is educational so this site has been added to my RSS feed for later browsing. To know more about
marathon training visit:
[ running training program ]

artfeltexpressions said...

Wow! Can't wait to try this! Thanks for the tutorial!

Rani said...

love this! Easy to follow too!

Sumi said...

So easy guideline that helpful for new beginners. [ chiropractor murfreesboro ]. Thanks

Essay said...

Your post really helped me to understand this.It has great details and yet it is easy to understand.That's what i was looking for.I will definitely share it with others.Thanks for sharing.
Term Papers Writing

Zhenhong Bao said...

christian louboutin uk
oakley sunglasses
coach outlet
michael kors outlet online
celine outlet
polo ralph lauren
juicy couture outlet
tory burch shoes
hollister clothing store
oakley sunglasses
toms outlet
longchamp pas cher
oakley sunglasses wholesale
ralph lauren outlet
michael kors outlet
fitflops sale clearance
true religion outlet
louis vuitton handbags
beats by dre
fitflops sale
coach outlet
ray ban sunglasses
michael kors outlet clearance
cazal sunglasses
mulberry uk
ray-ban sunglasses
oakley sunglasses wholesale
cartier sunglasses
hermes outlet
ralph lauren uk
tory burch outlet
coach outlet online
michael kors outlet
kate spade uk
michael kors bags

林磊 said...

2016-6-8 leilei
prada handbags
discount oakley sunglasses
cheap omega watches
toms outlet
kate spade handbags
christian louboutin shoes
new balance shoes
air max 90
true religion jeans
north face jackets
cheap jordans
louis vuitton handbags
chaussure louboutin
yeezy boost 350
levis 501
coach outlet
true religion outlet
ray ban sunglasses
oakley sunglasses
air max 90
air max
nike force 1
pandora charms
hollister uk
sac longchamp pliage
fitflops outlet
omega watches
bottega veneta
air max 90
rolex daytona
coach outlet online
louis vuitton outlet
louis vuitton outlet
ray ban sunglasses
coach outlet online
adidas supercolor
michael kors handbags
coach factory outlet
michael kors outlet

林磊 said...

tiffany and co
ralph lauren outlet
cheap nba jerseys
louis vuitton factory outlet
cartier watches for sale
nike air force 1
adidas nmd
ghd hair straighteners
christian louboutin outlet
louis vuitton bags
ray ban outlet
michael kors handbags
jordan shoes
fitflops sale
louboutin pas cher
supra shoes
adidas gazelle
holliste sale
kate spade outlet
longchamp bag
michael kors outlet
cheap jordan shoes
coach outlet online
louboutin outlet
nike roshe run
christian louboutin
ray ban sunglasses
armani exchange
adidas nmd white
adidas pure boost
burberry outlet
nfl jerseys wholesale
true religion outlet
coach outlet store
ed hardy
louis vuitton borse
louis vuitton bags
timberland outlet

Qinan Chen said...

"ray ban outlet"
"gucci borse"
"abercrombie and fitch"
"canada goose sale"
"nike air max sale"
"kate spade handbags"
"louboutin outlet"
"coach outlet"
"coach outlet store online"
"louis vuitton pas cher"
"coach outlet"
"nike air max uk"
"air jordan uk"
"coach purses"
"red bottom shoes"
"coach outlet online"
"toms shoes"
"ugg australia outlet"
"ugg outlet"
"ralph lauren outlet online"
"fitflops clearance"
"air max 2016"
"hugo boss outlet"
"uggs outlet"
"moncler jackets"
"hollister clothing"
"moncler outlet"
"abercrombie and fitch outlet"
"true religion outlet"
"fitflops uk"

Zheng junxai5 said...

insanity workout
asics running shoes
adidas originals
louis vuitton outlet
toms outlet
cheap jordans
ralph lauren outlet
kate spade handbags
oakley sunglasses
coach factory outlet
nfl jerseys
michael kors handbags
louis vuitton outlet online
louis vuitton purses
longchamp handbags
fitflop clearance
christian louboutin shoes
cheap ray ban sunglasses
ray ban sunglasses uk
louis vuitton outlet stores
replica watches
replica rolex watches
adidas stan smith
mont blanc pen
louis vuitton outlet
hermes birkin handbags
toms shoes outlet online
coach outlet online
giuseppe zanotti outlet
celine bags
ray ban outlet
ray ban sunglasses outlet
abercrombie and fitch
ladies cartier watches
nike air max 90
fitflop shoes
gucci outlet