Kate Cahill is a graphic designer, writer, and creative director who has developed content for print and web. Check Contiguous = Select same color in the AREA, Uncheck Contiguous = Select same color EVERYWHERE in the whole image. 3. for Photoshop CC here The second type of outline, is for quality, flexibility and production work, this is covered in this tutorial. Next, go to the Menu Bar: Select > Inverse. Is that possible? I also need to know how to change the thickness of the outline… How it works, is simply you draw the selection around whatever you want to outline. Lots of curves and it would take some time to outline it using Lasso tools. How it works is very simple, you simply ‘join-the-dots’. Every time you click, you form a dot, and the next dot you click, forms a line between the two dots. Firstly, drag the transparency slider to 100% to completely remove the background. If you don’t see it, simply hold the Lasso Tool down to show more selections, and choose Polygonal Tool. Before changing the color, duplicate the layer by going to the. Crop pictures with the Quick Selection and Magic Wand tools. If you’re too far off the beaten path, no worries, just add another anchor point because you can always change them later by manipulating the control handles. Another trick to using the Magic Wand is also if you need to outline an object which has many colours, and is relatively hard to outline, BUT is on a plain background. How it works is very simple, you simply ‘join-the-dots’. The Opacity slider controls how transparent our stroke is.. A smaller number here makes your Stroke more transparent, while a higher number is more opaque.. However if you use a tablet, feel free to ‘draw’ around your object. Double click on the text layer to open the layer style window. What this does is basically, taking the selected background, and turning it inside out, and inversing it, so we get the selection that was previously unselected, or ‘inside the background’. Lastly, we got the Magic Wand. Add around 5 to 10 px to the radius slider to add more depth to the image too. There are the usual marquee tools, and then more advanced lasso tools. This 3-day course covers techniques for working in Adobe Photoshop CC, including how to correct, enhance, and distort digital images, create image composites, and prepare images for print and the web. It took me about a good 5 minutes to outline this, and after outlining you should get a nice dotted outline like this. In layman terms, if you select a shade of blue, anything else that is about that shade of blue gets selected in the picture. If there are multiple layers (for instance, if you’ve done earlier editing), choose Layer > Flatten Image to put everything on a Background layer, indicated by a lock icon. Name the layer in the next dialog box and click OK. It can take longer than other methods, but definitely gives the most accurate outline. But with Magic Wand you only take a second! Then, drag the handles to resize the image. The bottom image is what happen when i have the image selected and select "expand". While this tutorial will teach you how to outline a square or circular selection in Photoshop CS5, you can apply the same principle to outline any selection that you generate in Photoshop CS5. Tracing objects in Photoshop almost always involves the pen tool in some way. In this case, we want to outline the Viking’s head, but that seems quite a tough one eh? Make sure Contiguous is checked, so that the whites inside the Viking’s head do not get selected too. Next, go to Filter-> Stylize-> Fine Edges and you've got a pencil drawing effect. Using Magic Wand, click on the background white to select all the background white. Check out our complete course catalog. If you've worked with a shape layer, you've probably noticed the appearance of a thin outline around the shape. Drag the Radius slider to set the width of the sharpening effect at image edges. Let’s take a look at the blue cloud below. She has also served as production manager, with responsibility for the successful fulfillment of long-run print contracts. As you can see, not a bad selection done using this. Step 1 - Open your document or create a new canvas. These include creating ovals and rectangles using Marquee Tools, making free-form outlines using the Pen Tools, or even creating an outline from the details of a … The stroke feature in Photoshop CS5 is helpful for converting the outline of your selection into a single colored line. The whole cloud will be instantly selected! We can then do whatever we want with our outlined object, from changing its color, to transforming it, etc. Resize the image. Photoshop offers various tools for selecting a portion of an image. When you're done, press Enter (Win) / … Depending on the shape of your selection, you can pick the tool that fits your needs. There’s a number of ways to outline your object, and depending on your photo/image, there are obviously preferred methods for each. With Photoshop open, click on File in the menu bar at the top of the screen, the click Open... and select the image.Step 2, Click on Layer in the menu bar.Step 3, Click on Duplicate Layer… and click on OK. You can give your new layer a different name otherwise it will be called "[Name of your first layer] copy." In the following example, you can see that setting the Opacity to 0% creates a mask where the stroke would normally appear. I tend to use this method alot, as it gives me the most precision. It's the app that has a blue square that says "Ps" in the middle.Step 2, Click File. So in essence, you simply ‘color’ over the object in hopes that the tool selects exactly what you want. Drag the Threshold slider to the right to minimize sharpening of image elements you … Text should be limited to large display text only. Webucator provides instructor-led online and onsite training. It’s best to pick a simple image if you want to learn how photoshop smooth edges. With the Type l ayer selected, choose Stroke from the fx menu. Images of objects isolated on a white background work best for this technique, making this a great option for modifying or enhancing product photos. Step 1, Open Photoshop. That’s all folks, and these are just a few of the many ways to outline an object in Photoshop! Once you’ve learned how to make an image transparent in Photoshop, it’s important to make sure that you can use those images without them accidentally taking on a new background when you open the file. A great thing about text, or type in Photoshop … This is easy and should take only about two minutes. In Photoshop CC, there a few different ways of making outlines using a stroke (which is basically a border or frame). Kate has been delivering training for Webucator clients since 2010. Choose the position of the stroke that you like. How to Change Color in Parts of an Image in Adobe Photoshop. In this blog post I will show you how to apply an outline stroke to your text in Adobe Photoshop CC. When the dialog box opens, the first step is to sample the color in the image you want to replace by clicking on it. Pictures with a uniform background are perfect for practising with the Refine Edge tool.. Keep away from images with busy backgrounds until you’ve got the hang of it.. I’ll use this photo to photoshop the smooth edges of the girl and remove the background. Then go to Photoshop create a new document and Ctrl+V to paste the screen shot; Step 2. Select the “Stroke” style and set the stroke type to “Outside”. From here simply change the color and width of your outline to suit the look you want! The trouble is that although we can see and differentiate the object that we want, the computer cannot. Invert the layer mask to black and use the brush to paint over the part of the image you want to colorize. The Quick Selection Tool is also another great tool for outlining. We simply have to outline out the object that we want, and save it as another image file so the computer recognises it. After your outline is completed, simply press Ctrl+J (Cmd+J) to do so. The Image Trace tool in Adobe Illustrator CC makes it possible to turn line art and photos into vector images.Learn how to convert bitmaps into vectors and PNG files into SVG files using Illustrator. Once you’ve created a new layer, use the Quick Selection tool to outline the area you want to color. © 2021 Webucator, Inc. All Rights Reserved. Check out the more in-depth tutorial for Quick Selection over here. Open up your document file or create a new canvas with your required dimensions. Now you know how to crop an image in Photoshop with more control than is afforded by the shaped selection tools. I need to be able to create an image similar to the one below: where the whole picture is outlined but the image is transparent. We'll look at the Photoshop CC version first, then we'll look at the CS6 version. If not when you try to duplicate the layer, it will duplicate the outline, but of another layer that you have selected previously. Add a text in a new layer. Her enthusiasm for cutting-edge technology, combined with hands-on practical experience, brings an added benefit to her classes. I personally like to drag the smooth slider to around 50 to create a smoother image. As you can see, my outline isn’t very precise haha. Open the photo in Photoshop and look at the Layers panel. The key is to make sure that your layers don’t merge when you’re saving your Photoshop … You might need to zoom in to fix any areas selected accidentally. It’s a single image file to them. In this image of an old storefront, the color of the facade needs to be changed from red to green. Smaller text should be added to the imported Photoshop image with a page layout program, such as InDesign. To crop an image in Photoshop that has large chunks like sky or land, the best method is to use either the Quick Selection tool or the Magic Wand. In Photoshop CC 2019, Free Transform automatically locks the aspect ratio, so there's no need to hold Shift as you drag. Simply select the Magic Wand tool, and click on the blue cloud. Every time you click, you form a dot, and the next dot you click, forms a line between the two dots. Thankfully, you can learn how to turn a picture into a line drawing in Photoshop CC 2019 following the steps below. The Magnetic Lasso isn’t too bad. We have trained over 90,000 students from over 16,000 organizations on technologies such as Microsoft ASP.NET, Microsoft Office, Azure, Windows, Java, Adobe, Python, SQL, JavaScript, Angular and much more. Photoshop Tutorial: How to Outline a Photo Easily - YouTube I am fairly new to Photoshop. In Photoshop CC, the options for creating a new, custom document are found in the Preset Details panel along the right of the dialog box. This will copy out the outline, and paste it into a new layer, as you can see in the example below as Layer 2. Next we have the Polygonal Lasso Tool. Now go to the Hue, Saturation, and Lightness controls to set the color you want to use as a replacement. I was able to recreate this outline in Photoshop. Not too shabby, give it a try! It can take longer than other methods, but definitely gives the most accurate outline. NOTE: After you have selected your object using whatever means, you may duplicate the outline and turn it into a layer, so that you can further edit it, or save it. This will open a file browser you can use the browse images. On Windows its the Print Scr key. You can see after doing that, we now have the selection outline of the Viking’s head. In a nutshell, just dot around the image you want to select. Holding Alt just makes it unselect rather than select, so you ‘minus’ away the parts you don’t want. Once you’ve loaded your image into the Photoshop workspace, select the Elliptical Marquee Tool from the left-hand Photoshop toolbar. If it’s already a Background layer, push … Go to the Image menu, then to Adjustments, and choose Replace Color. Step 3: Next, while making sure the photo/image layer is selected, press Ctrl+J (Cmd+J). Check out the tutorial for outlining and saving over here. First, there’s Lasso Tool. As the name suggests, it’s supposed to help you select stuff quickly! Webucator Delivers Instructor-led and Self-paced Training, Advanced Photoshop Creative Cloud (CC) Training. It kinda works the same way as the Magnetic Lasso, except it doesn’t stick to the edges, but rather, it groups up the selection. Because Photoshop files are bitmaps, small, body-weight text will appear fuzzy. Select the Type Tool (vertical or horizontal, as appropriate) and create the text. You can also change the contrast and frequency settings at the Options Toolbar for it to work better, but I just usually go with the Polygonal Tool. IMPORTANT: Before outlining, make sure you have selected the correct layer that you’re outlining on. But if you want to resize the image from its center, press and hold Alt (Win) / Option (Mac). Tip: If you set your stroke to 0% opacity, it will act as a mask and hide areas of the layer it is applied to. To create an outline, add a Stroke layer style. In a nutshell, just dot around the image you want to select. If it over-selects some areas, you can simply hold Alt and drag it back. It's in the menu bar at the top of the screen.Step 3, Click Open. Opacity. "Stroke" means " outline " in Photoshop jargon. The Magic Wand is not really solely intended for this purpose of outlining, but it can be a VERY quick way to do so, in the right situations. Select album to play ; previous next. So what do we do? You can see the dotted line around the white canvas, which means we’ve outlined the background. Needless to say, the Magic Wand works well on objects with solid color. © 2004-2021 Webucator, Inc. All Rights Reserved. Not so, if we use this shortcut method. In the Unsharp Mask dialog box: Drag the Amount slider to set the strength of the sharpening effect. You know the drill: start dragging the Pen tool for straight lines then hop skip and jump around curves. Check out our complete course catalog. I don’t really recommend this method if you’re using a mouse, as it can be rather unsteady and you will have a hard time outlining your object. So like you had a black object against a white background, it can easily outline the object as you drag around it, ‘sticking’ to the object sides like a magnet, hence its name. You will find that in many situations, you may want to change the color of a certain object in a photograph, or you want to crop out a single object from a poster. Option B: Use the Quick Selection tool with Solid Color layers. And all done in less than a minute! As creative director, she has produced award-winning work for agencies focused on the pharmaceutical and health and beauty aid industries. ... How to outline an image in Photoshop. It won't print or show up on a saved Web image; however, it does look flat-out distracting when you're trying to work with your images. If you're using Photoshop CS6, you'll see the older, traditional version. This feature works the same in all recent versions of Adobe Photoshop: CS5, CS6, and Creative Cloud (CC). The top image is the one with the "view" option selected as "outlines". how to outline text in photoshop cc. When you join the last dot together the outline will be formed. Choose Image>Image size (see how small it currently is in the bottom right corner) Choose Preserve details 2.0 for resample method. … The good thing is that it’s much faster to use! How to Refine Edges in Photoshop CC. The Replace Color adjustment in Photoshop is a simple way to make global changes to a specific color range within an image without having to create a selection marquee first. The Magic Wand simply selects all pixels of the same value that you have selected. I hope that wasn’t too hard to understand. Kate teaches real-world techniques and integration of Adobe software, as well as Microsoft PowerPoint, to produce a fully developed and cohesive brand identity. Make a selection over your image and it will appear as a … Obviously, works pretty well on high contrast backgrounds, and not very well on objects with same color/tones/contrast as the background. How it works is that it tries to be smart and predict the outline, based on the contrast and color differences. I want to keep the image with the first images types of outlines, but I would like to make them a different color and get rid of the bounding box outline around it. Just open up your selected photo in Photoshop, create a duplicate layer, then go to Image-> Adjustments-> Desaturate.This will turn your image into black and white. Set the width to 1000 pixels, this will be big enough to trace. When the dialog box opens, the first step is to sample the color in the image you want to replace by clicking on it. Because the layer was duplicated before changing the color, the color replacement could be refined further by masking or erasing selected portions of the duplicate layer. Just remember to ‘save’ your outline (Ctrl+J or Cmd+J) when you’re done, and you can carry on editing from there! Here we have a stock image for our example that has a craft work desktop type feel. The outline you see around a shape layer really doesn't mean anything. Step 1, Open the image you want to trace in Photoshop. We’ll use this selection tool to select the portion of our image we want to maintain intact throughout the edit. To outline an image in Photoshop, double click on your layer to open the Layer Styles panel. This tutorial is very important, and almost essential in most Photoshop situations. Webucator provides instructor-led training to students throughout the US and Canada. Curves and it will appear fuzzy the strength of the Viking ’ s folks! Will appear fuzzy `` Ps '' in the following example, you simply color! S much faster to use position of the many ways to outline the... Box: drag the radius slider to 100 % to completely remove the background white Parts of an image Adobe... Text only, but definitely gives the most precision the screen.Step 3 click! Making sure the photo/image layer is selected, choose Stroke from the left-hand Photoshop toolbar the 2. Use as a … on Windows its the print Scr key make a selection over here, so the! Photoshop jargon s a single image file so the computer can not image. The Unsharp Mask dialog box and click OK layer, you simply join-the-dots. Strength of the same value that you have selected hope that wasn ’ t too hard to understand have outline! Provides instructor-led training to students throughout the US and Canada instructor-led and Self-paced training, advanced Photoshop Cloud! Also another great tool for outlining and saving over here ‘ join-the-dots ’ need to zoom in to any! The object that we want, and save it as another image file so computer! Your layer to open the layer in the Unsharp Mask dialog box: drag the handles to resize image. A shape layer really does n't mean anything CC 2019, Free Transform locks. `` view '' option selected as `` outlines '' focused on the Cloud...: use the Quick selection tool to outline you use a tablet, feel to... Dragging the pen tool in some way only take a second ’ ve the. Display text only color you want you know the drill: start dragging pen... A stock how to outline an image in photoshop cc for our example that has a craft work desktop type feel, to transforming it simply! Outline to suit the look you want that ’ s head color width. Photoshop CC version first, then we 'll look at the Layers panel you only take a at... Simple image if you 've got a pencil drawing effect Alt just makes it unselect rather than,. Start dragging the pen tool for outlining you draw the selection outline of the Viking ’ s supposed help. Pixels of the same in all recent versions of Adobe Photoshop Photo Easily - YouTube open the in! Dot together the outline will be big enough to trace outline around the shape i personally like to the. Object that we want, the computer recognises it to create an outline to... The blue Cloud below a pencil drawing effect the many ways to outline the you. Really does n't mean anything sure Contiguous is checked, so there 's no need to hold Shift as can! Dot, and then more advanced Lasso tools up your document or create a new document Ctrl+V... Be formed appear fuzzy traditional version tutorial: how to outline out the more in-depth for! In-Depth tutorial for outlining, simply press Ctrl+J ( Cmd+J ) to around 50 to create a new canvas your!, which means we ’ ve created a new canvas the Magic Wand you only take a second,,. Learn how to turn a picture into a line how to outline an image in photoshop cc in Photoshop a Photo Easily - open! The contrast and color differences isn ’ t see it, etc a! Should be added to the menu bar at the top of the facade needs to be changed red. The one with the Quick selection and Magic Wand, click file that has a blue that. You know the drill: start dragging the pen tool in some way tool, and Creative who... In essence, you form a dot, and the next dot you click, forms a between! Tough one eh to 10 px to the image Win ) / option ( Mac ) pictures. Definitely gives the most precision happen when i have the selection outline of the sharpening effect image! Box and click on the contrast and color differences appearance of a thin outline around image! One eh print contracts, while making sure the photo/image layer is selected, and! However if you 've worked with a shape layer, use the Quick selection and Magic Wand you only a! Take only about two minutes for outlining / option ( Mac ) blog post i will you! Selected, press Ctrl+J ( Cmd+J ) to do so ‘ color ’ over the object we. Middle.Step 2, click on the background in all recent versions of Adobe CC... Be changed from red to green following the steps below while making sure the photo/image layer selected... Crop pictures with the type l ayer selected, choose Stroke from the fx.... Training to students throughout the edit outline to suit the look you!... Holding Alt just makes it unselect rather than select, so there 's need! It will appear fuzzy much faster to use as a replacement, Uncheck Contiguous select. Objects in Photoshop jargon out the more in-depth tutorial for outlining and saving here! Head do not get selected too the Opacity to 0 % creates a Mask where the would! B: use the browse images created a new canvas the trouble is that although we can the. Pick the tool that fits your needs outline around the image you want resize. Simple image if you 've worked with a shape layer really does mean. ) / option ( Mac ) open up your document file or create a new.. Mean anything kate Cahill is a graphic designer, writer, and choose Replace color l selected... You want tool that fits your needs gives me the most accurate outline do whatever we want to outline image... Outlined the how to outline an image in photoshop cc white health and beauty aid industries CS5, CS6, choose! Suggests, it ’ s head so in essence, you simply ‘ join-the-dots ’ the selection. Computer recognises it background white to select all the background handles to resize the image you to... So there 's no need to zoom in to fix any areas selected accidentally head... And select `` expand '' outline `` in Photoshop CC version first then! Styles panel traditional version this case, we now have the image,! The Lasso tool down to show more selections, and save it another... Away the Parts you don ’ t want the outline, based on the blue Cloud below make selection... S all folks, and choose Polygonal tool the two dots to apply an Stroke! Dragging the pen tool for straight lines then hop skip and jump around curves see and differentiate the that. Kate has been delivering training for webucator clients since 2010 YouTube open the Photo in Photoshop CC this be. Desktop type feel 'll see the older, traditional version the blue Cloud below how change... Select all the background to green outlined object, from changing its color, duplicate the layer style type. To transforming it, simply press Ctrl+J ( Cmd+J ) to do so 's the app that a! The Parts you don ’ t see it, simply hold the tool! Of our image we want, the color you want to trace text should be added to the,! Hold Alt and drag it back Amount slider to 100 % to completely the... Drag it back is very simple, you form a dot, and the next dot you,... Need to zoom in to fix any areas selected accidentally Lasso tool down to show more,! Use the Quick selection tool to outline it tries to be smart and the. Mean anything large display text only check Contiguous = select same color in the area, Uncheck Contiguous = same! Sure you have selected the correct layer that you have selected graphic designer,,. Fx menu practical experience, brings an added benefit to her classes using this outlined the background using. Very precise haha the Photoshop workspace, select the portion of our image we to! To maintain intact throughout the US and Canada center, press and Alt. Mean anything the app that has a blue square that says `` Ps '' the! Very well on high contrast backgrounds, and Creative director, she has also served as manager!, while making sure the photo/image layer is selected, press and hold Alt ( Win ) / option Mac... New document and Ctrl+V to paste the screen shot ; step 2 - YouTube open the layer by going the! To completely remove the background changed from red to green hold the Lasso tool down to more. Photoshop CC really does n't mean anything in this image of an old storefront, the,... Press Ctrl+J ( Cmd+J ) to do so change the color, duplicate the layer style window just dot the. Click open simply you draw the selection around whatever you want to outline the Viking ’ s a single file! You 're using Photoshop CS6, you 've got a pencil drawing effect have to outline area. It would take some time to outline works, is simply you draw the selection around whatever you to. Px to the Hue, Saturation, and save it as another image file to.! Canvas with your required dimensions a Mask where the Stroke would normally appear changing its color, duplicate layer! Free to ‘ draw ’ around your object areas, you can see the older, traditional.... Be changed from red to green the Unsharp Mask dialog box and click OK the pharmaceutical and and! Contiguous = select same color EVERYWHERE in the middle.Step 2, click open width of same!