{"id":262,"date":"2012-10-01T19:36:10","date_gmt":"2012-10-01T19:36:10","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=262"},"modified":"2019-04-13T13:10:27","modified_gmt":"2019-04-13T17:10:27","slug":"outline","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/outline\/","title":{"rendered":"Outlining The Action With Photoshop"},"content":{"rendered":"<aside><style type=\"text\/css\">\n.adslot-2 { display: inline-block; width:300px; float:right; margin: 6px 0px 12px 30px; }\n@media (max-width: 767px) { .adslot-2 { display: none; } }\n<\/style><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 photo effects top responsive -->\n<ins class=\"adsbygoogle adslot-2\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2740208297\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/aside>\n<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this Photo Effects tutorial, we're going to learn how to highlight the main subject of a photo with a simple outline. Once we've added the outline itself, which we'll do using a couple of Photoshop's layer styles, we'll enhance the effect by boosting the color saturation of the main subject while decreasing saturation in the rest of the image, and we'll throw in a blur effect to further reduce the importance of the background.<\/p>\n<p>This photo effect works great with sports and action shots, which is where the idea for this tutorial came from, but you can use it with virtually any image.<\/p>\n<p style=\"clear:both;\">Here's the photo I'll be using for this tutorial:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/soccer-kick.jpg\" alt=\"A photo of a soccer player about to kick the ball into the net. Image licensed from iStockphoto by Photoshop Essentials.com.\" width=\"623\" height=\"450\" \/>\n<div class=\"image-desc\">The original image.<\/div>\n<p>Here's how it will look once we've added our &quot;outline&quot; effect:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/photoshop-outline.jpg\" alt=\"The final Photoshop outline effect.\" width=\"623\" height=\"450\" \/>\n<div class=\"image-desc\">The final \"outline\" effect.<\/div>\n<\/section>\n<aside> <style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/aside>\n<aside>\n<p>This tutorial is from our <a href=\"\/photo-effects\/\" title=\"Learn Photoshop effects\">Photo Effects<\/a> series. Let's get started!<\/p>\n<\/aside>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<section>\n<h2 class=\"sub\">How To Outline The Action<\/h2>\n<h3><span>Step 1:<\/span> Duplicate The Background Layer<\/h3>\n<p>With our photo newly opened in Photoshop, the first thing we need to do is duplicate the Background layer. This is to avoid doing any damage to our original image. If we look in the Layers palette, we can see that our photo is sitting all by itself on the Background layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/photoshop-background-layer.gif\" alt=\"The Layers palette in Photoshop showing the original photo on the Background layer.\" width=\"278\" height=\"213\" \/>\n<div class=\"image-desc\">The Layers palette showing the original photo on the Background layer.<\/div>\n<p>Let's duplicate this layer by going up to the <strong>Layer<\/strong> menu at the top of the screen, choosing <strong>New<\/strong>, and then choosing <strong>Layer via Copy<\/strong>. Or, for a faster way, use the keyboard shortcut <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/layer-new-layer-via-copy.gif\" alt=\"Selecting 'New Layer via Copy' from the Layer menu in Photoshop.\" width=\"472\" height=\"149\" \/>\n<div class=\"image-desc\">Go to Layer &gt; New &gt; Layer via Copy, or press \"Ctrl+J\" (Win) \/ \"Command+J (Mac)\".<\/div>\n<p>Either way tells Photoshop to create a copy of the Background layer for us, and if we look again in our Layers palette, we can see that we now have a copied version of the layer, which Photoshop has named \"Layer 1\", sitting above the original:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/photoshop-layers-palette.gif\" alt=\"A copy of the Background layer appears in the Layers palette.\" width=\"278\" height=\"231\" \/>\n<div class=\"image-desc\">A copy of the Background layer appears above the original.<\/div>\n<h3>Step 2: Select The Main Subject Of Your Photo<\/h3>\n<p>Use the selection tool of your choice (Lasso Tool, Pen Tool, etc.) to draw a selection around the main subject of your photo. For clean, professional looking selections, the Pen Tool is your best bet (if you're not sure how to use the Pen Tool, you'll find everything you need to know to get up and running with it in our <strong><a href=\"\/basics\/pen-tool-selections\/\">Making Selections With The Pen Tool<\/a><\/strong> tutorial), but the Lasso Tool will also work. In my case, I want to select the soccer player (or football player, depending on where you live), as well as the  ball that he's about to kick, so I'll select both of them. When you're done, you should have a selection outline visible around your main subject(s):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/select-main-subject.jpg\" alt=\"A selection outline appears around the main subjects in the photo.\" width=\"623\" height=\"450\" \/>\n<div class=\"image-desc\">A selection outline appears around the main subject(s) in the photo.<\/div>\n<p>For additional help with making selections in Photoshop, check out our <strong><a href=\"\/photo-editing\/basic-selections\/\">Full Power Of Basic Selections<\/a><\/strong> tutorial, which you'll find in the <strong><a href=\"\/photo-editing\/\">Photo Editing<\/a><\/strong> section of the website.<\/p>\n<h3>Step 3: Copy The Selection To A New Layer<\/h3>\n<p>We need to copy the selected area to its own layer so we can work on it separately from the rest of the image. We can do that using the exact same method we used to duplicate the Background layer a moment ago except that this time, only the area inside our selection will be duplicated, not the entire image. Go back up to the <strong>Layer<\/strong> menu at the top of the screen, choose <strong>New<\/strong> and then choose <strong>Layer via Copy<\/strong>, or press the keyboard shortcut <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac). Nothing will seem to have happened to the image in the document window, but if we look in the Layers palette, we can see that we now have a new layer named &quot;Layer 2&quot; sitting above &quot;Layer 1&quot;, and if we look in the <strong>preview thumbnail<\/strong> for &quot;Layer 2&quot;, we can see that the layer contains a copy of the main subject, while the rest of the layer is blank, indicated by the gray checkerboard pattern:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/duplicate-main-subject.gif\" alt=\"The main subject now appears on its own layer in the Layers palette.\" width=\"278\" height=\"294\" \/>\n<div class=\"image-desc\">The main subject now appears on its own layer in the Layers palette.<\/div>\n<h3>Step 4: Apply A Stroke Layer Style<\/h3>\n<p>To place an outline around our main subject(s), we can use Photoshop's layer styles. Click on the <strong>Layer Styles<\/strong> icon at the bottom of the Layers palette, which will pop up a list of all the available layer styles that we have to choose from. Select the <strong>Stroke<\/strong> layer style from the bottom of the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/photoshop-layer-styles.gif\" alt=\"The list of layer styles in the Layers palette in Photoshop.\" width=\"278\" height=\"296\" \/>\n<div class=\"image-desc\">Click on the Layer Styles icon and choose Stroke from the bottom of the list.<\/div>\n<p>This brings up the Layer Style dialog box set to the Stroke options in the middle column. By default, the stroke color is set to red. Let's change it to white. Click on the <strong>color swatch<\/strong> to the right of the word \"Color\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/photoshop-stroke-color.gif\" alt=\"The stroke color option in the Layer Style dialog box.\" width=\"371\" height=\"290\" \/>\n<div class=\"image-desc\">Click on the color swatch to change the stroke color.<\/div>\n<p>This brings up Photoshop's <strong>Color Picker<\/strong>. Select <strong>white<\/strong> from the Color Picker. An easy way to select white is to simply enter a value of <strong>255<\/strong> into the <strong>R<\/strong>, <strong>G<\/strong> and <strong>B<\/strong> options near the bottom center of the dialog box. Click OK when you're done to exit out of the Color Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/photoshop-color-picker.jpg\" alt=\"The Color Picker in Photoshop.\" width=\"563\" height=\"369\" \/>\n<div class=\"image-desc\">Choose white from the Color Picker.<\/div>\n<p>With the color of the stroke now set to white, let's adjust the width of the stroke. We can do that using the <strong>Size<\/strong> slider at the top of the Stroke options. The actual size you choose will depend on the size of the image you're working with and how large you want your stroke to appear, so  keep an eye on your photo in the document window as you drag the Size slider to increase or decrease the stroke width. Dragging the slider to the right increases the stroke's width, while dragging to the left decreases it. For my image, I'm going to go with a stroke size of <strong>4 px<\/strong> (pixels):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/photoshop-stroke-width.gif\" alt=\"The Stroke Size option in the Layer Style dialog box in Photoshop.\" width=\"371\" height=\"253\" \/>\n<div class=\"image-desc\">Adjust the size of the stroke with the Size slider.<\/div>\n<p>Don't click out of the dialog box just yet. We still have one more layer style to add. You should now have a white stroke around the main subject(s) in your photo:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/photoshop-stroke.jpg\" alt=\"A white stroke appears around the main subject(s) in the photo.\" width=\"623\" height=\"450\" \/>\n<div class=\"image-desc\">A white stroke now appears around the main subject(s) in the photo.<\/div>\n<h3><span>Step 5:<\/span> Add An Outer Glow Layer Style<\/h3>\n<p>Let's add a bit more interest to our outline effect by applying an Outer Glow layer style as well. With the Layer Style dialog box still open, click directly on the words <strong>Outer Glow<\/strong> on the left of the dialog box. Make sure you click directly on the words themselves, not just inside the checkbox to the left of the words. We want to be able to change some options for the layer style, and the only way to gain access to the options is by clicking directly on the layer style's name:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/outer-glow-layer-style.gif\" alt=\"Selecting an Outer Glow layer style in Photoshop.\" width=\"235\" height=\"243\" \/>\n<div class=\"image-desc\">Click directly on the words \"Outer Glow\" on the left of the Layer Style dialog box.<\/div>\n<p>This changes the middle column of the Layer Style dialog box to the options for the Outer Glow. By default, the color of the glow is set to yellow, which I think works fine with this effect so I'm going to leave it alone. Increase the <strong>Opacity<\/strong> of the outer glow to <strong>100%<\/strong>. Then, down in the Elements section of the options, increase the <strong>Spread<\/strong> to around <strong>6%<\/strong> and the <strong>Size<\/strong> to around <strong>30 px<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/outer-glow-options.gif\" alt=\"The Outer Glow layer style options.\" width=\"332\" height=\"280\" \/>\n<div class=\"image-desc\">The Outer Glow options in the Layer Style dialog box.<\/div>\n<p>You may need to experiment a bit on your own with these settings depending on the size of your image, but when you're done, your outline effect should look something like this:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/photoshop-outer-glow.jpg\" alt=\"An Outer Glow layer style is applied to the image in Photoshop.\" width=\"624\" height=\"450\" \/>\n<div class=\"image-desc\">The outline effect now includes an outer glow.<\/div>\n<p>Click OK to exit out of the Layer Style dialog box at this point. We're done applying our layer styles.<\/p>\n<h3>Step 6: Boost The Color Of The Main Subject With A \"Hue\/Saturation\" Adjustment Layer<\/h3>\n<p>The main outline effect is now complete, but let's enhance our image even more with a couple of color adjustments and some blurring. First, we'll boost the color saturation of our main subject. For that, we can use a <strong>Hue\/Saturation<\/strong> adjustment layer. We want to make sure, though, that our adjustment layer affects only the main subject, not the entire image, so we're going to <strong>clip<\/strong> the adjustment layer to \"Layer 2\", which is the layer that contains our main subject. Hold down your <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key and click on the <strong>New Adjustment Layer<\/strong> icon at the bottom of the Layers palette. Select <strong>Hue\/Saturation<\/strong> from the list of adjustment layers that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/photoshop-adjustment-layers.gif\" alt=\"The list of adjustment layers in the Layers palette.\" width=\"323\" height=\"359\" \/>\n<div class=\"image-desc\">Hold down \"Alt\" (Win) \/ \"Option\" (Mac), click on the New Adjustment Layer icon, and select \"Hue\/Saturation\" from the list.<\/div>\n<p>By holding down the Alt \/ Option key as we click on the New Adjustment Layer icon, we tell Photoshop to pop open the <strong>New Layer<\/strong> dialog box which allows us to set some options before the adjustment layer is added. Directly below the Name option is an option called <strong>Use Previous Layer to Create Clipping Mask<\/strong>. This option, if selected, will clip the adjustment layer to the layer directly below it, which means, in our case, that whatever we do with our adjustment layer will affect only our main subject on &quot;Layer 2&quot;. Click inside the checkbox to select this option, then click OK to exit out of the New Layer dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/photoshop-new-layer.gif\" alt=\"The New Layer dialog box in Photoshop.\" width=\"475\" height=\"154\" \/>\n<div class=\"image-desc\">Select the \"Use Previous Layer To Create Clipping Mask\" option.<\/div>\n<p>As soon as we exit out of the dialog box, the Hue\/Saturation dialog box appears. We want to use it to increase the color saturation of our main subject, so click on the <strong>Saturation<\/strong> slider in the middle of the dialog box and drag it towards the right. The further you drag to the right, the more you'll increase color saturation, so keep an eye on your image in the document window as you drag the slider to make sure you don't overdo it. I'm going to drag my Saturation slider to a value of around <strong>+35<\/strong>, which gives my main subject a nice boost in color:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/photoshop-hue-saturation.jpg\" alt=\"The Hue\/Saturation dialog box in Photoshop.\" width=\"468\" height=\"317\" \/>\n<div class=\"image-desc\">Drag the Saturation slider to the right to boost color saturation in the main subject.<\/div>\n<p>Click OK to exit out of the dialog box when you're done. If we look in the Layers palette for a moment, we can see the Hue\/Saturation adjustment layer sitting above &quot;Layer 2&quot;. Notice how the adjustment layer is indented to the right. This tell us that the layer is clipped to the layer below it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/photoshop-clipping-group.gif\" alt=\"The Layers palette in Photoshop.\" width=\"278\" height=\"293\" \/>\n<div class=\"image-desc\">The Layers palette showing the Hue\/Saturation adjustment layer clipped to \"Layer 2\" below it.<\/div>\n<p>Here's my image after boosting the color saturation of my main subject:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/image-color-boost.jpg\" alt=\"The color saturation of the main subject is now increased.\" width=\"623\" height=\"450\" \/>\n<div class=\"image-desc\">The color saturation of the main subject has been increased without affecting the rest of the photo.<\/div>\n<h3><span>Step 7:<\/span> Apply The \"Gaussian Blur\" Filter To \"Layer 1\"<\/h3>\n<p>We're done working on our main subject. Let's finish things off by reducing the importance of the rest of the photo. Click on \"Layer 1\" in the Layers palette to select it. The currently selected layer always appears highlighted in blue in the Layers palette. We're going to blur the rest of the photo, and to do that, we'll use Photoshop's <strong>Gaussian Blur<\/strong> filter. Go up to the <strong>Filter<\/strong> menu at the top of the screen, choose <strong>Blur<\/strong>, and then choose <strong>Gaussian Blur<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/choose-gaussian-blur.gif\" alt=\"Selecting the Gaussian Blur filter in Photoshop.\" width=\"377\" height=\"187\" \/>\n<div class=\"image-desc\">Go to Filter &gt; Blur &gt; Gaussian Blur.<\/div>\n<p>This brings up the Gaussian Blur filter dialog box. Set the <strong>Radius<\/strong> of the blur to around <strong>10 pixels<\/strong>. Again, you may need to increase or decrease this amount depending on the size of the image you're working on, but 10 pixels generally works well:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/photoshop-gaussian-blur.jpg\" alt=\"The Gaussian Blur filter in Photoshop.\" width=\"339\" height=\"341\" \/>\n<div class=\"image-desc\">The Gaussian Blur filter.<\/div>\n<p>Click OK to exit out of the Gaussian Blur dialog box, and if we look at our image in the document window, we can see that the background is nicely blurred out while our main subject remains sharp:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/image-blurred.jpg\" alt=\"The image after applying the Gaussian Blur filter in Photoshop.\" width=\"623\" height=\"450\" \/>\n<div class=\"image-desc\">The rest of the photo is now blurred while the main subject remains untouched.<\/div>\n<h3>Step 8: Reduce The Color Saturation Of The Background With \"Hue\/Saturation\"<\/h3>\n<p>As a final step, let's lower the color saturation of the background, which will help the main subject stand out even more. With \"Layer 1\" still selected, click once again  on the <strong>New Adjustment Layer<\/strong> icon at the bottom of the Layers palette and choose <strong>Hue\/Saturation<\/strong> from the list. There's no need to hold down the Alt \/ Option button this time:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/select-hue-saturation.gif\" alt=\"Selecting a Hue\/Saturation adjustment layer.\" width=\"323\" height=\"359\" \/>\n<div class=\"image-desc\">Select another Hue\/Saturation adjustment layer from the Layers palette.<\/div>\n<p>When the Hue\/Saturation dialog box appears, drag the <strong>Saturation<\/strong> slider towards the left to reduce the color saturation of the background. The further you drag to the left, the more you'll reduce saturation. I'm going to drag my slider to a value of around <strong>-25<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/reduce-color-saturation.jpg\" alt=\"The Hue\/Saturation dialog box in Photoshop.\" width=\"468\" height=\"317\" \/>\n<div class=\"image-desc\">Drag the Saturation slider to the left to lower the color saturation of the background.<\/div>\n<p>Click OK when you're done to exit out of the dialog box, and we're done! Here, after reducing the color saturation of the background is my final result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/outline\/photoshop-outline.jpg\" alt=\"The final outline photo effect in Photoshop.\" width=\"623\" height=\"450\" \/>\n<div class=\"image-desc\">The final result.<\/div>\n<\/section>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<aside>\n<p>And there we have it! That's how to add an outline effect to the subject of your image with Photoshop! Visit our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more Photoshop effects tutorials!<\/p>\n<\/aside>\n<aside> <div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div> <\/aside>\n\n","protected":false},"excerpt":{"rendered":"<p>Bring the action in your images to the forefront by highlighting the main subject of your photo with an easy to create outline effect in Photoshop!<\/p>\n","protected":false},"author":1,"featured_media":15421,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-262","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photo-effects"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Outlining The Action - Photoshop Tutorial<\/title>\n<meta name=\"description\" content=\"In this Photoshop tutorial, learn how to highlight the main subject of your photo by placing an outline and outer glow around them!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/outline\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Outlining The Action With Photoshop\" \/>\n<meta property=\"og:description\" content=\"In this Photoshop tutorial, learn how to highlight the main subject of your photo by placing an outline and outer glow around them!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/outline\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2012-10-01T19:36:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T17:10:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-outline-action-effect-f.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/outline\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/outline\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Outlining The Action With Photoshop\",\"datePublished\":\"2012-10-01T19:36:10+00:00\",\"dateModified\":\"2019-04-13T17:10:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/outline\\\/\"},\"wordCount\":2227,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/outline\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-outline-action-effect-f.jpg\",\"articleSection\":[\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/outline\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/outline\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/outline\\\/\",\"name\":\"Outlining The Action - Photoshop Tutorial\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/outline\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/outline\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-outline-action-effect-f.jpg\",\"datePublished\":\"2012-10-01T19:36:10+00:00\",\"dateModified\":\"2019-04-13T17:10:27+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this Photoshop tutorial, learn how to highlight the main subject of your photo by placing an outline and outer glow around them!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/outline\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/outline\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/outline\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-outline-action-effect-f.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-outline-action-effect-f.jpg\",\"width\":250,\"height\":250,\"caption\":\"Outlining The Action With Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/outline\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photo Effects\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Outlining The Action\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Outlining The Action - Photoshop Tutorial","description":"In this Photoshop tutorial, learn how to highlight the main subject of your photo by placing an outline and outer glow around them!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/outline\/","og_locale":"en_US","og_type":"article","og_title":"Outlining The Action With Photoshop","og_description":"In this Photoshop tutorial, learn how to highlight the main subject of your photo by placing an outline and outer glow around them!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/outline\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-01T19:36:10+00:00","article_modified_time":"2019-04-13T17:10:27+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-outline-action-effect-f.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/outline\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/outline\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Outlining The Action With Photoshop","datePublished":"2012-10-01T19:36:10+00:00","dateModified":"2019-04-13T17:10:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/outline\/"},"wordCount":2227,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/outline\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-outline-action-effect-f.jpg","articleSection":["Photoshop Photo Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/outline\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/outline\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/outline\/","name":"Outlining The Action - Photoshop Tutorial","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/outline\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/outline\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-outline-action-effect-f.jpg","datePublished":"2012-10-01T19:36:10+00:00","dateModified":"2019-04-13T17:10:27+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this Photoshop tutorial, learn how to highlight the main subject of your photo by placing an outline and outer glow around them!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/outline\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/outline\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/outline\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-outline-action-effect-f.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-outline-action-effect-f.jpg","width":250,"height":250,"caption":"Outlining The Action With Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/outline\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photo Effects","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/"},{"@type":"ListItem","position":3,"name":"Outlining The Action"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/262","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/comments?post=262"}],"version-history":[{"count":31,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/262\/revisions"}],"predecessor-version":[{"id":27457,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/262\/revisions\/27457"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/15421"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=262"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=262"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}