<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Planet Photoshop &#187; Lesa Snider</title>
	<atom:link href="http://planetphotoshop.com/author/lesa-snider/feed" rel="self" type="application/rss+xml" />
	<link>http://planetphotoshop.com</link>
	<description>Online Photoshop Tutorials, News and Tips</description>
	<lastBuildDate>Wed, 16 May 2012 14:38:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>5 Second Eye Enhancement</title>
		<link>http://planetphotoshop.com/5-second-eye-enhancement.html</link>
		<comments>http://planetphotoshop.com/5-second-eye-enhancement.html#comments</comments>
		<pubDate>Thu, 16 Nov 2006 16:58:33 +0000</pubDate>
		<dc:creator>Lesa Snider</dc:creator>
				<category><![CDATA[Correction]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.planetphotoshop.com/beta/?p=398</guid>
		<description><![CDATA[Here's a super-simple technique for enhancing the most important bits of any portrait: the eyes. It's a quick and painless way to make the eyes really stand out and take &#8230; <a href="http://planetphotoshop.com/5-second-eye-enhancement.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Here's a super-simple technique for enhancing the most important bits of any portrait: the eyes. <!--more-->It's a quick and painless way to make the eyes really stand out and take on a slightly sultry and burning look. To illustrate, we'll use a photo of a beautiful woman culled from the vast database over at iStockphoto.com. </p>
<p><strong>Arrange your workspace</strong></p>
<p>Step 1: Pop open the photo and immediately duplicate the background layer by pressing Command + J (PC: Ctrl + J). You don't have to do this, but it's a good idea to protect thyself from, well, thyself and it'll also give you a way to back off of the effect in case you overdo it. </p>
<p>NOTE: You could also select just the iris area with the Lasso tool and jump that up onto its own layer. If you have other retouching to do, that might be the best choice.</p>
<p><img src="images/tutorials/eye-enhancement/eyes_1.jpg" alt="Eyes Image 1" title="Eye Enhancement Image 1" /></p>
<p>Step 2: Choose Window > Arrange > New window for [document name]. Zoom into the new window so you can see what you're doing by pressing Command + (PC: Ctrl + ), and keep the original window at roughly the size the image will print at. This will allow you to see how much of an effect the enhancement is having. Anything you do in one window is automatically reflected in the other. It's a handy way to work when you're retouching.</p>
<p><img src="images/tutorials/eye-enhancement/eyes_2.jpg" alt="Eyes Image 2" title="Eye Enhancement Image 2" /></p>
<p>This is what my workspace looks like now:</p>
<p><img src="images/tutorials/eye-enhancement/eyes_3.jpg" alt="Eyes Image 3" title="Eye Enhancement Image 3" /></p>
<p><strong>Enhance the iris</strong></p>
<p>Step 3: Grab the Dodge tool (circled in red below), and immediately cast your eyes upon the options bar at the top of your screen. Lower the Exposure to about 30%. Mouse over to the photograph and size the brush cursor so that it fits only the iris area (be careful not to brush over the dark outer edge of the iris). </p>
<p><img src="images/tutorials/eye-enhancement/eyes_4.jpg" alt="Eyes Image 4" title="Eye Enhancement Image 4" /></p>
<p>TIP: Press the left bracket key, [, to cycle up in brush size, and the right bracket key, ], to cycle down.</p>
<p>That's really all there is to it. Because we lowered the Exposure, we can "build" the effect to the intensity we like by continuing to dodge the iris. If we go a little too far, we can decrease the opacity of the duplicated layer to lessen the effect, like so:</p>
<p><img src="images/tutorials/eye-enhancement/eyes_5.jpg" alt="Eyes Image 5" title="Eye Enhancement Image 5" /></p>
<p>Here's our before and after:</p>
<p><img src="images/tutorials/eye-enhancement/eyes_6.jpg" alt="Eyes Image 6" title="Eye Enhancement Image 6" /></p>
<p>A simple, yet effective technique. That's the way I like 'em! Until next time, may the Photoshop force be with you all. </p>
<img src="http://planetphotoshop.com/?ak_action=api_record_view&id=398&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://planetphotoshop.com/5-second-eye-enhancement.html/feed</wfw:commentRss>
		<slash:comments>31</slash:comments>
		</item>
		<item>
		<title>Pick a New Picker</title>
		<link>http://planetphotoshop.com/pick-a-new-picker.html</link>
		<comments>http://planetphotoshop.com/pick-a-new-picker.html#comments</comments>
		<pubDate>Tue, 20 Jun 2006 18:42:40 +0000</pubDate>
		<dc:creator>Lesa Snider</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.planetphotoshop.com/beta/?p=320</guid>
		<description><![CDATA[Put some spice into your Photoshop life and pick an alternate color picker! Did you know you could do that? This is a really great way to further customize the &#8230; <a href="http://planetphotoshop.com/pick-a-new-picker.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p class="text">Put some spice into your Photoshop life and pick an alternate color picker! Did you know you could do that? <!--more-->This is a really great way to further customize the way you work in Photoshop. It's surprisingly easy and there's some really great color pickers available, both freeware and shareware, that make choosing beautiful, complementary color palettes a breeze. First I'm going to show you where to find these little critters, and then show you how to install my favorite one.</p>
<p><strong>Hunting color pickers</strong><br />
If you're using a Mac, the end-all-be-all software resource has long been <a href="http://www.versiontracker.com/">VersionTracker.com</a>. Though now it sports a "platform" option at the top right where you can also choose Windows. Just type in a keyword or software name in the search box at the top left and you'll be presented with a neat list of options. Do a search for "color picker" and you'll find all kinds of stuff, including Painter's Picker. That's the one we're going to install today.</p>
<p>In the Windows world, you might also want to check <a href="http://www.shareware.com/">shareware.com</a>. Results are split into categories of sponsored links and download sites. Here you can also search for Mac software, though I'd be inclined to stick with VersionTracker for that. I'm old and set in my ways ;)</p>
<p><strong>Why Painter's Picker rocks</strong><br />
I love this color picker because it uses a color wheel instead of swatches or a big, square blob of color. How hard is it to find colors that truly work together this way? For me, next to impossible. And apparently for lots of folks creating web sites, it's impossible for them too! Arg. I tend to grab my battered color wheel left over from art school when choosing color schemes, though with Painter's Picker, it's like having a virtual color theory teacher by my side to boot.</p>
<p>Painter's Picker allows you to quickly find and select any color's complementary color, and notes which colors you should stay away from, like those that clash. Choose from five kinds of analogous schemes, five kinds of tetradic schemes, two kinds of triads, four complex complementary schemes, schemes to show colors that are warmer, cooler, lighter, or darker than any given color. Wow. This may very well surpass your color theory teacher's skill level. You can also save color schemes for use later.</p>
<p><strong>Making it work in Photoshop CS2</strong><br />
Since I'm a Mac chick, I'm going to show you how to install it into Photoshop CS2 under OS X Tiger.</p>
<p>Step 1: Download <a href="http://www.oldjewelsoftware.com/products/ppicker/index.html">Painter's Picker</a>.</p>
<p>Step 2: You should see a hard drive icon appear, and a window will pop open containing a Read Me file and the color picker itself, which I've highlighted below.</p>
<p><img src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesa/colorpicker_2.jpg" /></p>
<p>Step 3: Pop open a Finder window and navigate to your Home folder > Library > ColorPickers. Drag the paintersPicker.colorPicker file into this folder, as shown below. If you don't have a ColorPickers folder in your Home Library, never fear. Simply create one by pressing Command + Shift + N.</p>
<p><img src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesa/colorpicker_3.jpg" /></p>
<p>Step 4: Launch Photoshop, and choose Photoshop > Preferences > General. From the Color picker pop-up menu, choose Apple, and press OK.</p>
<p><img src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesa/colorpicker_4.jpg" /></p>
<p>Step 5: Open a document or create a new one (unless you already have something open), and click on a color chip in the Toolbox. When Apple's color picker opens, click on the Painter's Picker wheel at the top right, circled in red below.</p>
<p><img src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesa/colorpicker_5.jpg" /></p>
<p>That's all there is to it! From now on, or until you change it again, you'll have a really powerful color picking tool at your fingertips. Just grab the little handle circled below to spin the wheel and choose other colors. Click the scheme pop-up menu to choose complementary, split complementary, triadic, etc. Hover over any of those options for a quick explanation of what they mean. Play with the brightness and saturation sliders. Below I've chosen a blue tetradic scheme (four evenly spaced colors).</p>
<p><img src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesa/colorpicker_6.jpg" /></p>
<p>I hope this opens your eyes to some other color picker possibilities out there, and allows you to customize your Photoshop experience even more. Until next week, happy color picking!</p>
<p><span class="text">The Graphic Reporter<br />
<a target="_blank" href="http://www.graphicreporter.com/">http://www.graphicreporter.com</a></span></p>
<img src="http://planetphotoshop.com/?ak_action=api_record_view&id=320&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://planetphotoshop.com/pick-a-new-picker.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Weathered Words</title>
		<link>http://planetphotoshop.com/weathered-words.html</link>
		<comments>http://planetphotoshop.com/weathered-words.html#comments</comments>
		<pubDate>Tue, 20 Jun 2006 17:56:53 +0000</pubDate>
		<dc:creator>Lesa Snider</dc:creator>
				<category><![CDATA[Text]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.planetphotoshop.com/beta/?p=240</guid>
		<description><![CDATA[Make your text look like it's been around the block... or two! Call it weathered, grungy, or distressed, or what have you, the secret to creating this quick and easy &#8230; <a href="http://planetphotoshop.com/weathered-words.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Make your text look like it's been around the block... or two! Call it weathered, grungy, or distressed, or what have you<!--more-->, the secret to creating this quick and easy effect is the same: All you need is a layer mask and one of the nifty artistic brushes already built into our beloved Photoshop.</p>
<p><strong>Set some type</strong></p>
<p>Step 1: Create a new document in Photoshop by  pressing Command + N (PC: Ctrl + N). Press T to select the Type tool.</p>
<p><img src="/images/tutorials/lesas/011906/weathered_1.jpg" /></p>
<p>Step 2: Choose a nice thick, big, and bold font from the options toolbar at the top of your screen, then type the word "weathered" in all caps. I chose Impact at 92 points, and picked a charcoal gray from the color well (circled in red below).</p>
<p><img src="/images/tutorials/lesas/011906/weathered_2.jpg" /></p>
<p><strong>Create a mask</strong><br />
Instead of damaging the text itself, we'll  create the weathered effect on a layer mask.</p>
<p>Step 3: With the type layer selected, create a layer mask by clicking the circle within a square icon at the bottom of the Layers Palette.</p>
<p><img src="/images/tutorials/lesas/011906/weathered_3.jpg" /></p>
<p>Step 4: Press B to select the Brush tool. Hop up to the options toolbar atop your screen and click the little menu to the right of the word Brush. Scroll down until you begin to see the oddly distorted, artistic brushes like Spatter and Chalk. Click on a brush to select it; I picked Chalk at 44 pt.</p>
<p><img src="/images/tutorials/lesas/011906/weathered_4.jpg" /></p>
<p><strong>Paint on a weathered look</strong><br />
In the realm of layer masks, painting with black hides and painting with white reveals. To create our weathered look, we want to hide bits of the text with the odd-shaped brush we chose in Step 4.</p>
<p>Step 5: With black as the topmost (foreground) color chip in the Toolbar, begin to click around on the word "weathered", using a combination of dragging or just clicking to get a worn look. I've circled my brush in red below.</p>
<p><img src="/images/tutorials/lesas/011906/weathered_5.jpg" /></p>
<p>If you accidentally hide too much of an area, just press X to swap color chips (so that white is on top) and paint that area back in. Press X again to switch to black, and continue clicking to weather the type. If you totally blow it and want to start over, just Control click (PC: Right click) on the layer mask thumbnail and select Delete Layer Mask.</p>
<p><img src="/images/tutorials/lesas/011906/weathered_6.jpg" /></p>
<p>The key to making this effect look good is to swap between using large and small brushes in order to get the edges of the letters themselves so they aren't perfectly straight. TIP: Press the left bracket, [, to cycle down in brush size, and the right bracket, ], to cycle up.</p>
<p>Here's what I ended up with (the layer mask is  circled in red):</p>
<p><img src="/images/tutorials/lesas/011906/weathered_7.jpg" /></p>
<p>Using a variety of brushes, you can get really creative with this effect. And by using a layer mask, we've harmed nary a pixel of the type.</p>
<p>Until next time, remember to experiment with  different brushes and be sure to visit the <a target="_blank" href="http://share.studio.adobe.com/Default.asp">Adobe Studio Exchange</a> to download more  artistic brushes... for free!<br />
The graphic reporter - <a target="_blank" href="http://www.graphicreporter.com/">http://www.graphicreporter.com</a></p>
<img src="http://planetphotoshop.com/?ak_action=api_record_view&id=240&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://planetphotoshop.com/weathered-words.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Quick Frame Effects</title>
		<link>http://planetphotoshop.com/creating-a-circuit-board-face.html</link>
		<comments>http://planetphotoshop.com/creating-a-circuit-board-face.html#comments</comments>
		<pubDate>Tue, 20 Jun 2006 17:28:14 +0000</pubDate>
		<dc:creator>Lesa Snider</dc:creator>
				<category><![CDATA[Photography]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.planetphotoshop.com/beta/?p=230</guid>
		<description><![CDATA[Here's a couple of super quick frame effects to add a little burst of creativity to otherwise mundane photos. Fast Frame #1 Step 1: Pop open a photo in Photoshop &#8230; <a href="http://planetphotoshop.com/creating-a-circuit-board-face.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Here's a couple of super quick frame effects to add a little burst of creativity to otherwise mundane photos.<!--more--></p>
<p><strong>Fast Frame #1</strong></p>
<p>Step 1: Pop open a photo in Photoshop and double-click the background layer to make it editable.</p>
<p><img alt="Step 1" src="/images/tutorials/lesas/031306/fastframes_1.jpg" /></p>
<p>Step 2: Press C to select the Crop tool. We're going to give ourselves a little wiggle room by drawing a crop box around the image, then pulling out the handles on all four sides to increase Canvas size. Press Return to accept the crop and enjoy your newfound space</p>
<p><img alt="Step 2" src="/images/tutorials/lesas/031306/fastframes_2.jpg" /></p>
<p>Step 3: Click the tiny cursive "f" at the bottom of the Layers Palette and choose Stroke..</p>
<p><img alt="Step 3" src="/images/tutorials/lesas/031306/fastframes_3.jpg" /></p>
<p>For the resolution of this particular photo, a stroke size of 13 pixels worked out well. For sharp corners, choose Inside from the Position pop-up menu (for round corners choose Outside). Pick a color from the color well (circled in red below).</p>
<p><img alt="Step 4" src="/images/tutorials/lesas/031306/fastframes_4.jpg" /></p>
<p>Step 5: Before closing the Layer Style dialog box, select Drop Shadow from the left-hand menu. Mouse over to the photo and move the drop shadow around, then use the Size slider to soften it a bit. Click OK when finished.</p>
<p><img alt="Step 5" src="/images/tutorials/lesas/031306/fastframes_5.jpg" /></p>
<p>Step 6: Summon Free Transform by pressing Command + T (PC: Ctrl +T). Rotate your creation counter-clockwise by positioning the cursor just below the bottom right-hand handle, then dragging upward slightly. Press return to accept the rotation.</p>
<p><img alt="Step 6" src="/images/tutorials/lesas/031306/fastframes_6.jpg" /></p>
<p>Step 7: Command click (PC: Right click) the new layer icon at the bottom of the Layers Palette to add a layer beneath the one you're working on.</p>
<p><img alt="Step 7" src="/images/tutorials/lesas/031306/fastframes_7.jpg" /></p>
<p>Step 8: Click the foreground color chip in the main Toolbox and pick a color. With the new layer selected, press Option + Delete (PC: Alt + Delete) to fill the new layer with color.</p>
<p>Tada! Here's the finished product:</p>
<p><img alt="Step 8" src="/images/tutorials/lesas/031306/fastframes_8.jpg" /></p>
<p><strong>Fast Frame #2</strong></p>
<p>A variation on the first frame, we'll start with giving ourselves more canvas space.</p>
<p>Step 1: Press C to select the Crop tool, and draw a crop box around the image. Pull the handles as shown below: about 1/4 inch on the left, top, and right, then about 1/2 inch on the bottom. Press Return to take receipt of your new space.</p>
<p><img alt="Step 9" src="/images/tutorials/lesas/031306/fastframes_9.jpg" /></p>
<p>Step 2: Command click (PC: Right click) the new layer icon at the bottom of the Layers Palette to add a new layer beneath the one you're on, like we did above in Step 7.</p>
<p>Step 3: Press D to set your color chips to the default of black and white, and press X until white is on top. Press Option + Delete (PC: Alt + Delete) to fill the new layer with white. Here's where we are so far:</p>
<p><img alt="Step 10" src="/images/tutorials/lesas/031306/fastframes_10.jpg" /></p>
<p>Step 4: Press C to select the Crop tool again, and draw a box around the image. This time add space on all four sizes equally. Press Return to accept the crop.</p>
<p><img alt="Step 11" src="/images/tutorials/lesas/031306/fastframes_11.jpg" /></p>
<p>Step 5: Press T to select the Type tool and add a caption at the bottom of the polaroid-ish border.</p>
<p><img alt="Step 12" src="/images/tutorials/lesas/031306/fastframes_12.jpg" /></p>
<p>Step 6: When you have everything *just* right, choose Merge Visible from the Layers Palette pop-up menu.</p>
<p><img alt="Step 13" src="/images/tutorials/lesas/031306/fastframes_13.jpg" /></p>
<p>Step 7: Now you're free to rotate and add a drop shadow like we did above in Fast Frame #1. This time, I increased the size of the drop shadow quite a bit so it would show up on the right side of the photo to define the edge. I also lowered the opacity of the shadow just a bit.</p>
<p><img alt="Step 14" src="/images/tutorials/lesas/031306/fastframes_14.jpg" /></p>
<p>Here's what we end up with:</p>
<p><img alt="Step 15" src="/images/tutorials/lesas/031306/fastframes_15.jpg" /></p>
<p>That's all for this week! Until next week, happy fast framing ;)</p>
<p><span class="text">by Lesa Snider<br />
The Graphic Reporter<br />
<a target="_blank" href="http://www.graphicreporter.com/">http://www.graphicreporter.com</a><br />
<a target="_blank" href="http://www.istockphoto.com/conversion/tgr">Chief Evangelist, iStockphoto.com</a></span></p>
<img src="http://planetphotoshop.com/?ak_action=api_record_view&id=230&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://planetphotoshop.com/creating-a-circuit-board-face.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Colorizing a Grayscale Image</title>
		<link>http://planetphotoshop.com/colorizing-a-grayscale-image.html</link>
		<comments>http://planetphotoshop.com/colorizing-a-grayscale-image.html#comments</comments>
		<pubDate>Tue, 20 Jun 2006 16:18:55 +0000</pubDate>
		<dc:creator>Lesa Snider</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.planetphotoshop.com/beta/?p=150</guid>
		<description><![CDATA[Adding color to a grayscale image is a neat little effect you see all over the place. Now, this isn't to be confused with taking a color image and removing &#8230; <a href="http://planetphotoshop.com/colorizing-a-grayscale-image.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Adding color to a grayscale image is a neat little effect you see all over the place.<!--more--> Now, this isn't to be confused with taking a color image and removing its color, only to add some of it back in certain places. This technique is entirely different. What I'm going to show you today is how to apply a new color to a naked image, so to speak. It's a really simple technique that's fun to use, it's great for creating visual interest, and drawing attention to a certain portion of a photo.</p>
<p>Admittedly, the process of colorizing a grayscale photo certainly seems straight forward enough, in that it probably involves grabbing a paint brush and painting color onto the image itself. The problem, though, is that while you would succeed in adding color to the photo, you would systematically destroy any detail it once contained.</p>
<p>Using the cutest photo *ever* (snatched from <a target="_blank" href="http://www.istockphoto.com/conversion/tgr/">iStockphoto.com</a>), I'm going to show you the trick to adding color while retaining all the glorious detail of the photo. As a bonus, I'll show you how to change your mind and recolorize the color you just added.</p>
<p>Check the color mode</p>
<p>The very first thing we want to do is make sure the document is in color mode, and not grayscale. Else, we won't get very far and your frustration level with all things digital could reach an all time high :)</p>
<p>Step 1: Choose Image > Mode and make sure the document is set to either RGB or CMYK. If the document mode is Grayscale, you won't be allowed you to paint in color, which can be quite maddening. NOTE: If this image will be printed professionally, then you want to choose CMYK. If you're going to print the image on your home color inkjet or if the image is destined to live out its life only on screen, then go with RGB.</p>
<p><img alt="Step 1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021706/colorize_1.jpg" />Create a space for the new paint</p>
<p>Step 2: Create a new layer by clicking the New Layer button at the bottom of the Layers Palette. This is where the new paint will live, so that we don't screw up the original photo.</p>
<p><img alt="Step 1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021706/colorize_2.jpg" />Step 3: Change the blending mode of the new layer to either Color or Overlay, as shown below. This will allow the detail of the image to show through the paint, instead of the paint being a solid coat.</p>
<p><img alt="Step 1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021706/colorize_3.jpg" />Step 4: Press B to select the Brush tool, and click on the foreground color chip at the bottom of the main Toolbar. Pick a nice pastel color from the resulting color picker and press OK.</p>
<p><img alt="Step 1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021706/colorize_4.jpg" />Step 5: Since we're about to embark upon a bit of detail work, I'm going to share a workspace trick with you before we start painting. Choose Window > New Window for [insert image name]. This is going to allow us to be zoomed in really far on the image in one window, and still see what the image looks like at its normal size in another.</p>
<p><img alt="Step 1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021706/colorize_5.jpg" />The neat bit is what you do in one window happens simultaneously in the other. So as I being to paint the little girls dress, this is what I see:</p>
<p><img alt="Step 1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021706/colorize_6.jpg" />TIP: Press Command + (PC: Ctrl + ) to zoom in, and Command - (PC: Ctrl -) to zoom back out of your document. Another handy tip to remember while doing detail work is that while zoomed in on your document, pressing the spacebar turns the cursor into a little hand which you can then use to mouse over to a different area of the image, like so:</p>
<p><img alt="Step 1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021706/colorize_7.jpg" />Step 6: As I move around in the image, I come upon places where my brush is too large, such as the little strap around her neck. Here I can press the left bracket key, [, to cycle down in brush size, and later cycle back up by pressing the right bracket key, ].</p>
<p><img alt="Step 1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021706/colorize_8.jpg" />If you mess up during the painting process, just press E to select the Eraser tool and fix your mistake. Press B to pick the brush back up and soldier on. After painting her dress, gloves, purse and hat, here's the little cutie all clad in purple:</p>
<p><img alt="Step 1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021706/colorize_9.jpg" />Changing the paint color</p>
<p>Okay, so, the purple dress is super cute but what if your client/mom/friend/sibling wants to see what it looks like in yellow? Instead of leaping off the nearest balcony, simply take a deep breath, grin smugly and do this:</p>
<p>Step 7: Create an adjustment layer by pressing the half black/half white circle at the bottom of the Layers Palette, and choose Hue/Saturation.</p>
<p><img alt="Step 1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021706/colorize_10.jpg" />Step 8: In the resulting dialog box, grab the Hue slider and move it rightward. See how the dress color changes as you go? Isn't that COOL?! YEAH baby!</p>
<p><img alt="Step 1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021706/colorize_11.jpg" />Step 9: In our case, I decided on a peachy color (it matches my web site) and to make the effect a bit more subtle, I decreased the Saturation just a tad, as shown below.</p>
<p><img alt="Step 1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021706/colorize_12.jpg" />Tada! Think of how much fun you could have with this technique using a graphics tablet. And though we painted the color on with a brush, you could just as easily create a selection in myriad other ways. For example, if you're colorizing line art, you might use the Magic Wand to select areas of white between the black outlines which you'd then fill with color in one fell swoop. Myself, I'm not a fan of selection tools at all and prefer to use a brush whenever I have the chance.</p>
<p>And of course, the neatest thing of all with adding color in this manner is that you can change your mind a dozen times. Just double click the adjustment layer and the Hue/Saturation dialog box dutifully flings itself open, ready for the latest round of tweaking.</p>
<p>The Graphic Reporter<br />
<a target="_blank" href="http://www.graphicreporter.com/">http://www.graphicreporter.com</a></p>
<p>Until next time, happy colorizing!</p>
<img src="http://planetphotoshop.com/?ak_action=api_record_view&id=150&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://planetphotoshop.com/colorizing-a-grayscale-image.html/feed</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>Photo Reflection Effect</title>
		<link>http://planetphotoshop.com/photo-reflection-effect.html</link>
		<comments>http://planetphotoshop.com/photo-reflection-effect.html#comments</comments>
		<pubDate>Tue, 20 Jun 2006 16:18:16 +0000</pubDate>
		<dc:creator>Lesa Snider</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.planetphotoshop.com/beta/?p=149</guid>
		<description><![CDATA[Recreating Apple's iWeb photo reflection effect With Apple's release of iWeb -- an amazing web site building tool -- I've been getting a steady stream of emails wanting to know &#8230; <a href="http://planetphotoshop.com/photo-reflection-effect.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>Recreating Apple's iWeb photo reflection effect</strong><br />
<!--more--><br />
With Apple's release of <a href="http://www.apple.com/ilife/iweb/%20target=">iWeb</a> -- an amazing web site building tool -- I've been getting a steady stream of emails wanting to know how to recreate the nifty photo reflection effect which appears at the top of iWeb pages and in the slide shows (here's a sample). Adding such a reflection is a super easy way to add depth and a bit of sophistication to your photographs.</p>
<p>Today I will show you how to create a reflection of your very own in Photoshop, and we'll do it in a manner that retains maximum flexibility within our document so you can plop your photo onto any color background you want.</p>
<p>Those of you who've been listening to my graphics tip on <a target="blank" href="http://www.yourmaclife.com/">Your Mac Life show</a> know that I'm slightly enamored with dragons at the moment (I'm halfway through Eldest by Christopher Paolini). With that in mind, I took a journey to <a target="_blank" href="http://www.istockphoto.com/conversion/tgr">iStockphoto.com</a> and searched on the keyword combination: dragon fantasy. And just to prove that iStockphoto really does have the perfect image for any project, (beams with pride) look what I found:</p>
<p><img src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021006/reflection_1.jpg" /><br />
<strong>Preparing the photo</strong></p>
<p>Step 1: Pop open a Soon To Be Beautifully Reflected Photo, and immediately duplicate the Background layer by pressing Command + J (PC: Ctrl + J).</p>
<p>TIP: If you have nothing selected (no marching ants) Command + J duplicates the entire layer. If you do have a selection, Command + J pops just that portion up onto its own layer. This is a handy keyboard shortcut to have in one's bag-o-tricks.</p>
<p>Step 2: Double click the Background layer so that it becomes editable, and name it "reflection". This is what my Layers Palette looks like now:</p>
<p><img src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021006/reflection_2.jpg" /></p>
<p>Step 3: We need some room for our reflection so let's increase the canvas size. Press C to select the Crop tool, draw a box around the image, and drag the bottom handle out a ways as shown below. Press Return to accept the Crop.</p>
<p><img src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021006/reflection_3.jpg" /></p>
<p>Step 4: While the reflection layer is still selected (it'll appear light blue in the Layers Palette), press Command + T (PC: Ctrl + T) to invoke Free Transform. Control click (PC: Right click) within the transform box and a contextual menu will appear. Choose Flip Vertical and press Return to accept the transform. This flips the reflection layer upside down.</p>
<p><img src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021006/reflection_4.jpg" /></p>
<p>Step 5: Press V to select the move tool. Press and hold the Shift key while dragging the reflection layer to the bottom of your document, so that the ends of the two photo layers *almost* meet. For the iWeb reflection effect, you want to leave a 1-2 pixel gap between the photos, like so:</p>
<p><img src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021006/reflection_5.jpg" /></p>
<p>TIP: Holding the Shift key while moving a layer locks it into place horizontally (or vertically), depending upon the direction you're dragging. Just another example of how Photoshop helps to protect us against ourselves.</p>
<p><strong>Fade it out</strong></p>
<p>Step 6: Add a layer mask to the reflection layer by clicking the circle within a square icon at the bottom of the layers palette.</p>
<p><img src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021006/reflection_6.jpg" /></p>
<p>Step 7: While the mask is still selected (note the tiny hairline border around it above), press G to select the Gradient tool. From the options toolbar at the top of your screen, choose Foreground to Transparent from the pop-up menu, then click the Reflected button, as shown below.</p>
<p><img src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021006/reflection_7.jpg" /></p>
<p>Step 8: Back on the document, click towards the bottom of the image and then drag upward to roughly the height you'd like the reflection to be. I held the Shift key down to lock the gradient into being perfectly straight.</p>
<p><img src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021006/reflection_8.jpg" /></p>
<p>TIP: If you're nonplussed by your first Professional Gradient Dragging Attempt, just give it another go.</p>
<p><strong>Add a background</strong></p>
<p>Step 9: Command click (PC: Ctrl click) the New Layer icon at the bottom of the Layers Palette. TIP: Holding the Command (or Ctrl) key makes the new layer appear below the current layer. Very handy indeed.</p>
<p><img src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021006/reflection_9.jpg" /></p>
<p>Step 10: Take a peek at the color chips at the bottom of the main Toolbox. If necessary, press D to set them to the default of black and white, then press X until black hops on top. Fill the new layer with black by pressing Option + Delete (PC: Alt + Delete).</p>
<p><img src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021006/reflection_10.jpg" /></p>
<p>Step 11: To complete the effect, select the reflection layer and lower the opacity to about 50%.</p>
<p><img src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021006/reflection_11.jpg" /></p>
<p>Here's the final result:</p>
<p><img src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021006/reflection_12.jpg" /></p>
<p>See how easy that was? And flexible too: By choosing a foreground to transparent gradient and by putting the black background on its own layer, you can experiment with your background color, and make it match whatever you want to place the photo on. Here's the final result on white:</p>
<p><img src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/021006/reflection_13.jpg" /></p>
<p>Until next week, may the Photoshop force be with you all ;)</p>
<p>The Graphic Reporter<br />
<a target="_blank" href="http://www.graphicreporter.com/">http://www.graphicreporter.com</a></p>
<img src="http://planetphotoshop.com/?ak_action=api_record_view&id=149&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://planetphotoshop.com/photo-reflection-effect.html/feed</wfw:commentRss>
		<slash:comments>59</slash:comments>
		</item>
		<item>
		<title>Easy Partial Color, Pt. 1</title>
		<link>http://planetphotoshop.com/easy-partial-color-pt-1.html</link>
		<comments>http://planetphotoshop.com/easy-partial-color-pt-1.html#comments</comments>
		<pubDate>Tue, 20 Jun 2006 16:17:40 +0000</pubDate>
		<dc:creator>Lesa Snider</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.planetphotoshop.com/beta/?p=148</guid>
		<description><![CDATA[As with most things in Photoshop, there are a thousand ways to do the same thing. Here lies what I truly believe to be the quickest and easiest way to &#8230; <a href="http://planetphotoshop.com/easy-partial-color-pt-1.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>As with most things in Photoshop, there are a thousand ways to do the same thing.<!--more--> Here lies what I truly believe to be the quickest and easiest way to highlight a certain portion of an image: Make one bit of it color and the rest black and white.</p>
<p>It's  a really interesting photo effect, and you'll be amazed at how quick and easy  it is.</p>
<p><strong>Crop it!</strong><br />
Step 1: Pop open a photo and press C to select the Crop tool. Draw a box around the subject matter of the image and press Return.</p>
<p><img width="400" height="322" alt="1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/012706/partialcolor_1.jpg" /></p>
<p>TIP: If you want to crop to a certain size and resolution, you can dial those numbers into the Options toolbar at the very top of your screen. Remember to include the unit of measurement on width and height, such as "5 in", else Photoshop thinks you mean pixels.</p>
<p><strong>Zap the color...</strong><br />
Step 2: immediately trot down to the bottom of the Layers Palette and click the half black/half white circle to create an Adjustment Layer. Choose Hue/Saturation.</p>
<p><img width="244" height="274" alt="1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/012706/partialcolor_2.jpg" /></p>
<p>Step 3: In the resulting dialog box, drag the Saturation slider all the way to the left. This causes all color to drain from the photo. Click OK.</p>
<p><img width="400" height="272" alt="1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/012706/partialcolor_3.jpg" /></p>
<p><strong>...then add a little back</strong><br />
Lucky for us, all adjustment layers come with their very own layer mask. This will allow us to hide the effect of the adjustment layer in certain areas.</p>
<p>Step 4: With the layer mask still selected in the Layers Palette (you'll see a tiny hairline rule around it), press B to select the Brush tool.</p>
<p><img width="85" height="219" alt="1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/012706/partialcolor_4.jpg" /></p>
<p>Step 5: In the realm of layer masks, painting with black hides and white reveals. Since we want to hide a bit of the adjustment layer, let us paint with black. Take a peek at the color chips in the main Toolbar and press X until black sits happily on top.</p>
<p><img width="85" height="258" alt="1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/012706/partialcolor_5.jpg" /></p>
<p>Step 6: Back on the photo itself, begin to  paint the butterfly's wings. Notice how the color starts to show back through.</p>
<p><img width="544" height="398" alt="1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/012706/partialcolor_6.jpg" /></p>
<p>Step 7: Press the left bracket key, [, to cycle down in brush size to get its head and tail. Likewise, press the right bracket key, ], to cycle back up in brush size to fine tune the wing area.</p>
<p><img width="536" height="394" alt="1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/012706/partialcolor_7.jpg" /></p>
<p>TIP: Press Command plus (PC: Ctrl plus) to zoom in so you can see what you're doing. Press Command _minus (PC: Ctrl minus) to zoom back out.</p>
<p>Step 8: If you bring too much of the color back, just press X to swap color chips so that white is on top, and paint that area back out like I'm doing here:</p>
<p><img width="533" height="386" alt="1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/012706/partialcolor_8.jpg" /></p>
<p>Chances are, you'll do quite a bit of color  swapping while tweaking the layer mask.</p>
<p>Here's the finished photo, with the layer mask  circled in red:</p>
<p><img width="600" height="334" alt="1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/012706/partialcolor_9.jpg" /></p>
<p>Notice how the mask matches the butterfly. The beauty of zapping the color and then bringing it back with this technique is that we've not harmed a single pixel. To start completely over, we could just trash the adjustment layer.</p>
<p>Join me week as I show you how to take this photo one step further, and make the colors of the butterfly really pop using blending modes. See you next week!</p>
<p>The Graphic Reporter<br />
<a target="_blank" href="http://www.graphicreporter.com/">http://www.graphicreporter.com</a></p>
<img src="http://planetphotoshop.com/?ak_action=api_record_view&id=148&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://planetphotoshop.com/easy-partial-color-pt-1.html/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Placing Text Behind an Object</title>
		<link>http://planetphotoshop.com/placing-text-behind-an-objec.html</link>
		<comments>http://planetphotoshop.com/placing-text-behind-an-objec.html#comments</comments>
		<pubDate>Tue, 20 Jun 2006 16:17:09 +0000</pubDate>
		<dc:creator>Lesa Snider</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.planetphotoshop.com/beta/?p=147</guid>
		<description><![CDATA[Have you ever wanted to float a piece of text behind a portion of an image? It's really easy to do using layer masks. Today I'm going to show you &#8230; <a href="http://planetphotoshop.com/placing-text-behind-an-objec.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Have you ever wanted to float a piece of text behind a portion of an image? <!--more-->It's really easy to do using layer masks. Today I'm going to show you a fun little Christmas card project that will help reveal how useful layer masks can be. Before we get started, let's talk about what a layer mask really is.</p>
<p><strong>What is a layer  mask?</strong><br />
A layer mask is a method of hiding pixels. In my humble opinion, you rarely want to affect or (gasp) delete actual pixels. Instead, what you want to do is to mask them off. As an analogy, think of a layer mask as if it were the masking tape you'd place atop the window trim before painting your walls.</p>
<p><strong>Why should I use  one?</strong><br />
Using the analogy of painting your home above, rather than remove the window trim completely (yikes), wouldn't you rather protect it with masking tape so you can do whatever you want with the walls? Of course you would. The same logic applies to your images. When you want to alter certain portions of the image, rather than delete or affect the other bits, consider masking them off instead. This way you don't destroy your original image and your artwork remains flexible, enabling you to experiment to your hearts content.</p>
<p><strong>Creating a layer mask in  Photoshop</strong><br />
Let's create a fake holiday card by using this  "happy family at Christmas" picture I nabbed from iStockphoto.com.</p>
<p>Step 1: Pop open the aforementioned happy family photo and press T to select the Type tool. Type Happy Holidays, or something similar, in a nice big font in a festive color.</p>
<p><img width="400" height="162" alt="Step 1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/120905/textbehind_1.jpg" /></p>
<p>Step 2: Select the type layer in the layers palette (so that it turns blue as shown below), and add a layer mask by clicking the circle within a square button at the very bottom.</p>
<p><img width="228" height="224" alt="Step 2" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/120905/textbehind_2.jpg" /></p>
<p>Step 3: In the realm of layers masks, painting with black hides and painting with white reveals. Since hiding is what we want, take a peek in your Toolbox and make sure black is the topmost color chip. If white is on top, just press X to swap them out.</p>
<p><img width="85" height="448" alt="Step 3" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/120905/textbehind_3.jpg" /></p>
<p>Step 4: Press B to select the Brush tool, and pick a fairly small, soft brush from the options toolbar at the top of your screen. Begin painting over the area of text you want to hide, such as the "y" in "Happy".</p>
<p><img width="365" height="302" alt="Step 4" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/120905/textbehind_4.jpg" /></p>
<p>NOTE: The reason for choosing a soft brush (one with a feathered edge) as opposed to a hard brush (one with, well, a hard edge) is so the area between the letter and Mrs. Smith's hair will be softened slightly, enabling it to blend and look more realistic.</p>
<p>Step 5: If you hide too much of the letters, press X to swap color chips so that white is on top, and paint the area back in. For example, my brush was a little too big so I hid too much of the letters behind Mrs. Smith's head. I zoomed in by pressing Command + (PC: Ctrl + ) to better see what I was doing, pressed the left bracket, [, to go down in brush size, and I painted those bits of the letters back in, like so:</p>
<p><img width="461" height="288" alt="Step 5" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/120905/textbehind_5.jpg" /></p>
<p>NOTE: When creating a layer mask, you'll probably do a lot of swapping color chips, thus alternating between hiding (with black) and revealing (with white) pixels. The beauty is that you're not deleting any bits of the letters, you're merely hiding them. This enables you to tweak the layer mask until you get it just right.</p>
<p>Step 6: Now that the area around Mrs. Smitih's head is fixed, I'm going to press X to swap color chips so that black is on top,  so I can hide a small portion of the exclamation point where it touches the Christmas tree on the far right.</p>
<p><img width="175" height="365" alt="Step 6" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/120905/textbehind_6.jpg" /></p>
<p>Zooming back out by pressing Command - (PC: Ctrl - ), here's what the image looks like now. I also added another layer of cursive type to personalize the image:</p>
<p><img width="400" height="302" alt="Step 7" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/120905/textbehind_7.jpg" /></p>
<p>And here's what our layers palette looks like, with the layer mask circled in red. Anytime you wish to edit the mask, just select it in the layers palette (notice the hairline rule around it below?):</p>
<p><img width="236" height="275" alt="Step 8" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/120905/textbehind_8.jpg" /></p>
<p>I hope this quick tutorial on using a layer mask to place type behind an object illuminates all kinds of gloriously creative possibilities for your images. Something as simple as what we did today can add that extra bit of spice to an otherwise ordinary photo.</p>
<p>Until next week, have fun playing with layer masks!</p>
<p>The Graphic Reporter<br />
<a target="_blank" href="http://www.graphicreporter.com/">http://www.graphicreporter.com</a></p>
<img src="http://planetphotoshop.com/?ak_action=api_record_view&id=147&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://planetphotoshop.com/placing-text-behind-an-objec.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Selecting Frizzy Hair</title>
		<link>http://planetphotoshop.com/selecting-frizzy-hair.html</link>
		<comments>http://planetphotoshop.com/selecting-frizzy-hair.html#comments</comments>
		<pubDate>Tue, 20 Jun 2006 16:14:55 +0000</pubDate>
		<dc:creator>Lesa Snider</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.planetphotoshop.com/beta/?p=146</guid>
		<description><![CDATA[Does the thought of isolating (also referred to as "knocking out") a person in a photo with big hair fill you with dread? Never fear for the Extract filter is &#8230; <a href="http://planetphotoshop.com/selecting-frizzy-hair.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Does the thought of isolating (also referred to as "knocking out") a person in a photo with big hair fill you with dread? Never fear for the Extract filter is here!<!--more--></p>
<p>Let's take this image of a frizzy-haired hippy I snatched from iStockphoto.com. To change the background, it would mean creating a selection around the hippy dude and his frighteningly frizzy hair. Yes, there are third-party plug-ins who'd make haste of this task for a price, but what if I don't want to spend the extra money? I can turn to the Extract filter for help instead.</p>
<p><strong>Highlight the edges</strong></p>
<p>Because the Extract filter is "destructive" (it deletes pixels), we'll start off by immediately duplicating the background layer. We'll use this layer copy later on to create a non-destructive layer mask, so that we're *hiding* pixels rather than deleting them. This will build in flexibility for editing the selection. Read on.</p>
<p>Step 1: Open the photo and immediately press Command + J (PC: Ctrl + J) to duplicate the background layer. Turn the visibility off on the original layer for now, as we'll be working only with the copy. I named the new layer "frizzy hippy" as shown below:</p>
<p><img width="234" height="264" alt="Step 1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/111805/frizzyhair_1.jpg" /></p>
<p>Step 2: Choose Filter > Extract.</p>
<p><img alt="Frizzy Hair" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/111805/frizzyhair_2.jpg" /></p>
<p>Step 3: In the resulting dialog box, select the Highlight tool and draw a selection around the hippy dude. TIP: If you mess up, just select the Eraser tool in the Extract filter's toolbar, fix the mistake, and switch back to the Highlight tool to continue outlining the area to be knocked out.</p>
<p><img alt="Frizzy Hair" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/111805/frizzyhair_3.jpg" /></p>
<p>Step 4: Select the Paint Bucket tool and click inside the area you want to keep, and press OK. The Extract filter will dutifully delete the background and create a new layer containing only the hippy dude.</p>
<p><img alt="Frizzy Hair" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/111805/frizzyhair_4.jpg" /></p>
<p>NOTE: In the screen shot above, notice how I did not highlight all the way around the photo. Because certain areas bleed off the page, they do not need selecting.</p>
<p>Here's what we have now:</p>
<p><img alt="Frizzy Hair" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/111805/frizzyhair_5.jpg" /></p>
<p>TIP: If you're not satisfied with the results of the Extract, just press Command + Z (PC: Ctrl + Z) to undo it and try again. Experiment with different brush sizes to get a better selection. There are also several options living inside the Extract filter dialog box, though for this example I didn't use them. To see what they do, use your mouse to hover over any of the text labels and a brief explanation will appear at the top of the dialog box.</p>
<p><strong>Create a layer mask</strong></p>
<p>To clean up the selection, you could select the History Brush and paint back in areas that the Extract filter erroneously zapped. Though, a better option is to create a layer mask on the original background layer instead.</p>
<p>Step 5: Command click (PC: Ctrl click) the newly knocked out layer (the one created by the Extract filter). You should now see marching ants around the frizzy hippy dude.</p>
<p><img alt="Frizzy Hair" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/111805/frizzyhair_6.jpg" /></p>
<p>Step 6: In the layers palette, turn off the visibility of the newly knocked-out layer created by the Extract filter, and turn on the visibility of the original Background layer. Double-click the Background layer to make it editable.</p>
<p>Step 7: Create a layer mask by pressing the circle within a square button at the bottom of the layers palette (circled below in red). This is what my layers palette looks like now:</p>
<p><img alt="Frizzy Hair" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/111805/frizzyhair_7.jpg" /></p>
<p><strong>Edit the mask</strong></p>
<p>Step 8: Select the Brush tool by pressing B, and paint with white those areas the Extract filter should not have zapped. This will allow them to become visible again. When dealing with layer masks, painting with black hides and white reveals. In the screen shot below, I'm painting with white to reveal bits of Hippy Dude's shirt the Extract filter discarded.</p>
<p><img alt="Frizzy Hair" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/111805/frizzyhair_8.jpg" /></p>
<p>Step 9: As you can see, a little of the background around the shirt collar has come back to haunt me. To fix it, press X to swap color chips so that black is on top (because black hides) and paint the background back out. Keep painting with either white (to reveal) or black (to hide) until you're satisfied with the mask.</p>
<p><img alt="Frizzy Hair" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/111805/frizzyhair_9.jpg" /></p>
<p>TIP: Press the left bracket, [, to cycle down  in brush size and press the right bracket, ], to cycle up.</p>
<p><strong>Create a funky background</strong></p>
<p>Step 10: Create a new layer by pressing Command + Shift + N (PC: Ctrl + Shift + N) and drag it to the bottom of your layers stack. You can also create a new layer by pressing the New Layer icon at the bottom of the layers palette (circled below in red).</p>
<p><img alt="Frizzy Hair" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/111805/frizzyhair_10.jpg" /></p>
<p>Step 11: Select the Gradient tool by pressing G. Up in the options toolbar, pick a nice rainbow gradient and choose Radial (both options circled in red below).</p>
<p><img alt="Frizzy Hair" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/111805/frizzyhair_11.jpg" /></p>
<p>Step 12: Back in the document, drag upwards from the bottom center of the image to the top. This creates a nice psychedelic rainbow background for our hippy.</p>
<p><img alt="Frizzy Hair" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/111805/frizzyhair_12.jpg" /></p>
<p>Here's the finished photo:</p>
<p><img alt="Frizzy Hair" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/111805/frizzyhair_13.jpg" /></p>
<p>Feel like your back in the 60s yet?!</p>
<p>As you can see, the Extract filter did an amazingly respectable job of selecting the frizzy hair. And by creating a copy of the original Background layer at the very beginning, we were able to use the selection we obtained from the Extract filter to create a non-destructive layer mask. This way we achieved maximum flexibility and were able to fine tune the mask as we wish.</p>
<p>Until next week, happy extracting!</p>
<p>The Graphic Reporter<br />
<a target="_blank" href="http://www.graphicreporter.com/">http://www.graphicreporter.com</a></p>
<img src="http://planetphotoshop.com/?ak_action=api_record_view&id=146&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://planetphotoshop.com/selecting-frizzy-hair.html/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Photos within Type, Part 2: Grungy Type</title>
		<link>http://planetphotoshop.com/photos-within-type-part-2-grungy-type.html</link>
		<comments>http://planetphotoshop.com/photos-within-type-part-2-grungy-type.html#comments</comments>
		<pubDate>Tue, 20 Jun 2006 16:11:31 +0000</pubDate>
		<dc:creator>Lesa Snider</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.planetphotoshop.com/beta/?p=144</guid>
		<description><![CDATA[Continuing on with the Photos within Type tutorial series, here's another fun effect to create: grungy type. It's often used on movie posters. To create the effect, you need a &#8230; <a href="http://planetphotoshop.com/photos-within-type-part-2-grungy-type.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Continuing on with the Photos within Type tutorial series, here's another fun effect to create: grungy type.<!--more--> It's often used on movie posters. To create the effect, you need a very "busy" photo, something with lots of hard lines. By using the Threshold adjustment, we'll morph a photo into a grungy texture which we'll place on top of some type.</p>
<p><strong>Type something</strong></p>
<p>Step 1: Pop open a new document. In the  Toolbox, set the top color chip to orange.</p>
<p><img width="85" height="191" alt="Step 1" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/102805/grungetype_1.jpg" /></p>
<p>Step 2: Press T to select the Type tool and set some type in a large, thick font (try a nice slab, sans-serif like Impact). For reasons which will become clear to you in a moment, I typed "FEAR and LOATHING in EAST TEXAS."</p>
<p><img width="400" height="286" alt="Step 2" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/102805/grungetype_2.jpg" /></p>
<p><strong>Create a grungy texture</strong></p>
<p>Step 3: Open the Soon To Be A Grungy Texture photo. I took this shot of logs at an East Texas sawmill recently. (Spending a week in the slightly backwards, rather isolated piney woods of East Texas provided inspiration for the title above.)</p>
<p><img width="344" height="290" alt="Step 3" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/102805/grungetype_3.jpg" /></p>
<p>Step 4: Choose Image > Adjustments > Threshold. Drag the slider almost all the way to the left and click OK. The black bits remaining onscreen will become the grungy texture. NOTE: Experiment with the Threshold slider, though bear in mind that creating too much grunge will render text unreadable.</p>
<p><img width="400" height="419" alt="Step 4" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/102805/grungetype_4.jpg" /></p>
<p>Step 5: To create a selection around the new black texture bits, we'll use the Magic Wand tool (it's made  for selecting color). Press W to select the Magic Wand and click inside one of the black areas of the photo. You should now see tiny marching ants around that area of black. To select the rest of the black texture bits, control-click (PC: right-click) inside the selection area and choose Similar from the contextual menu.</p>
<p><img width="400" height="375" alt="Step 5" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/102805/grungetype_5.jpg" /></p>
<p><strong>Bring the texture and type  together</strong></p>
<p>Step 6: Use the Move tool (press V) and drag the texture selection into the type document, as shown below. Photoshop will dutifully create a new layer upon which the texture shall live. TIP: Press Command + D (PC: Ctrl + D) to deselect the texture and banish the marching ants.</p>
<p><img width="350" height="533" alt="Step 6" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/102805/grungetype_6.jpg" /></p>
<p>While the Move tool is still selected, use it  to position the texture wherever you'd like. This is how my document looks:</p>
<p><img width="400" height="286" alt="Step 7" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/102805/grungetype_7.jpg" /></p>
<p>At this point you can:</p>
<p>$#x2022; Resize the texture by pressing Command + T  (PC: Ctrl + T) to bring up the Free Transform tool.</p>
<p>$#x2022; Fill the texture with another color to match the desired background color of your document. Just Command-click (PC: Ctrl-click) the texture layer to select it, then choose Edit > Fill and choose a color from the Use pop-up menu.</p>
<p>For dramatic effect, I created a new layer and  filled it with black. This is what my layers palette looks like:</p>
<p><img width="234" height="296" alt="Step 8" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/102805/grungetype_8.jpg" /></p>
<p>And here's the final image:</p>
<p><img width="434" height="310" alt="Step 9" src="http://progressive.kelbymediagroup.com/planetphotoshop/uploads/images/tutorials/lesas/102805/grungetype_9.jpg" /></p>
<p>That's all there is to it! I hope this tutorial provides inspiration for creating some grungy type of your own. See you next week!</p>
<p>The Graphic Reporter<br />
<a target="_blank" href="http://www.graphicreporter.com/">http://www.graphicreporter.com</a></p>
<img src="http://planetphotoshop.com/?ak_action=api_record_view&id=144&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://planetphotoshop.com/photos-within-type-part-2-grungy-type.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

