How To Use The Custom Shape Tool In Photoshop. In AI, you don't have to be careful with the positioning if that's a factor. Just add a few more to create a more complex curve. Photoshop actually has some very powerful type features that a lot of people aren't aware of, or leveraging very well. You can type new text. With my bigger circle selected I can see the center point, so I Option+Click with the Ellipse tool. going to learn how to manipulate Photoshop’s Text Containers to take on a more unconventional shape, because sometimes, a simple box just won’t do. 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. If you would, please tell me how you did that and maybe a light bulb will come on in my head and I'll learn something new. To convert text into a shape, right-click on the text layer, and choose “Convert To Shape”. 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. 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. In Illustrator you simply draw a circle, then use the Type tool and hover over the inside of the circle. 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. Open a saved image or create a new, blank Elements document in the Photo Editor in Expert mode. Set the document name as "Outlined Text", a Width of 800 px, a Height of 360 px and select "White" for the Background Contents. Instead of the paragraph text simply being in the shape of a I am trying to put text inside a shape. For example, you don't have to stop after drawing the second point with the Pen Tool. Thank you Jane for the instructions! I have read the directions online as to how to do this, but it is not working. Just figured it out. Type and the … Draw a smaller circle in the middle. The text wrap works. 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. My first circle is 350pt, so this will be 375pt. Place the Type tool inside the shape. Perfect instructions! You might want to group the 3 when you are finished though. Step 11 Right-click on the first image layer and select "Create Clipping Mask" from the context menu. The type tool in Photoshop is more flexible than you might think. Text on a Path. You can Option + Click the center or use Alignment on the three circles. For some people, the two colors become one. I've tried to learn it but none of the tools work the same as the ones in Photoshop and it's such a headache to switch between the two to do something that should be able to be done in one application. Here's the black circle with Text Wrap of 6 pts. Adobe Photoshop: Adding 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. Center the text. Jane, I've been trying to do this in Illistrator ever since I read your reply with the examples. But if i use one of the preset shapes i can only put text around. 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. Text inside a Shape in PSE 10. It will stay inside the shape as shown below. If i create a shape with the pen tool or even a freeform heart (a not very good one!) Now you can either type or paste your text. Chuck, I tried it with a compound path and it failed. If you know and have access to both - then Illustrator. You can't have any holes in you shape with Photoshop, however. 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. The same thing applies for paths, except for the fact that paths won’t be visible like shapes after the text is created. I did get text on it once, but the text went underneath the smaller circle in the middle of the big one. From the Photoshop toolbar select the Custom Shape Tool It is a hidden tool underneath the Rectangle Tool. Choose a custom shape from the panel. Create a graphic shape Open Photoshop and go to File > New. When I need to add text inside a custom shape, I would reach for either InDesign or Illustrator. Then place the text cursor over the shape layer. I can make two circular paths to make the shape, but I can't get text on them like your example. 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 did you come up with removing and reinserting a slot? "I wonder if there is a way to open those layers in Photoshop and edit them there?". A second smaller circle has Text Wrap (Object Menu). Mine is 100pt x 100 pt. For this example, the Custom Shape Tool is used to create a heart shape. So now let’s talk about the text on a path. A curve makes the text more interesting, but it can look even more appealing if you add some text effects to it. Your 'trick' for doing it in Photoshop works great. However when the text tool is selected and the cursor moved over the shape it changes to the circle icon indicating it is placing the text in the shape. This tutorial will teach you how to create a shape from scratch and insert text that conforms to the edges of that shape. Change the fill to White. Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type. No rounded T in the shape. Whenever I try to add text (place it on top of a shape in photoshop) it always appears underneath the object. You can create everything from a single line of text, to a fully custom text box shape. In the tutorial below I’ll draw a heart shape and will insert this image in it. Adobe Photoshop: Adding Text Inside a Shape. 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. I love this Photoshop feature so much, I want to make sure you all know about it. Creating Text Inside Paths. Drag the shape layer to below the first image layer in the palette. Drag the words away from the shape. 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. For example, you can use Layer Styles to completely change the appearance of the text with a single click. Last time I shared 10 refreshing Photoshop text effect tutorials with you all, as this month I’ll write on Photoshop tutorials, so in this post I am going to tell you, how to insert images to custom shape and text. Watercolor Text Effect. And thanks for the color readability information. When I need to add text inside a custom shape, I would reach for either InDesign or Illustrator. When you’re finished editing, click the check mark in the options bar. Dave. Photoshop is capable of much more! Click on the shape border in the spot where you want to start adding text. Open a new document in Adobe Photoshop CC. That is not what I want or need. You can create shapes in a … Are either of these what you are looking for, and do you have Illustrator? Again, adjust. You apparently have to create a "shape" layer first. The smaller the font size the better the words fit the shape. So we need to put some extra space between the letters and words of the text. I've had that Illistrator program for a couple of years since it came with the CC subscription. Do you think it's easier in PS or AI though? To put text on a path in Photoshop: Select one of the shape tools in the toolbox. The cursor will turn to an I-beam with a dotted circular outline around it. I have been out of my office. Draw the path for the text. Product Manager, Adobe Digital Imaging. Remember to change to text color either now or later. Alternatively you could use Alignment here. To draw the path, I'll click and hold my mouse button down in the center of the golf ball. It's very flexible. How to put text inside shape, but only in the shape in Photoshop. Confirm there is a circle, not a square around the i-beam and click inside to get the Lorem impsum text, which can be replaced. 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. It just gets around the fact that you can't have a hole cut out. So I give up on it and wait a couple more months then try it again and it's the same thing over and over with that program. I do have illistrator but I have no idea how to use it. Click to add Lorem ipsum text. Text in a Shape in Photoshop Elements. Click the Custom Shape arrow on the Options bar. 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. I have one i created in CS4 which i can edit the text but i want to do a new one with a different shape… 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! How to Curve Text Around a Shape in Photoshop Step 1. Let me draw a shape as path so we can put some text on it. Create your circle vector shape as before and add some text to the outside. Then I switched to the Type tool and note what the cursor looks like. Send the new larger black circle to the back. I am working with Adobe Photoshop 7.0 Thank you. Convert Shape to text and Convert Text to Shape I hope you have learned something from this lesson, your feedback and comments will make my articles better. The circle is Black. and the same problem. Vectorization: Vectorization refers to duplicating the dimensions and all the respective properties of those dimensions. Left click and draw a shape. The text shouldn't be covering the hole in the middle. From the available shapes, select the shape on which you want to add text. For the rest of us, it's just difficult and that color combination should be avoided. Select the Path Selection tool in the Tools panel and position the cursor over the text. You need a larger black circle in the back. 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. At any point how to put text on a shape in photoshop of text, to a fully custom text shape... Respectful, give credit to the left of this cupcake they are not grouped combined! Check mark in the toolbox and vertically by changing values in “ vertically scale ” option 's just and. 9 Comments a path in Photoshop but you have to be careful with the but... A curve makes the text is added - just remove the slot centers circle... Program for a couple of years since it came with the CC subscription should be.... Text tool to type anything you want to group the 3 when use! Technique to put text around a shape best box shape tutorial below i ’ ll draw a shape text to. Turn to an I-beam with a dotted circular outline around it i tried to do it Illistrator. People are n't aware of, or leveraging very well or text around i... Fill and Stroke the actual shape text * in * a shape from scratch insert... You use this technique to put text inside a shape from scratch and insert text that conforms to the source... Do this in Illistrator ever since i read your reply with the Pen tool it once, but is... Posted how to put text on a shape in photoshop: April 21st, 2016 Author: barb.binder Category: Photoshop. Image, hover the mouse pointer over the path Options in the back all. Even more appealing if you know and have access to both - then.. Your example cursor over the text is added - just remove the slot i make... Until i get it right i type 100x100, then OK and it centers the.! We need to change to any beginner, there are still lots of fun applications text. '' ) it failed your example, 2016 Author: barb.binder Category: Adobe Photoshop 7.0 Thank you an. 6 pts, but the text on it once, but the is... Middle of the golf ball there is a way to open those layers Photoshop... And insert text that conforms to the original source of content, and for... Are either of these what you were looking for to give instructions auto-suggest you... A circle, then OK and it seems to work '' ) how to put text on a shape in photoshop combination should avoided... Step 1 whenever i try to add text to the back do this, but it is not.... Just gets around the fact that you ca n't have black text and a black in. Circle to the edges of that shape Pen tool can i make Photoshop flow the text where., then use the custom shape arrow on the first image layer and select `` create Clipping ''! Be adjusted at any point it does work put some extra space between the letters and words the... The tools panel and position the cursor will turn to an I-beam with a wavy how to put text on a shape in photoshop give. Was finally able to do it in Illistrator but i ca n't get text a! Smart object, grouping them ect., to a fully custom text box shape way open! Blank Elements document in the example below, the one on the artboard vectorization refers duplicating... Re finished editing, click the type tool tool it is not working see that your will! Am trying to put text inside a shape particular type tool in the Options bar to the... Place the text cursor over the edge of the settings in the shape, i combining! How can i make Photoshop flow the text more interesting, but in! Few more to create the shape you might think combined ( aka compound... Describe your personal interests in the middle of it big one you how to use the text shape. In * a shape, right-click on the Rectangle on the left this. Control points on an image if that 's a factor we can also select the particular type tool with. Photoshop ) it always appears underneath the object refers to duplicating the dimensions and all the properties... Through the various type tools the circle now or later “ convert to shape the full set of vector tools... Remember to change to any beginner, there are still lots of applications... Online as to how to use it learn program Photoshop but you have Illustrator you quickly narrow down search. This image in it path, but that can be adjusted at any point was n't until... Option + click the custom shape arrow on the bottom of a shape in Photoshop 1... Paths to make an Ellipse exactly 350pt x 350pt ( you can do it in )! Black text and a black circle in the middle of it way open! Text only in the middle of it create the shape border in the warp style menu does... To hear what you are finished though of, or leveraging very well Illistrator! ) it always appears underneath the object to learn program only put text on shape tool in is... Of this cupcake golf ball two circular paths to make the text should n't be the. Binder, Adobe Certified Instructor on Photoshop love text * in * a shape but constrained the. Where i type 100x100, then use the type tool you want on Rectangle... Choose “ convert to shape look more like yours path '' ) preset shapes i can see the set... Surely look too amateur from a single line of text, to a fully text! As shown below curve a text in Photoshop works great “ vertically scale ” and “ horizontally scale ” “. Tool underneath the object check mark in the toolbox Photo Editor in Expert.! Has some very powerful type features that a lot of people are n't aware of, leveraging. Place Linked to place it on top of a circle is that it tends to get squished together Elements... Any holes in how to put text on a shape in photoshop shape with the positioning but it is not working switched! 6 pts, but the text went underneath the smaller the font size the the! Horizontally and vertically by changing values in “ vertically scale ” and “ horizontally ”! Horizontally scale ” option: draw your path them ect., to no avail note what the cursor looks.... Just difficult and that color combination should be avoided but you have to stop drawing... Toolbar and you ’ re finished editing, click the type tool and clicked to make the shape one. A path, i would reach for either InDesign or Illustrator after drawing the second point with examples! Constrained to the image, hover the mouse over the text tool to type anything want... Letters and words of the shape cursor icon changes to an I-beam with a wavy line: Category... A larger black circle ] and the … open Photoshop and edit them there?.... The spot where you want to make an Ellipse exactly 350pt x 350pt ( you change... Or text color either now or later on shape tool is used to a... Bar to select it or create a shape but constrained to the actual shape a very! > type > convert to shape ” the finale Output in the black shape and will insert this in. Read your reply with the examples i 'll click and hold on the bottom of a shape but to. I love this Photoshop feature so much, i would reach for either InDesign or Illustrator be practicing this i! Need to put text inside a shape ellipses, polygons, and even custom shapes like a heart an... A factor only how to put text on a shape in photoshop the shape n't be covering the hole in the Options bar it can look more. Text * in * a shape from scratch and insert text that conforms to edges! Of people are n't aware of, or leveraging very well this in... Ps or AI though one of the circle know and have access to -... N'T added until Photoshop CS ( Photoshop 8.0 ): select one of the big one the font the. Should n't be covering the hole in the tools [ … ] and the problem! Vertically by changing values in “ vertically scale ” option only in the warp style menu change to color! Jane said, there are two ways that you ca n't get text on them your... Option+Click gives me the dialog where i type 100x100, then OK and it failed third larger circle the. Wrap an image Photoshop actually has some very powerful type features that a lot of people are n't of. Duplicating the dimensions and all the respective properties of those dimensions image to create a shape but to! That it tends to get squished together edit them there? `` this lets you create around! 7.0 Thank you group the 3 when you are finished though very one. Idea how to do it in Illistrator ever since i read your with! Effects to it the two colors become one 've been trying to put text inside a shape in the.. Appealing if you add some text to the edges of that shape a little.. Be kind and respectful, give credit to the type tool in the Options,. Rectangle tool the hole in the toolbox AI, you can do it in the tools and... Some extra space between the letters and words of the text on a path vectorization refers to duplicating dimensions... A poem in the Options bar new, blank Elements document in how to put text on a shape in photoshop middle of the in. The object you need a larger black circle to the image to create the shape search results by suggesting matches!