Tutorial: Extracting Images in Photoshop Melissa Findley Art

Tutorial: Extracting Images in Photoshop Melissa Findley Art

1:23 PM

Normally, Im a painter, however now and then I do some graphic design and have to do some photo-manipulation. One of the things that separates a good photo manip from a bad one is how cleanly the image was extracted from the original photo before being inserted into the new one. In Photoshop there are several ways to do this. You can select things painstakingly with the lasso tool. You can carefully erase or mask around the image. Or, if youre aware of it, you can let Photoshop do most of the work for you.


So here I have a really lovely image from the incomparable Elandria. The pose is great, the lighting is good, costume and props are spot on. The photo resolution could be a little better, but were going to downsize it a little so that wont matter so much. The only bad thing about this: the background. Shes standing on a picnic table, which would be wonderful if we wanted her to be pointing the way toward lunch, but not so good for a dramatic piece. However, since this is a stock image, were going to be cutting her out of there anyway and giving her a much more suitable backdrop to pose so dramatically in. In this case, a beautiful cloudy Scottish countryside from Patronus_Stock.

The first thing you want to do, with the image already open in Photoshop, is find the Extract Filter. Im not sure why this is classified with the filters, but it is. Simply click on Filters>Extract, which will open up a new and probably unfamiliar window. Now, before we continue, I need to give you some bad news: Your computer is blind. Its okay, it was born that way, and has come up with a rather complicated system to be able to see color. What our eyes perceive as varying shades of red or blue or green, the computer sees as sets of numbers. While we might be able to say thats light blue or thats dark blue the computer has to try to distinguish how similar the numbers are. This can sometimes cause difficulties when selecting things with the magnetic lasso, and it can also cause problems here, too, so its better to be aware of it.On the left hand side of this window are our tools. The first button is your edge highlighter, the second is a fill paintcan. You wont need the eyedropper tool much, so I tend to ignore it, but you will need the one beneath it later. The bottom two are your magnifying glass and move tools, which youll want to use quite a bit as we go.On the right hand side youve got your settings. Make sure youve got the Highlight and the Fill colors set to different colors (blue and green here). Theyre not actually going to be coloring your image, so you can set them to whatever colors you like. If your image has a lot of well defined areas (like this one), youll want to check the box next to smart highlighting. This tells the computer to automatically follow defined edges of color.

Pick a portion of your image and zoom in. Set the highlighter tool size so that if you place it on the edge of your image, it overlaps into the part you want to keep by a few pixels, and overlaps onto the background a few pixels. Then begin tracing around the edge of the part of the image you want to extract. As long as you stick fairly close to the edge, the smart highlighting will follow along it without you having to be too exact.
Things will get a little funny around soft edges, like hair. When youre working around the hair, color over any loose fringes you want to keep. Use the eraser tool to clean up any places where your brush got a little wonky.

Once youve outlined everything you want to keep (make sure to get those weird little holes and gaps, too, like the spaces between the flag and the pole, or the hole between her arm and her body), use the fill tool to color in the part you want to keep. Basically, what youre telling the computer with the green highlighter is: This is the edge of the image, keep any pixels that match the colors closest to the fill and get rid of the rest. With the fill tool youre telling it I want to keep this.Click Preview. What you should see is your image cut out of its background. Now, remember what I said about the computer getting confused? Its going to sometimes get rid of some pixels you wanted, and leave some you didnt. Thats where the clean up brushes come in.
The top clean up brush (not sure if it has a name) can make the pixels either transparent or opaque. To erase some of those messy edges, simply paint over them. However, if you want to make an edge come back (like the bottom of her sleeve), hold down the Alt key (option on a Mac) while painting to make it visible again. Go back around the edge of your image and clean up any problem areas. For messy areas, like her hair, use a smaller brush and paint in lines that are opaque that follow the flow of her hair.When youre finished the extracted image should look much cleaner in your preview window. If everything is good, hit okay to accept the extraction and go back to your main Photoshop window.
In Photoshop, youll see that the computer has deleted all of the background image, leaving you with a nice (hopefully cleanly cut out) figure which can now be dropped into its new home. If youre not sure how clean your edges are, make a new layer underneath the extracted image, and fill it with a flat color. You might still need to erase a few crumbs, but for the most part, Photoshop has done the hard work for you. Now when you move the image into its new background, your edges should be clear, and youll still retain some of those hard to cut out areas like hair or blurred edges. Final image, after Ive applied filters and effects, and painted over a couple of spots):Close up:Credits:
Stand Before the Banner used with permission from Elandria/Caustic-Stock at DeviantArt.com
St. Abbs Head used with permission from Patronus_Stock at DeviantArt.comTutorials are copyrighted as well. Please do not repost or reprint without my permission. Contact me at mercuralis@bynkii.com for information.


Tutorial: Extracting Images in Photoshop | Melissa Findley Art
In Photoshop, youll see that the computer has deleted all of the background image, leaving you with a nice (hopefully cleanly cut out) figure which can

EMG-Zine - Tutorial: Extracting Images in Photoshop
You Wanna Put My Art Tutorial: Extracting Images in Photoshop. Tutorial copyrighted. Contact Melissa Findley at mercuralis@bynkii.com for information.

Tutorials | Melissa Findley Art | Page 2
Posts about Tutorials written by mercuralis. 2007 Tutorial: Extracting Images in Photoshop; Follow Melissa Findley Art

Search Results Photoshop Background Moon Images - File PSD
Results for 'Photoshop Background Moon Images' at File PSD. http://www.panosfx.com/photoshop-tutorials/3d-moon neymar art letters;

Extract Color Palette From Image Photoshop? Askives
Tutorial: Extracting Images in Photoshop | Melissa Findley Art In Photoshop, youll see that the computer has deleted all of the background image,

Dreamers by MelissaFindley on DeviantArt
Done for a tutorial on cleanly extracting images in Photoshop. You can check it out on my blog: [link] Model: `Elandria background: ~patronus-stock

10 Useful Photoshop Image Extraction Tutorials - Creative ...
Image Extracting in Photoshop. Tutorial: Extracting Images in Photoshop. In this step by step Photoshop CS4 Tutorial you will learn how to extract and edit hair.

EMG-Zine - A Cold and Terrible Beauty
You Wanna Put My Art Where? EMG News: Tutorial: Extracting Images in Photoshop. Fiction; Fiction: Pure; Melissa Findley

What Is Photoshop Extract Hair Tutorial? Askives
Tutorial: Extracting Images in Photoshop | Melissa Findley Art In Photoshop, youll see that the computer has deleted all of the background image,

Beautiful pictures, beautiful photos and photoshop ...
Tutorial: Extracting Images in Photoshop | Melissa Findley Art In Photoshop, Photoshop CS6 Tutorials: Cutting out images

About

Travelling is my life

Next
« Prev Post
Previous
Next Post »
Subscribe to: Post Comments (Atom)