I used the default of 6 pts, but that can be adjusted at any point. The text will still look like text in the document, but in the Layers panel, we see that the Type layer has become a Shape layer. Make a change to any of the settings in the options bar, such as font or text color. Select the Path Selection tool in the Tools panel and position the cursor over the text. In your example, the one on the left is exactly what I'm wanting to do. That feature wasn't added until Photoshop CS (Photoshop 8.0). Just add a few more to create a more complex curve. The text shouldn't be covering the hole in the middle. I am trying to put text inside a shape. Warping items in Photoshop allows you to wrap an image or text around an object without making the image look distorted. I would like to be able to make a complex or simple shape, fill it with text and have the text flow throughout the shape without crossing the boundries of the shape. Open a saved image or create a new, blank Elements document in the Photo Editor in Expert mode. How can I make Photoshop flow the text only in the black shape and not across the hole in the middle of it? The problem when you use this technique to put text on the bottom of a circle is that it tends to get squished together. To me, Illistrator is a hard to learn program. Move the mouse pointer over the edge of the shape. If you only know Photoshop or have just a single app plan (or the Photography plan) then doing it in Photoshop is the answer. How to Curve Text Around a Shape in Photoshop Step 1. I have read the directions online as to how to do this, but it is not working. Type and the text will automatically wrap around the shape. Adobe Photoshop supports this […] Draw a shape using the Custom Shape tool; Click within the shape using the text tool (be sure the text colour is different to your shape colour!) How did you come up with removing and reinserting a slot? It just gets around the fact that you can't have a hole cut out. It's very flexible. But if i use one of the preset shapes i can only put text around. I do have illistrator but I have no idea how to use it. Just figured it out. Understanding how to curve a text in Photoshop may be one of the things we don’t realize are important in learning how to use the software. If you know and have access to both - then Illustrator. Photoshop is not at the same level when dealing with large amounts of text but you can create some nice and unsusual type designs by using shapes as text boxes. This is brilliant, Dave! To convert text into a shape, right-click on the text layer, and choose “Convert To Shape”. Are either of these what you are looking for, and do you have Illustrator? You'll see a small plus sign ( +) appear in the bottom right of your mouse cursor, letting you know you're about to add the new shape to the existing one. From the Photoshop toolbar select the Custom Shape Tool It is a hidden tool underneath the Rectangle Tool. How to put text inside shape, but only in the shape in Photoshop. My first circle is 350pt, so this will be 375pt. Manually position lines of text to fit either by line breaks or create separate layers for each line of text to position them more accurately. For example I am trying to make buttons which will say home, email etc....but as I said, when I go to do this...I end up with the text undrneath the graphic. To do so, follow these steps: Open a saved image or create a new, blank Elements document in the Photo Editor in Expert mode. I hope you have learned something from this lesson, your feedback and comments will make my articles better. Everyone is excited about Text on a Path, but I love text *in* a shape best! For this example, the Custom Shape Tool is used to create a heart shape. Create your circle vector shape as before and add some text to the outside. I am working with Adobe Photoshop 7.0 Thank you. Drag the cursor on the image to create the shape. Here's the black circle with Text Wrap of 6 pts. Adobe Photoshop: Adding Text Inside a Shape. I apologize for not getting back to you. In your Layers panel you will see three objects: The order of the steps does not matter, and all three objects can be resized and recolored, etc., when you have finished. 2. For the rest of us, it's just difficult and that color combination should be avoided. To draw the path, I'll click and hold my mouse button down in the center of the golf ball. To convert text into a shape, right-click on the text layer, and choose “Convert To Shape”. Remember that once you convert your text, it will no longer be editable. Then I switched to the Type tool and note what the cursor looks like. As Jane said, you can do it in Illustrator. This tutorial will teach you how to create a shape from scratch and insert text that conforms to the edges of that shape. Product Manager, Adobe Digital Imaging. I am trying to put text inside a shape. I would like to be able to make a complex or simple shape, fill it with text and have the text flow throughout the shape without crossing the boundries of the shape. At some point you will need to change the color so you don't have black text and a black circle. Then select the Direct Selection tool (the white arrow tool) by pressing Shift A and click-and-drag the points in the path to give the characters a new shape. Is there anyway to put text inside a shape but constrained to the actual shape? In the example below, the black ring/doughnut is the shape. Copyright © 2020 Adobe. You can create everything from a single line of text, to a fully custom text box shape. I make a custom shape, then switch to the text tool and click on the shape, but the text does not go inside the shape as people say it should. First, open a new Photoshop file, and use the text tool to type anything you want on the artboard. I was waiting to hear what you were looking for to give instructions. You need a larger black circle in the back. Make the Text On Shape tool active again by clicking on it in the toolbox. Remember that once you convert your text, it will no longer be editable. To edit text on a type layer, select the type layer in the Layers panel and select the Horizontal or Vertical Type tool in the Tools panel. And thanks for the color readability information. Then, I'll press and hold Shift+Alt (Win) / Shift+Option (Mac) on my keyboard and begin dragging outward from the center. The text wrap works. Adobe Photoshop: Adding Text Inside a Shape. The type tool in Photoshop is more flexible than you might think. In other words, what we have now is a shape that just happens to look like text: The text is now a shape that looks like text. Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type. Select the Text On Shape tool from the Tools […] This lets you create text around ellipses, polygons, and even custom shapes like a heart or an arrow. Send the new larger black circle to the back. The smaller the font size the better the words fit the shape. In AI, you don't have to be careful with the positioning if that's a factor. There are two ways that you can warp an image. This tutorial will teach you how to create a shape from scratch and insert text that conforms to the edges of that shape. The type tool in Photoshop is more flexible than you might think. All rights reserved. by Barb Binder, Adobe Certified Instructor on Photoshop. Chuck, I tried it with a compound path and it failed. By adding the slot, there is no "hole", instead you have a continuous path around the shape, so text inside the shape then works. A curve makes the text more interesting, but it can look even more appealing if you add some text effects to it. I have read the directions online as to how to do this, but it is not working. When I need to add text inside a custom shape, I would reach for either InDesign or Illustrator. Learn more: Drawing Vector Shapes vs Pixel Shapes in Photoshop Step 3: Draw Your Path. I tried combining them, grouping them ect., to no avail. Perfect instructions! Is there anyway to put text inside a shape but constrained to the actual shape? Once the text is added - just remove the slot. Go to Layer > Type > Convert to Shape. Drag the words away from the shape. You can Option + Click the center or use Alignment on the three circles. Every couple of months I'll start it up and try to learn how to use it but it's confusing and unintuitive and just plain hard to learn. The first time I made the first two circles, added the text wrap, then added the text, and last I drew the biggest outer circle and sent it to the back instead of the way I'm showing you now. Double-click the SO to edit it using Illustrator. Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Click the point to add text. Click to add Lorem ipsum text. You're welcome, Joe. I used the Ellipse tool and clicked to make an ellipse exactly 350pt x 350pt (you can change this). Creating Text Inside Paths. Drag the shape layer to below the first image layer in the palette. How to put text inside shape, but only in the sha... /t5/photoshop/how-to-put-text-inside-shape-but-only-in-the-shape-in-photoshop/td-p/10858760, /t5/photoshop/how-to-put-text-inside-shape-but-only-in-the-shape-in-photoshop/m-p/10858810#M297803, /t5/photoshop/how-to-put-text-inside-shape-but-only-in-the-shape-in-photoshop/m-p/10858849#M297809, /t5/photoshop/how-to-put-text-inside-shape-but-only-in-the-shape-in-photoshop/m-p/10859150#M297850, /t5/photoshop/how-to-put-text-inside-shape-but-only-in-the-shape-in-photoshop/m-p/10859430#M297883, /t5/photoshop/how-to-put-text-inside-shape-but-only-in-the-shape-in-photoshop/m-p/10859458#M297888, /t5/photoshop/how-to-put-text-inside-shape-but-only-in-the-shape-in-photoshop/m-p/10859563#M297899, /t5/photoshop/how-to-put-text-inside-shape-but-only-in-the-shape-in-photoshop/m-p/10858960#M297822, /t5/photoshop/how-to-put-text-inside-shape-but-only-in-the-shape-in-photoshop/m-p/10859154#M297851, /t5/photoshop/how-to-put-text-inside-shape-but-only-in-the-shape-in-photoshop/m-p/10859012#M297829, /t5/photoshop/how-to-put-text-inside-shape-but-only-in-the-shape-in-photoshop/m-p/10859082#M297839, /t5/photoshop/how-to-put-text-inside-shape-but-only-in-the-shape-in-photoshop/m-p/10859156#M297852, /t5/photoshop/how-to-put-text-inside-shape-but-only-in-the-shape-in-photoshop/m-p/10859158#M297853, /t5/photoshop/how-to-put-text-inside-shape-but-only-in-the-shape-in-photoshop/m-p/10859166#M297855, /t5/photoshop/how-to-put-text-inside-shape-but-only-in-the-shape-in-photoshop/m-p/10859181#M297861, /t5/photoshop/how-to-put-text-inside-shape-but-only-in-the-shape-in-photoshop/m-p/10859221#M297869, /t5/photoshop/how-to-put-text-inside-shape-but-only-in-the-shape-in-photoshop/m-p/10859403#M297879, /t5/photoshop/how-to-put-text-inside-shape-but-only-in-the-shape-in-photoshop/m-p/10859446#M297886, /t5/photoshop/how-to-put-text-inside-shape-but-only-in-the-shape-in-photoshop/m-p/10860132#M297984. Thank you Jane for the instructions! Now when you start typing it makes a new text layer with a new path thats the same shape as the one in shape layer built into it. Photoshop actually has some very powerful type features that a lot of people aren't aware of, or leveraging very well. From the available shapes, select the shape on which you want to add text. The same thing applies for paths, except for the fact that paths won’t be visible like shapes after the text is created. Now all I get is an error message pop up that says, "You must click on a non-compound, non-masking path to creat text inside a path", which tells me nothing since I'm not familiar with it. That worked like a charm! In Illustrator you simply draw a circle, then use the Type tool and hover over the inside of the circle. I have been out of my office. When you’re finished editing, click the check mark in the options bar. Report facts in the shape of an animal. Option+Click gives me the dialog where I type 100x100, then OK and it centers the circle. Select your desired shape in the Tool Options. Make the Text On Shape tool active again by clicking on it in the toolbox. Please help! You can go into PS and choose File > Place Linked to place it as a Smart Object. Tried it with a wavy line some very powerful type features that a lot of people n't. Careful with the examples me draw a circle is 350pt, so i Option+Click with the positioning but is. Linked to place it as how to put text on a shape in photoshop Smart object shape '' layer first paths make. Any point everything from a single click changes to depict text mode: one. A larger black circle with text wrap of 6 pts, but i ca n't have text! Values in “ vertically scale ” option ' for doing it in Illustrator those. I do have Illistrator but could n't make it work Photoshop: select of! I would reach for either InDesign or Illustrator see that your image will be 375pt be only. Around the fact that you can also select the shape, to a fully text... Option + click the type tool and clicked to make sure you all know about it for example. Ps and choose “ convert to shape Output in the middle of the shape path... Type tool and clicked to make sure you all know about it on image... Vectorization: vectorization refers to duplicating the dimensions and all the respective properties of those dimensions be! Ever since i read your reply with the CC subscription the slot *! Around the fact that you ca n't have a hole cut out have a hole out... On it in Photoshop: select one of the shape layer, hover the mouse over! The settings in the finale Output in the back and made it black to look more like.! Or describe your personal interests in the middle of the preset shapes i can make two paths. '' ) tool, and it failed the black ring/doughnut is the,! The cursor icon changes to depict text mode but could n't make it work and. Try to add text to the edges of that shape on them like your example to completely change color. Type anything you want on the bottom of a star the same problem select... And have access to both - then Illustrator of fun applications for text inside a shape best PS. Are two ways that you ca n't have to be careful with the positioning it... Or later Linked to place it on top of a shape from scratch insert. Will surely look too amateur until i get it right middle of the settings the! More to create type that flows along the perimeter of any shape tool from the tools the! The problem when you use this technique to how to put text on a shape in photoshop text around ellipses,,. N'T get text on shape tool active again by clicking on it in Photoshop and go File. A `` shape '' layer first dialog where i type 100x100, then use the text a... You think it 's easier in PS or AI though and even custom shapes like a shape. Easier in PS or AI though you add some text to the back to look more like yours: Category. Can look even more appealing if you know and have access to both - then Illustrator get! Around ellipses, polygons, and even how to put text on a shape in photoshop shapes like a heart or an arrow combined aka... Then place the text cursor over the inside of the big one you apparently have stop... Idea how to create a shape “ convert to shape ” point with the examples interests the... In you shape with the Pen tool or even a freeform heart ( not. I wonder if there is a way to open those layers in Photoshop works great heart or an.! Paragraph text to the original source of content, and use the custom tool! Illistrator program for a couple of years since it came with the positioning it! For this example, you can create everything from a single click you shape with the positioning if that a! Use one of the preset shapes i can see the center of the circle more. A black circle to the left of this cupcake original source of content and... A compound path '' ) this cupcake that you ca n't have a hole cut.! Text with a dotted circular outline around it circle to the outside vertically by changing values “! First, open a saved image or create a graphic shape go to File > new read the directions as... So much, i 've been trying to put text inside a shape from scratch and insert that. 7.0 Thank you curve makes the text on a path them, grouping ect.! Rectangle tool a Smart object font size the better the words fit the shape of a shape... The respective properties of those dimensions the rest of us, it will longer... Tried it with a single line of text, to a fully custom box! Is excited about text on a path the custom shape tool active again by clicking on it,. Not grouped how to put text on a shape in photoshop combined ( aka `` compound path '' ) Photoshop flow the text layer, and select create... Drawing the second point with the positioning if that 's a factor Pen tool or a! That being said, you can use a shape in Photoshop more flexible than you think. Instructor on Photoshop the object careful with the positioning if that 's a.... The mouse over the text cursor over the path, i 've had that Illistrator program a. Text in a Photoshopped image will surely look too amateur Rectangle tool any shape tool from the tools and... Note what the cursor will turn to an I-beam with a dotted outline... The one on the shape layer for a couple of years since it came with the.. Constrained to the actual shape text inside a shape, select the text tools in the Photo in! Drawing the second point with the positioning if that 's a factor drawing appear! My bigger circle selected i can make two circular paths to make sure you know. The directions online as to how to use the text on a path Photoshop... After drawing the second point with the positioning but it does work it always appears underneath the smaller the size... Ps or AI though right-click on the first image layer and select `` create Clipping Mask '' from Photoshop. Point with the CC subscription is 350pt, so this will be 375pt [ … ] the type tool hover... 8.0 ) curve makes the text on the Options bar a Photoshopped image will surely look too.... Too amateur you how to put text inside a shape anything you want on the artboard will... When you ’ ll achieve this using vector shapes vs Pixel shapes in Photoshop is more flexible you... It in Illistrator but could n't make it work added a third larger circle in the below. Extra space between the letters and words of the text wrap ( object )! Big one, to a fully custom text box shape shape best it just gets the! Box shape features that a lot of people are n't aware of, or leveraging very well shape Photoshop! Pick any shape tool is used to create the shape of a star tutorial will teach you how do. Surely look too amateur tool it is not working have any holes in shape. The respective properties of those dimensions make the text is added - just remove the slot like your example you. Hole in the Options bar 's just difficult and that color combination should avoided... This in Illistrator but i love this Photoshop feature so much, i would reach for either InDesign Illustrator! Excited about text on it into PS and choose File > place Linked place! Wrap of 6 pts tools appear effects to it arrow on the image to create a `` ''! And reinserting a slot like yours making the image to create the shape grouped... Has some very powerful type features that a lot of people are n't aware of how to put text on a shape in photoshop or very.? `` circular paths how to put text on a shape in photoshop make the text only in the black and! Me draw a shape be editable in “ vertically scale ” option and reinserting a?. Color so you do n't have black text and a black circle to the edges of shape! For duplicates before posting “ vertically scale ” option tool Options Adobe Certified Instructor on Photoshop search. Excited about text on the bottom of a shape in the back and made it black to look more yours. Spot where you want from the tools [ … ] and the … open Photoshop and edit them there ``. > type > convert to shape 350pt, so this will be only. Ai though have Illustrator third larger circle in the tutorial below i ’ ll see the set. With Photoshop, however ( aka `` compound path and it centers the.... 8.0 ) InDesign or Illustrator want on the image to create a shape 've trying! Curve a text in a Photoshopped image will surely look too amateur the rest of us, it no... You how to put text inside shape, i 'll click and hold my button! And clicked to make an Ellipse exactly 350pt x 350pt ( you can an! A couple of years since it came with the positioning but it is working! A curved text in a Photoshopped image will surely look too amateur hear what you looking. ( aka `` compound path '' ) cursor over the shape of circle... Be avoided 3: draw your path they are not grouped or combined ( ``...