Reply to thread

Message: <blockquote data-quote="uguduwa" data-source="post: 2387919" data-attributes="member: 75642">Here goes advanced selection steps... <a href="http://www.mrmalique.com/index.php/tutorial-how-to-do-a-precise-selection/" target="_blank">Tutorial : How To Do A Precise Selection!</a>  <img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image001.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Filed under: <a href="http://www.mrmalique.com/index.php/category/co-writer/" target="_blank">Co-Writer</a>, <a href="http://www.mrmalique.com/index.php/category/how-to/" target="_blank">How To</a>, <a href="http://www.mrmalique.com/index.php/category/photography/" target="_blank">Photography</a>, <a href="http://www.mrmalique.com/index.php/category/tutorials/" target="_blank">Tutorials</a> | Author: ZuL. | Article posted on March 10, 2008         Apologies to those who have been waiting for my new tutorial which never seemed to be published. I know, and am deeply honoured, that there are many who look forward to it, and I humbly thank them, and you, for all the support that all of you have given me.  That said, let’s get on with today’s tutorial! <img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image002.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />  This time around, I will show you how to do a precise selection in Photoshop, and then some of the cool things that you can achieve, once you’ve mastered it. Precise selection? That isn’t very descriptive, is it? Doesn’t sound cool, but here are 2 teaser images to encourage you to read on. <img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image003.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />  <a href="http://www.mrmalique.com/wp-content/uploads/2008/03/preciseselectionteaser1.jpg" target="_blank"><img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image004.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>   <a href="http://www.mrmalique.com/wp-content/uploads/2008/03/preciseselectionteaser2.jpg" target="_blank"><img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image005.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>   To do a precise selection in Photoshop is not all that difficult. It might be tedious, but it’s not difficult at all. There are several ways to achieve this, and in this tutorial, I will guide you through two methods. I will be using the photograph below for examples. Feel free to use your own, or, if you like, use the same image.  <a href="http://www.mrmalique.com/wp-content/uploads/2008/03/preciseselectionsampleimage.jpg" target="_blank"><img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image006.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>   <ol> <li data-xf-list-type="ol">First Method : Mask      & Brush</li> </ol>  The basics of precise selection, for both methods, lie with using Layer Masks. The first method, you may already be familiar with, if you had gone through my previous tutorials. This is the more tedious method of the two that I’m going to show you, but it’s necessary for me to include this for the tutorial. Here are the steps :   <ol> <li data-xf-list-type="ol"><ol> <li data-xf-list-type="ol">Step 1 :</li> </ol></li> </ol>  Step 1 is the same for both methods. Open up your image in Photoshop, in a new document, and Add layer mask to the image layer.   <ol> <li data-xf-list-type="ol"><ol> <li data-xf-list-type="ol">Step 2 :</li> </ol></li> </ol>  Make sure your foreground colour is black, and that the layer mask is selected, then use the Brush tool (shortcut button B), a solid - non-feathered - brush, to paint the section you want selected. If you have no Background layer, painting the section with black will show you a square grid, Photoshop’s default “transparent” background. If you do, your background layer will be shown instead. Zoom in so that the item you want selected fills up a big percentage of your screen, to make it easier for you. Zoom in to 600% even, if you prefer it so. I know I do.  <a href="http://www.mrmalique.com/wp-content/uploads/2008/03/preciseselectiontutorialimage1.jpg" target="_blank"><img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image007.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>   Control + / Command + to zoom in, Control - / Command -to zoom out.   <ol> <li data-xf-list-type="ol"><ol> <li data-xf-list-type="ol">Step 3 :</li> </ol></li> </ol>  Alternate with different sized brushes. Use smaller sized brushes to paint over the smaller parts of the image. This is the part where it gets tedious. If the item that you want to select has many small parts, or if it is complex, then you might have a more difficult time painting all of it in properly.   <a href="http://www.mrmalique.com/wp-content/uploads/2008/03/preciseselectiontutorialimage2.jpg" target="_blank"><img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image008.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>   This is what it should remotely look like when you’re done painting all the details in. If you managed to brush in everything perfectly, I applaud you! It’s not that easy! Normally I would paint in the reflection as well, but since using this method is not the focus of this tutorial, I didn’t.   <ol> <li data-xf-list-type="ol"><ol> <li data-xf-list-type="ol">Step 4 :</li> </ol></li> </ol>  Now, press the Control (Command for Mac users) button, and click on the Layer mask thumbnail. This will grab your selection. By default, the parts painted in white is the selection. You want the one in black to be selected, so go to Select > Inverse. This grabs the item you painted in, and you can now disable your Layer Mask.   <a href="http://www.mrmalique.com/wp-content/uploads/2008/03/preciseselectiontutorialimage3.jpg" target="_blank"><img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image009.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>   Note : You can also use the Quick Mask method, by pressing Q to enter Quick Mask mode, in place of Step 1. Then brush in the item you want, and then press Q again to exit the Quick Mask mode which will automatically select your brushed area.   End of First Method of precise selection using a Brush tool.   <ol> <li data-xf-list-type="ol">Second Method : Mask      & Pen</li> </ol>  This second method is what I would recommend you to learn and master. This enables you to quickly do superbly precise selections that would otherwise take a very long time to do using the First Method.   <ol> <li data-xf-list-type="ol"><ol> <li data-xf-list-type="ol">Step 1 :</li> </ol></li> </ol>  Step 1 is the same for both methods. Open up your image in Photoshop, in a new document, and Add layer mask to the image layer.   <ol> <li data-xf-list-type="ol"><ol> <li data-xf-list-type="ol">Step 2 :</li> </ol></li> </ol>  This method requires you to play around and familiarise yourself with the Pen tool (shortcut button, P). Let me show you my recommended settings first :  <img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image010.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />   I suggest reading a bit on the Pen tool from the Help section, or just playing with the tool for a while. If you want to skip doing that, you can still follow this tutorial.   <ol> <li data-xf-list-type="ol"><ol> <li data-xf-list-type="ol">Step 3 :</li> </ol></li> </ol>  If you’re familiar with using the Pen tool to follow an image’s outline, you can just continue on to the next step.   Otherwise, use the Pen tool and click on the edge of the item you want to select to create what is called an Anchor Point. Trace out the item’s outline using the Pen tool using as many Anchor Points as you want/need. Every single click creates a new Anchor Point.   <a href="http://www.mrmalique.com/wp-content/uploads/2008/03/preciseselectiontutorialimage5.jpg" target="_blank"><img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image011.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>   As with the previous method, feel free to zoom in as much as you need. It will make the tracing out easier.   Note : Should you click on a wrong place, press the Delete button to clear the last Anchor Point you created. Be careful, though. Pressing the Delete button a second time will delete the rest of the path (the lines and Anchor Points that are created are called Paths) that is left, which you might want. If you want to delete off the next Anchor Point, click on it first before pressing the Delete button.   <ol> <li data-xf-list-type="ol"><ol> <li data-xf-list-type="ol">Step 4 :</li> </ol></li> </ol>  When you’re almost done tracing out the item using the Pen tool, click on the first Anchor Point that you created to close the path. When you hover over the first Anchor Point, you will see the Pen cursor change to have a circle beside it. When you close the path, all the Anchor Points you’ve created will become one solid path line.   <img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image012.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />   To save the path that you have worked so hard to create, go to the Paths tab (Windows > Paths, if you don’t see it), and double-click on the Work Path layer. Enter a name for it, if you like, and click Ok to save it. Now that path is accessible via Paths tab everytime you open the document you’re working on. Each newly-created path needs to be saved like this.   <ol> <li data-xf-list-type="ol"><ol> <li data-xf-list-type="ol">Step 5 :</li> </ol></li> </ol>  Once you’re done with tracing out the whole item’s outline, with the Pen tool still in use, right-click and click on Make Selection. Give one or two pixels Feather Radius if you want a blurry edge. For this tutorial, I’m using 0 as I want a smooth nice edge instead.  <img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image013.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />   Click Ok and you will get your selection. Click on the Layer Mask and click on Edit > Fill > Use > Black (shortcut : Alt Backspace if black is your Foreground colour, Control Backspace if black is your Background colour) to mask the selection.   Note : An easier tool to try that is somewhat similar to the Pen tool is the Magnetic Lasso tool (right-click the Lasso tool button). It gives less control compared to the Pen tool, but it is quite good for beginners. If you feel like the Pen tool is a bit too frustrating for you, try the Magnetic Lasso tool instead, and forge on!   End of Second Method of precise selection using a Pen tool.   So, now that you know both methods, the best way to get a really precise selection is to use a mixture of both. I would start with the Pen tool (method 2) first, and then clean up any stray edges with the Brush tool (method 1). Alright, let’s see what you can do with this new trick! <img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image002.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />  Example 1  <a href="http://www.mrmalique.com/wp-content/uploads/2008/03/preciseselectiontutorialimage8.jpg" target="_blank"><img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image014.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>   This is what came out of this tutorial example, of course. <img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image003.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />To do this :  <ol> <li data-xf-list-type="ol">Step 1 :</li> </ol>  Follow the Second Method, and edit any stray edges with the First Method above.   <ol> <li data-xf-list-type="ol">Step 2 :</li> </ol>  A major difference though : Make sure your Path has been saved (see Step 4 of the Second Method : Mask & Pen above), fill the whole Layer Mask with black instead of white (that is, there will be no selection yet at this point). Click on your saved Path, and Make Selection (see Step 5 of the Second Method : Mask & Pen above). Fill the selection with white instead of black.   <ol> <li data-xf-list-type="ol">Step 3 :</li> </ol>  Right-click on the layer (eg. Layer 1), and click on Duplicate Layer. Drag this layer so that it’s below Layer 1. Right-click on the Layer Mask of the duplicated layer and delete it. Desaturate the image by going to Image > Adjustments > Desaturate.   <ol> <li data-xf-list-type="ol">Step 4 :</li> </ol>  You’re done! I added some gradients to the image above to make a faux-vignette. <img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image003.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />  Example 2  <img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image015.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />   If you’ve visited my blog before, you’ve seen this image! It was done using the steps in this tutorial! <img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image002.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />  Example 3  <a href="http://www.mrmalique.com/wp-content/uploads/2008/03/preciseselectiontutorialimage10.jpg" target="_blank"><img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image016.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>   You can also completely remove an aspect of an image, and replace it with something else entirely.   Example 4  <img src="http://file:///C:/DOCUME%7E1/KELUMJ%7E1/LOCALS%7E1/Temp/msohtml1/01/clip_image017.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />   And of course, this will help you create slightly more advanced <a href="http://www.mrmalique.com/index.php/tutorial-how-to-create-your-own-clones/" target="_blank">clones</a>!   <a href="http://imageshack.us" target="_blank"><img src="http://img410.imageshack.us/img410/7271/2i87ko4ah6.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>By <a href="http://profile.imageshack.us/user/uguduwa" target="_blank">uguduwa</a><a href="http://imageshack.us" target="_blank"><img src="http://img53.imageshack.us/img53/1102/bwbackgroundur7.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>By <a href="http://profile.imageshack.us/user/uguduwa" target="_blank">uguduwa</a><img src="/styles/default/xenforo/smilies/default/D.gif"  class="smilie" loading="lazy" alt=":D" title="Big grin    :D" data-shortname=":D" /><img src="/styles/default/xenforo/smilies/default/D.gif"  class="smilie" loading="lazy" alt=":D" title="Big grin    :D" data-shortname=":D" /><img src="/styles/default/xenforo/smilies/default/D.gif"  class="smilie" loading="lazy" alt=":D" title="Big grin    :D" data-shortname=":D" /><img src="/styles/default/xenforo/smilies/default/D.gif"  class="smilie" loading="lazy" alt=":D" title="Big grin    :D" data-shortname=":D" /><img src="/styles/default/xenforo/smilies/default/D.gif"  class="smilie" loading="lazy" alt=":D" title="Big grin    :D" data-shortname=":D" /></blockquote>

Verification: Hata thunen beduwama keeyada? (60 bedeema thuna)

Top Bottom