How to Outline and Border Text in Photoshop

PDF download Download Article
PDF download Download Article

Do you want to convert text to outline in Adobe Photoshop? Luckily, you can do this in a few simple steps. You'll need to have a text layer customized to your liking before you'll be able to convert the text to a shape. By adjusting the stroke color and outline of the new shape, you can create a border for your text. This wikiHow will teach you how to convert text to outlines so you can manipulate its shape in Adobe Photoshop.

Things You Should Know

  • You can create an outline from text by using the Path Selection Tool.
  • After adding your text, click "Type" in the top toolbar, then "Convert to Shape".
  • Set your Fill to "None", then adjust the stroke color and size.

Steps

PDF download Download Article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7d\/Convert-Text-to-Outline-in-Photoshop-Step-1-Version-5.jpg\/v4-460px-Convert-Text-to-Outline-in-Photoshop-Step-1-Version-5.jpg","bigUrl":"\/images\/thumb\/7\/7d\/Convert-Text-to-Outline-in-Photoshop-Step-1-Version-5.jpg\/v4-728px-Convert-Text-to-Outline-in-Photoshop-Step-1-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/60\/Convert-Text-to-Outline-in-Photoshop-Step-2-Version-5.jpg\/v4-460px-Convert-Text-to-Outline-in-Photoshop-Step-2-Version-5.jpg","bigUrl":"\/images\/thumb\/6\/60\/Convert-Text-to-Outline-in-Photoshop-Step-2-Version-5.jpg\/v4-728px-Convert-Text-to-Outline-in-Photoshop-Step-2-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    Select the text tool and insert your text . Customize your text to your liking. [1]
    Advertisement
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/ca\/Convert-Text-to-Outline-in-Photoshop-Step-3-Version-5.jpg\/v4-460px-Convert-Text-to-Outline-in-Photoshop-Step-3-Version-5.jpg","bigUrl":"\/images\/thumb\/c\/ca\/Convert-Text-to-Outline-in-Photoshop-Step-3-Version-5.jpg\/v4-728px-Convert-Text-to-Outline-in-Photoshop-Step-3-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    This will open a drop-down menu.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/fe\/Convert-Text-to-Outline-in-Photoshop-Step-4-Version-4.jpg\/v4-460px-Convert-Text-to-Outline-in-Photoshop-Step-4-Version-4.jpg","bigUrl":"\/images\/thumb\/f\/fe\/Convert-Text-to-Outline-in-Photoshop-Step-4-Version-4.jpg\/v4-728px-Convert-Text-to-Outline-in-Photoshop-Step-4-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    [2]
    • Alternatively, you can right-click the text layer in the Layers menu and select Convert to Shape .
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0a\/Convert-Text-to-Outline-in-Photoshop-Step-5-Version-4.jpg\/v4-460px-Convert-Text-to-Outline-in-Photoshop-Step-5-Version-4.jpg","bigUrl":"\/images\/thumb\/0\/0a\/Convert-Text-to-Outline-in-Photoshop-Step-5-Version-4.jpg\/v4-728px-Convert-Text-to-Outline-in-Photoshop-Step-5-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    This will be the cursor icon filled in with black. [3]
    • Points will appear and select your text outline.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/ff\/Convert-Text-to-Outline-in-Photoshop-Step-6-Version-4.jpg\/v4-460px-Convert-Text-to-Outline-in-Photoshop-Step-6-Version-4.jpg","bigUrl":"\/images\/thumb\/f\/ff\/Convert-Text-to-Outline-in-Photoshop-Step-6-Version-4.jpg\/v4-728px-Convert-Text-to-Outline-in-Photoshop-Step-6-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    • None is represented by the white box with a diagonal line running through.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/62\/Convert-Text-to-Outline-in-Photoshop-Step-7-Version-2.jpg\/v4-460px-Convert-Text-to-Outline-in-Photoshop-Step-7-Version-2.jpg","bigUrl":"\/images\/thumb\/6\/62\/Convert-Text-to-Outline-in-Photoshop-Step-7-Version-2.jpg\/v4-728px-Convert-Text-to-Outline-in-Photoshop-Step-7-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    You can choose from Recently Used Colors or select from a saved palette. [4]
    • To change the size, click the line icon and set the thickness.
    • You can also manually input the size in pixels beside the thickness presets.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/81\/Convert-Text-to-Outline-in-Photoshop-Step-8-Version-2.jpg\/v4-460px-Convert-Text-to-Outline-in-Photoshop-Step-8-Version-2.jpg","bigUrl":"\/images\/thumb\/8\/81\/Convert-Text-to-Outline-in-Photoshop-Step-8-Version-2.jpg\/v4-728px-Convert-Text-to-Outline-in-Photoshop-Step-8-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    If you need to make any adjustments, use the Path Selection Tool again. [5]
    9. Advertisement

Community Q&A

Search
Add New Question
  • Question
    How do I make the outline thicker?
    Community Answer
    Increase the stroke weight. Since it's a shape now, you can click the rectangle tool and manipulate fill and stroke.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 3 Helpful 0
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
      Advertisement

      Tips

      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Name
      Please provide your name and last initial
      Submit
      Thanks for submitting a tip for review!

      You Might Also Like

      Convert an Image into a Line Drawing: Easy Photoshop Tutorial
      How to
      Insert an Image in Photoshop
      How to
      Fix "Scratch Disks are Full" Error in Photoshop
      How to
      Trace an Image in Photoshop on Windows or Mac
      3 Ways to Simply Import Fonts to Photoshop
      4 Easy Ways to Insert a Bullet Point in Adobe Photoshop
      How to
      Install Plug-ins for Adobe Photoshop
      How to
      Make a Gradient in Photoshop
      Quickly Change the Color of Background in Photoshop
      Replace Text in Adobe Photoshop: 2 Simple Methods for Removal
      How to
      Design an ID Card Using Adobe Photoshop
      How to
      Import an Image Into Photoshop
      2 Easy Ways to Edit and Change Text Color in Photoshop
      3 Easy Ways to Invert Colors in Adobe Photoshop
      Advertisement

      Expert Interview

      Thanks for reading our article! If you’d like to learn more about using adobe softwares, check out our in-depth interview with Shari Fairclough .

      References

      1. ↑ https://www.adobe.com/products/photoshop/outline-text.html
      2. ↑ https://www.adobe.com/products/photoshop/outline-text.html
      3. ↑ https://helpx.adobe.com/photoshop/using/tool-techniques/path-selection-tool.html
      4. ↑ https://www.adobe.com/products/photoshop/outline-text.html
      5. ↑ https://helpx.adobe.com/photoshop/using/tool-techniques/path-selection-tool.html

      About This Article

      Article Summary X

      1. Type some text.
      2. Click and hold the Selection tool.
      3. Select Direct Selection tool .
      4. Select the text.
      5. Click the Type menu.
      6. Click Convert to Shape .

      Did this summary help you?
      In other languages
      Thanks to all authors for creating a page that has been read 557,588 times.

      Is this article up to date?

      Advertisement