{"id":431346,"date":"2022-04-13T22:00:58","date_gmt":"2022-04-13T19:00:58","guid":{"rendered":"https:\/\/en.buradabiliyorum.com\/how-to-outline-text-in-adobe-photoshop\/"},"modified":"2022-04-13T22:00:58","modified_gmt":"2022-04-13T19:00:58","slug":"how-to-outline-text-in-adobe-photoshop","status":"publish","type":"post","link":"https:\/\/buradabiliyorum.com\/en\/how-to-outline-text-in-adobe-photoshop\/","title":{"rendered":"#How to Outline Text in Adobe Photoshop"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a26b7145cd20\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #dd3333;color:#dd3333\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #dd3333;color:#dd3333\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a26b7145cd20\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/buradabiliyorum.com\/en\/how-to-outline-text-in-adobe-photoshop\/#%E2%80%9CHow_to_Outline_Text_in_Adobe_Photoshop%E2%80%9D\" >&#8220;How to Outline Text in Adobe Photoshop&#8221;<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/buradabiliyorum.com\/en\/how-to-outline-text-in-adobe-photoshop\/#Add_a_Border_Around_Text_in_Photoshop\" >Add a Border Around Text in Photoshop<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h1><span class=\"ez-toc-section\" id=\"%E2%80%9CHow_to_Outline_Text_in_Adobe_Photoshop%E2%80%9D\"><\/span>&#8220;How to Outline Text in Adobe Photoshop&#8221;<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<div>\n<img loading=\"lazy\" decoding=\"async\" class=\"type:primaryImage alignnone size-full wp-image-731333\" data-pagespeed-lazy-srcset=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/05\/adobe_photoshop_hero_2.png?width=398&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1 400w, https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/05\/adobe_photoshop_hero_2.png?width=1198&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1 1200w\" sizes=\"auto, 400w, 1200w\" data-pagespeed-lazy-src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/05\/adobe_photoshop_hero_2.png?width=1198&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Adobe Photoshop Logo on blue background.\" width=\"1200\" height=\"675\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Adobe Photoshop makes it extremely easy to add a border around your text in an image. You can outline your text with the choice of color, position, and size. Here\u2019s how to do just that on your desktop.<\/p>\n<p><strong>RELATED:<\/strong> <strong><em>How to Put Borders Around Images in Microsoft Word<\/em><\/strong><\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"Add_a_Border_Around_Text_in_Photoshop\"><\/span>Add a Border Around Text in Photoshop<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>In Photoshop, you can add a border around your text in both your existing and new images. In this guide, we\u2019ll create a new image, add text to it, and then outline the text.<\/p>\n<p>Start by launching Photoshop on your computer and creating a new image.<\/p>\n<p>Once your new image opens, in Photoshop\u2019s tool list on the left, click the text tool (which is a \u201cT\u201d icon). Alternatively, press the T key on your keyboard.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-791451\" data-pagespeed-lazy-src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2022\/03\/1-photoshop-text-tool.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Select the text tool from the left sidebar.\" width=\"543\" height=\"319\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Now that the text tool is activated, click the area where you want to add text on your photo. Then start typing your text.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-791452\" data-pagespeed-lazy-src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2022\/03\/2-photoshop-type-text.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Type text on the image.\" width=\"650\" height=\"270\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>When you\u2019ve typed your text, in the \u201cLayers\u201d panel on the right, find the layer for your newly typed text.<\/p>\n<blockquote class=\"admonishment_note\"><p><strong>Note:<\/strong> If you don\u2019t see the \u201cLayers\u201d panel, in Photoshop\u2019s menu bar, click Window &gt; Layers.<\/p><\/blockquote>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-791453\" data-pagespeed-lazy-src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2022\/03\/3-photoshop-find-text-layer.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Locate the text layer in &quot;Layers&quot; on the right.\" width=\"450\" height=\"279\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Right-click the text layer, and from the menu that opens, select \u201cBlending Options.\u201d<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-791454\" data-pagespeed-lazy-src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2022\/03\/4-photoshop-text-layer-blending-options.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Choose &quot;Blending Options&quot; from the menu.\" width=\"650\" height=\"396\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Photoshop will open a \u201cLayer Style\u201d window. Here, in the left sidebar, click and enable the \u201cStroke\u201d option.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-791455\" data-pagespeed-lazy-src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2022\/03\/5-photoshop-enable-text-stroke.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Select &quot;Stroke&quot; on the left.\" width=\"648\" height=\"500\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Your selected text now has an outline, but you will probably want to customize it so it looks the way you want. To do so, in the \u201cStroke\u201d menu, configure the outline options as follows:<\/p>\n<ul>\n<li><strong>Size<\/strong>: Specify the size for your outline.<\/li>\n<li><strong>Position<\/strong>: Choose where to place your outline. Your options are \u201cOutside,\u201d \u201cInside,\u201d and \u201cCenter.\u201d<\/li>\n<li><strong>Blend Mode<\/strong>: Select how your outline blends.<\/li>\n<li><strong>Opacity<\/strong>: Make your outline transparent by specifying the transparency level here.<\/li>\n<li><strong>Fill Type<\/strong>: Choose the type of fill for your outline. You can choose \u201cColor,\u201d \u201cGradient,\u201d or \u201cPattern.\u201d<\/li>\n<li><strong>Color<\/strong>: If you\u2019ve selected \u201cColor\u201d as the \u201cFill Type,\u201d choose the color for your outline.<\/li>\n<\/ul>\n<p>On your image canvas in the background, you will see the real-time preview of your changes. If that looks good to you, close the \u201cLayer Style\u201d window by clicking \u201cOK.\u201d<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-791456\" data-pagespeed-lazy-src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2022\/03\/6-photoshop-customize-text-outline.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Customize the text outline.\" width=\"648\" height=\"500\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Your customized outline is now added to your text.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-791457\" data-pagespeed-lazy-src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2022\/03\/7-photoshop-text-border.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Text with custom border in Photoshop.\" width=\"650\" height=\"272\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>And that\u2019s it.<\/p>\n<p>If you want to make further changes to your text border, you can do so by opening the \u201cBlending Options\u201d menu and re-specifying the various options. Enjoy!<\/p>\n<hr\/>\n<p>Did you know Microsoft Word also allows you to outline your text? You might want to use that feature to add a border to your text from within the word processor.<\/p>\n<p><strong>RELATED:<\/strong> <strong><em>How to Put a Border Around Text in Microsoft Word<\/em><\/strong><\/p>\n<\/div>\n<p><script>\n setTimeout(function(){\n  !function(f,b,e,v,n,t,s)\n  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n  n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n  n.queue=[];t=b.createElement(e);t.async=!0;\n  t.src=v;s=b.getElementsByTagName(e)[0];\n  s.parentNode.insertBefore(t,s) } (window, document,'script',\n  'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\n   fbq('init', '335401813750447');\n   fbq('track', 'PageView');\n  },3000);\n<\/script><\/p>\n<blockquote><p><strong><span style=\"color: #ff6600;\">If you liked the article, do not forget to share it with your friends. Follow us on\u00a0<span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"https:\/\/news.google.com\/publications\/CAAqBwgKMLG0nwswvr63Aw\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google News<\/a><\/span>\u00a0too, click on the star and choose us from your favorites.<\/span><\/strong><\/p><\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\">For forums sites go to <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/forum.buradabiliyorum.com\/\" target=\"_blank\" rel=\"noopener\">Forum.BuradaBiliyorum.Com<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\"><strong>If you want to read more like this article, you can visit our <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/en.buradabiliyorum.com\/technology\/\" target=\"_blank\" rel=\"noopener\">Technology category.<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<p><span style=\"color: black;\"><a style=\"color: #ff9900;\" href=\"https:\/\/www.howtogeek.com\/791410\/outline-text-in-photoshop\/\" target=\"_blank\" rel=\"noopener\">Source<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;How to Outline Text in Adobe Photoshop&#8221; Adobe Photoshop makes it extremely easy to add a border around your text in an image. You can outline your text with the choice of color, position, and size. Here\u2019s how to do just that on your desktop. RELATED: How to Put Borders Around Images in Microsoft Word&#8230;<\/p>\n","protected":false},"author":1,"featured_media":431347,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/05\/adobe_photoshop_hero_2.png?height=200p&trim=2,2,2,2","fifu_image_alt":"","footnotes":""},"categories":[18],"tags":[],"class_list":["post-431346","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology"],"_links":{"self":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/431346","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/comments?post=431346"}],"version-history":[{"count":0,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/431346\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media\/431347"}],"wp:attachment":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media?parent=431346"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/categories?post=431346"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/tags?post=431346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}