PDA

View Full Version : Tutorial: Working With The Extract Filter and Using The History Brush Tool


Bren Boone
01-06-2010, 05:43 AM
Working With The Extract Filter and Using The History Brush Tool



Many people don’t use the extract filter for extracting images because it can a little tricky to work with. But it can be great for things that are whispy and fuzzy and furry. The extract filter, along with the history brush tool, can be a really useful tool in your design or scrapping arsenal. Especially when you’re trying to add whisps of hair back into an image. This is just a basic tutorial to get you comfortable playing around with this filter and with using the history brush tool.



I’m going to be using a picture of some buildings with a cloudy background. I’m removing the cloudy background and replacing it with a blue sky.



You can grab both of these images HERE (http://www.4shared.com/file/7LqU7-zQ/Images.html) and follow along with me.




http://i48.photobucket.com/albums/f232/k-scraps/tutorials/extact-history_1.jpg



You can see in the top image we have a clearly defined skyline but that may not always be the case (as I’m sure you all know). I’m using this image to give you a general idea.



The first thing I’ll do is open my image files. Image 1 is the picture of the city. Image 2 is the picture of sky. We’ll be working with the image of the city for most of this tutorial. The sky image we’ll be using later.



http://i48.photobucket.com/albums/f232/k-scraps/tutorials/extact-history_2.jpg



In the history palette, <Window + History>, click on the empty space to set the source of your history brush tool. We will need this for later after we’ve extracted our image. Setting this tells photoshop to “remember” what the image looks like even though pixels may be removed.



http://i48.photobucket.com/albums/f232/k-scraps/tutorials/extact-history_3.jpg



Next let’s open the extract filter. <Filter + Extract>



http://i48.photobucket.com/albums/f232/k-scraps/tutorials/extact-history_4.jpg



Leave the brush size at about 20. Check the Smart Highlighting. This is a handy tool. Using this allows photoshop to change up the size of the brush depending on what’s going on with the image. It will also help you stay on the edge you’re painting without straying to much.




http://i48.photobucket.com/albums/f232/k-scraps/tutorials/extact-history_5.jpg



Using the edge highlighting tool (green is the default color) go around the edge of the buildings. The smart highlighter will decide what size the brush needs to be.



*Let’s say you’re extracting a child with blonde hair, you can select Force Foreground, use the dropper tool and select an area on the child’s hair. Photoshop will pay extra close attention to retaining all pixels that are that color family.*



After you have your edges highlighted, use the fill tool (blue is the default color) to fill in the city. Please see the images below.



http://i48.photobucket.com/albums/f232/k-scraps/tutorials/extact-history_6.jpg




All The Different Tools At your Disposal



http://i48.photobucket.com/albums/f232/k-scraps/tutorials/extact-history_7.jpg




Edge Highlighting Tool



http://i48.photobucket.com/albums/f232/k-scraps/tutorials/extact-history_8.jpg




Edge Highlighting and Fill Tool



While in the extract filter menu, and after you’ve used your edge highlighter and fill tools, if you’re having a hard time seeing things, you can change the background image to black (or another color of your choice) and hit preview so you can see things better. You can use the eraser tool, along with the other tools to fix the image to your liking.




http://i48.photobucket.com/albums/f232/k-scraps/tutorials/extact-history_9.jpg


Now we’re getting ready to use the history brush tool.



Hold down the <CTRL> button and click on the new layers icon in the layer palette menu and make new layer under the image layer.



http://i48.photobucket.com/albums/f232/k-scraps/tutorials/extact-history_newlayertrick.jpg




Select a background color and fill in that layer by pressing <Alt + Backspace>. I’m using red so I can see.




http://i48.photobucket.com/albums/f232/k-scraps/tutorials/extact-history_10.jpg



You’ll see there may be spots where the buildings are a little smudged or are mixing pixels. You can use the history brush tool to paint the missing parts back into the image. With your image layer selected, select the history brush tool and paint back in the missing areas. I’m just using a simple hard round brush at about 10-20 pixels.



*Let’s say you were painting back in someone’s hair, you can use a whispy hair like brush and paint back in the strands of hair that were removed during your extraction process*




http://i48.photobucket.com/albums/f232/k-scraps/tutorials/extact-history_11.jpg




Once you’re done, and you’re happy with your image, you can delete your colored layer and then drag it over to your blue sky image.



http://i48.photobucket.com/albums/f232/k-scraps/tutorials/extact-history_13.jpg



And here's what I did after playing around with photoshop's settings. Don't you just LOVE Photoshop ♥!!

http://i48.photobucket.com/albums/f232/k-scraps/tutorials/cityscape-1.jpg

I hope this is easy to understand and if you all have questions please ask away!!

biancka
01-06-2010, 09:22 AM
Love love love love this tutorial as well! Thank you for sharing your knowledge with us, Bren :)

Joyce
01-06-2010, 09:36 AM
Bren!!!
Another awesome tutorial!!

And I LOVE that finished picture!! Stunning!

I myself have never used the extract filter or history brush, but I am definately going to try it!

Thanks, sweets!

ing
01-06-2010, 10:05 AM
WOW... this is great specially on doing exterior 3d rendering... hihih... thanks to the highest level bren... :049:

EHStudios
01-06-2010, 06:51 PM
This is an amazing tutorial! I've not used a lot of these features before! :worship:

PhoebeJo
01-06-2010, 07:38 PM
:Amazed:
That is one awesome tutorial, Bren!!! Thank you so much!! :worship:

Mi Monteiro
01-06-2010, 08:52 PM
:worship::worship::worship:Thanks...thanks...thank s!!!

mum2amelie
04-06-2010, 10:08 PM
Thank you for the great tut Bren, I didn't even know those tools existed! :worship:

Jippo
15-08-2010, 11:13 AM
What an amazing tutorial! I love the 'after' picture! Definitely will try this one.
Thank you very much! :worship:

XOXO J

dlhoffer
16-08-2010, 12:15 AM
Wow, this is really a fantastic tutorial!! Thanks so much for posting it!!!

chicka
18-03-2012, 05:47 PM
thank you, i'll gonna try this..

PLM
23-01-2013, 08:19 PM
This is something new, never heard about this or seen something like this!
Waw, great, thanks for sharing!

wombat146
23-01-2013, 11:20 PM
Well I only downloaded an older version of Photoshop the other day so I will play around with tutorial, never heard of these tools before!!!! :glis:

PLM
26-01-2013, 11:19 AM
I have a little problem: I can't find the extract filter. I'm using CS5 in dutch version and can't seem to find it... Is that normal?
Or perhaps it has another name in dutch, but I didn't find anything similar to it...

Romy
26-01-2013, 07:05 PM
I believe the tutorial was written for an older version of Photoshop...neither CS5 or CS6 have that filter and I don't remember it in CS4.

Magnetic Lasso Tool would work in this situation instead.

PLM
29-01-2013, 02:19 PM
Yes, I use that too. Just thought this might be a better way to dit. So I wanted to try. NO worries, I still have other things to try it! :25r30wi: There is a lot to learn here!