And then come into the image and click and drag over the portion of that text that I want to change. So, go over to the Layers panel and select the layer above which you want your new shape layer. Follow these easy steps to learn how to add a drop shadow to text in Photoshop. You can also use the Pen tool. Come down to this section of the Properties panel and hover over any of the Corner icons. And there are actually a couple scissors to choose from. And then I'll click OK. Now let's say that I've clicked on a regular layer and I'm doing some other work in this image. If you want to load one of the other shape sets, click on the arrow icon. Clicking and dragging lets you create curved lines. One of the great things about type layers is that they remain editable. Here you can type in a font size if you know it or you can click this arrow and choose a font size from the drop-down menu. Also, it's too easy to forget which one is selected, so you'll go to draw a new shape only to end up adding it to an existing shape because the "Add to shape" option is the one you used previously and you forgot to change it back. If you select the Path Selection Tool, you’ll be able to modify the text created along the work path in a couple of different ways. When you add text and shapes in Adobe Photoshop, they remain editable, and you can customize them down to the smallest detail. In the options bar, choose a font, font size, color, and other options for your text. When you add text to an image in Photoshop it automatically appears on a special kind of layer called a type layer. Go to the Layers panel and select the type layer. So, I'm going to type FINE CLOTHING instead of CUSTOM CLOTHING. I'll choose a large font size. Also choose a colour to use by clicking on the colour swatch at the bottom of the toolbar. Photoshop Essentials.com - Tutorials and training for Adobe Photoshop. I'm going to select this one by clicking on it and then I'll click in a blank area to close the Shape Picker. When you’re finished editing, click the check mark in the options bar. Using multiple type layers will let you work with and position each one separately, just like regular layers. Draw the path for the text. Then, I’ll draw out another shape on top of that. Before we select anything though, make sure the shape's thumbnail is selected in the Layers panel. I'm going to place the dog above the last two letters of the word so it looks like he's standing on them: When you release your mouse button, Photoshop adds the shape to the original: Here's what my text looks like now after cutting a hole in the letter "o" with one shape and adding another shape above the last two letters: It may look like we have more than one shape in the document, but we can see in the Layers panel that we still just have the one. From there choose All. It's also no longer editable. Hey Cafe Crew, it’s Colin Smith here and this week, I’m going to show you how to add some text to this barrel that make it look realistic like it was kind of engraved in there. Click OK to close the color picker. One of the easiest ways to add an object to an image is to use the custom shapes that come with Photoshop. This automatically creates a new shape layer in the Layers panel. To set the font color go up to the Options bar and click the Font Color field. All I have to do is select the Type tool in the Tools Panel. Here's the document I'm starting with, a simple background with the word "dogs" added in front of it (sorry to all the cat lovers out there): If we look in the Layers panel, we see that the document is made up of two layers - the Background layer on the bottom and a Type layer above it: Before we can combine our text with shapes, we first need to convert the text itself into a shape. For example, if I want the 2 lines of type on this layer to be center-aligned, here in the Options bar I'll click the Center Align icon. Define your pattern: Open up the image that you’d like to use with Photoshop. Home > Photoshop Basics > Combining Text With Shapes. Solid anchor points will appear around the shape letting you know it's been selected: With the shape selected, go up to the Edit menu at the top of the screen and choose Free Transform Path, or press Ctrl+T (Win) / Command+T (Mac) to select Free Transform with the keyboard shortcut: This bring up Photoshop's Free Transform Path box and handles around the shape. Get all of our Photoshop tutorials as PDFs. The type tool in Photoshop is more flexible than you might think. So, we'll go up to the Options bar and we'll click on the Font Color field. One of my favorite things about shape layers is the way that you can change the color of a shape layer on-the-fly. The only way is to draw rectangular shape layer below the text layer (you could also use a bitmap layer). This is what you often see in magazine covers where the title or masthead goes behind a person's head. Press Backspace (Win) / Delete (Mac) to delete the selected part of the shape. Step 2. I'll go to the Tools panel and I'll get the Move tool and then I'll click and drag the shape using the pink smart guides that appear to align it to the other elements in the image. Add A New Circle. This can be applied to any raster or vector object in Photoshop as well as type. You'll see a small minus sign ( - ) appear in the bottom right of your mouse cursor letting you know you've temporarily switched to the "Subtract from shape" mode (if you see the Eyedropper icon appear when you hold down your Alt (Win) / Option (Mac) key, it's because you don't have the shape's thumbnail selected in the Layers panel. Now if I change the shape of the box you can see that the text re-wraps. In my case, I want to select the dog so I'll click inside of it. First create all the shapes you want to use as blurred areas and add them to a new group With the background image you want blurred selected go to Filters -> Convert for Smart Filter. I'll also move the shape over to the right a bit so the overall design of the letter looks more like the design of the other letters: I'll press Enter (Win) / Return (Mac) when I'm done to accept the changes and close out of the Free Transform Path command, and I'm done! When you're ready to save an image that has shape layers be sure to use the Save As... command and save the working file in a format that retains layers - like the Photoshop or PSD format. If it's not selected, click on the thumbnail to select it before you continue, otherwise you won't be able to select the shape (or any part of it): With the shape's thumbnail selected and highlighted, I'll select the hole in the center of the letter "o" by clicking and dragging a thin box around it with the Direct Selection Tool, similar to how you would select pixels in an image with the Rectangular Marquee Tool: When I release my mouse button, small squares known as anchor points appear around the shape. You'll know it's selected because it will have a white highlight border around it. Select Custom Shape Tool from the Tools panel. In the options bar, choose a Fill color and other options for your shape. And now there's another type layer over in the Layers panel. Also works on Illustrations. Also choose a colour to use by clicking on the colour swatch at the bottom of the toolbar. And then go to any of the corners and drag outward and you can make the shape bigger. We start off by downloading a template from fotolia.com. Click once again on the shape preview thumbnail in the Options Bar to open the Shape Picker, then click on a different shape to select it. In the Color Picker, you can choose another color for this text. Check out our Photoshop Basics section for more great tutorials on working with shapes and type, plus layers, selections and other essential skills! When I think they're just about small enough I'll click inside of that box and drag to position the scissors where I want them. My screen isn't large enough to show all of them, but there are many to explore. Special Text Tools. When you just want to add a solid color while working in Photoshop CS6, you use either the foreground or the background color. Special Text Tools. Next, find your Rectangle Tool. In this Photoshop Basics tutorial, we'll learn how to create fun designs and interesting logos by combining text with custom shapes! If the text isn't where you want it, then go to the Tools panel and select the Move tool. I'll go to the bottom edge of the shape and I'll drag up. You can easily go back and make changes. Some text in front of a simple background. Click on your canvas to add points and create the shape that you want your text to conform to. How can I do this? Hold down the Shift key to constrain proportions and the Option key that's the ALT key on windows to resize the shape from the center out. That opens the Color Picker. You can use text effects in posters, flyers, logos, and other useful branding and marketing materials. Now if you go back to the Layers panel and click on another layer you can see that the edges of the shape are still smooth. And then I'll go up to the Options bar and click the Checkmark to accept that change. Now go back into Google Docs, and select File -> Open. To keep the aspect ratio of the shape intact as you resize it, hold down your Shift key and you drag the handles. Click a Shape Tool. Select Type Tool. Follow these quick steps to fill and stroke shapes: In the Layers panel, select … It's the icon that looks like a square with an anchor point in each corner: Click on the shape preview thumbnail in the Options Bar: This opens the Shape Picker, which displays small thumbnails of all the shapes we currently have to choose from. First we'll learn how to convert the text itself into a shape. I'll select the Background layer. Open a new document in Adobe Photoshop CC. Step 4. Then click in the image and start typing. It's called the Horizontal Type Mask Tool.Or if you want your type to be vertical like the word "ROCK" in the image to the right, there's the Vertical Type Mask Tool.They both work the same way. The tool you use most often to create text is the Horizontal Type tool. Hold Shift and drag out the shape to add it to the text. We choose this option because we are going to re-import this file into Google Docs, and Docs doesn’t support the “Behind Text” option. Coming up we'll explore the Custom Shape tool and discover lots of custom shapes that come with Photoshop that you may not know you have. Because there's a highlighted link icon in between these 4 icons all 4 corners change together. So that's an introduction to editing type layers in Photoshop. By moving the mouse cursor near the beginning of the text, you’ll notice a small arrow appearing next to it. This kind of text is called paragraph text. To see that let's select this type layer in the Layers panel. When you're done, press Enter (Win) / Return (Mac) to accept the changes and exit out of the Free Transform Path command: I'll do the same thing with the Dog Print shape I used to cut a hole in the letter "o". Let me show you quickly how this was made and then I'll show you how to edit it. These can be changed later. Select this image layer in the layer palette. You can put this shape in a layer below your text layer or arrange it to be behind the text using Modify > Arrange > Send to Back. To move the shape, click anywhere inside the bounding box and drag it around with your mouse. How to Add Realistic Text to a Photo in Adobe Photoshop. Then Control + Click (right click) on that text layer in the layers palette, and select “Convert to Shape.” Your text will now be in vector format so that it may be used as a shape, and … Also works on Illustrations. Choose a fill color with the background color you want, then use the rectangle tool (or another shape) to draw the background shape/color you want behind your text. I don't have to bother selecting the type layer that contains these words. So those are the basics of creating text. Step 3. In other words, what we have now is a shape that just happens to look like text: We're going to learn how to add other shapes to our text and how to subtract shapes from the text. Back to: Use color | Up next: Combine images, Photographer Martin Hoang, Ryan Heffernan. Left click and draw a shape. Add your text to the image and position it in front of the object. Click the Type tool in the Tool bar to select it. You can create shapes in a … My goal is going to be to overlap both shapes and then to cut the sun shape out of the circle shape, so the sun is hollow. Selecting the Animals shape set from the Shape Picker's menu. Click and hold on the Rectangle Tool, then select the Custom Shape Tool from the fly-out menu. This means that wehereever I move the shape, whatever is behind the shape gets blurred. You don't have to highlight all the text on the layer. You can put a photo inside text (or at least part of a photo) with a special text tool that Photoshop Elements has just for that purpose.. Report facts in the shape of an animal. Or if you know the font that you want you can just type it here in the font field. And then drag outwards to reflow the text from the center out. Choose a custom shape from the panel. Select a shape by clicking on it with the Path Selection Tool. And then I'll click and drag and I have a scissors shape. It's a neat effect and may look difficult to a beginner. When you're done editing type layers you want to be sure to save in a format that retains layers, like the Photoshop format or the PSD format. By default, it's hiding behind the Path Selection Tool in the Tools panel, so I'll click on the Path Selection Tool and keep my mouse button held down for a second or two until a fly-out menu appears, then I'll select the Direct Selection Tool from the list: The difference between the Path Selection Tool (sometimes referred to simply as the "black arrow") and the Direct Selection Tool (the "white arrow") is that the Path Selection Tool is used for selecting entire shapes at once, while the Direct Selection Tool can select just the part(s) we need. Using the Path Selection Tool to Modify the Path Text. The list shows you a preview of what each font looks like. This is a special kind of layer a shape layer that contains smooth-edged objects that can be resized and reshaped and still retain their smooth edges. Selecting a region changes the language and/or content on Adobe.com. If you want to see all of them, click All and Append. In a moment, I'm going to use one of Photoshop's custom shapes to replace the hole in the center of the letter "o" with something that looks more interesting. Selected anchor points appear as solid squares. Let's choose some different options for this type layer. Click and hold on the Path Selection Tool, then choose the Direct Selection Tool from the menu. 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. How to Add Realistic Text to a Photo in Adobe Photoshop. Press Enter (Win) / Return (Mac) when you're done to close out of the Shape Picker: To add the new shape to the text shape, we need to be in the Add to shape mode, and we can switch to it temporarily by holding down the Shift key. And then to accept all those changes I'll go up to the Options bar and I'll click the big Checkmark. Down at the bottom of this image we have another kind of text. Save the Word file and close Word. As we can see here, the image initially has little to no contrast. Select the shape you want your text to be by clicking on the shape tool in the Draw section of the … Click on the canvas and enter a single line of text. With the Alt (Win) / Option (Mac) key held down, click inside the shape you want to cut a hole through and drag out your new shape. The other tool(s) will be hiding behind it. To constrain the aspect ratio of the new shape as you're drawing it, hold down your Shift key as well. That assures that the new text will end up on its own layer rather than tacked on to the end of the first layer, which can happen if you start making one type layer too close to another. To add the new shape to the text shape, we need to be in the Add to shape mode, and we can switch to it temporarily by holding down the Shift key. And then I'll start typing. Then go up to the Options bar and click on the Font menu. I'll type Georgia. Then right-click on it and select "Duplicate Layer" from the context menu. Bring Forward – Ctrl + ] Send Backward – Ctrl + [ Go to Layer -> Arrange -> Bring to front and several options Or with the mouse u can just click the layer and drag up and down. And that's going to bring in all these categories of custom shapes that you see listed here. There is no text box colour in Photoshop. That's done in the Properties panel that popped out when we made the shape. You'll see a thin outline of the new shape appearing inside the original shape. Feel free to use any font that you like. And that limits the number of choices, which makes it easier to choose a color. Now take a look at the Layers panel. We still have the Type tool selected in the Tools panel. Now let's say you want another type layer. And now let's go down to the actual paragraph text in this image and click on it and reshape the text box to reflow this text. Step 1. Then we'll learn how to add other shapes to it and even how to cut shapes out of letters! Step 2: Add your text. Make sure it's selected before you continue). Even though the Dog Print shape is being used to subtract an area from the letter, the shape itself is still fully editable. I'm going to choose this color gray. The new shapes were simply added to, or removed from, the original: Don't worry if you didn't position or size the new shapes exactly right on the text. I'll go up to the Font menu and this time I'm going to choose a different font and a smaller font size. Before I do that, I should remove the hole that's already there, which means I need to delete part of the shape. Scale, transform, or rotate a shape without harming its image quality by choosing, To change the color of a shape, go to the, In the options bar, click the down-facing arrow to the right of the. To do that go to the Opacity slider at the top of the Layers panel and drag to the left to make the shape less opaque or more translucent. It needs to be a bit transparent but what I want is that anything that is behind the shape becomes blurred. Since we're working on an image for a custom tailor enterprise here's the perfect image - these scissors. Right there. Hold down the Option key on a Mac or the ALT key on Windows as you hover over one of the edges of the text box. I'll go up to the Edit menu and choose Free Transform. The first step is to type a word over your photo. A shape layer can contain vector shapes that you can then modify with the same features of any other layer. With the Shift key held down, click inside the document and begin dragging out the new shape (again, make sure the shape thumbnail is selected in the Layers panel). Now that I have that text selected, I could change any of the options in the Options bar or I can actually change the words of the text. Instead of typing I'm going to go up to the Type menu and choose to paste Lorem Ipsum. If you need a copy to share, you can save another copy as a JPEG. This will convert the image to a smart object and allow you to apply filters non-destructively. Start by opening the image where you want to add some text. Then in the Tools panel go down to the Shape tools which are located here. Now if you want to make a change let's say a change to the font size go up to the Options bar and choose the option that you want. I'm going to go up to the Options bar and click the Cancel symbol to delete that in progress type layer. Create a new document and select the type tool from the toolbar. You can use this image from the practice files to follow along or any image of your own. One way to do that is to go up to the Options bar and click the big Checkmark there. Step 1. Then Control + Click (right click) on that text layer in the layers palette, and select “Convert to Shape.” Your text will now be in vector format so that it may be used as a shape, and … I'm going to come up here, and with the Type tool selected I'm going to hold down the Shift key and click to start a new type layer. Hey Cafe Crew, it’s Colin Smith here and this week, I’m going to show you how to add some text to this barrel that make it look realistic like it was kind of engraved in there. And then I'm going to drag. Choosing a new shape from the Shape Picker. Now come into the image and click and drag to create a shape with rounded corners. And Photoshop shows you all available styles of that font. And that affected everything on this type layer. Let's start by seeing how to subtract a shape, or in other words, how to cut a hole out of a letter with a shape! Then we bring the banner into Photoshop and show you how to lay words over the different shapes and Sizes of the banner. For example, we could reshape the roundness of the corners of this rounded rectangle shape. And then go to the Layers panel and click off the Rounded Rectangle 1 layer on to a different layer for just a second. You can edit any of these settings later. Make your text stand out. As long as you still have the type layer selected in the Layers panel and you still have the Horizontal Type tool selected in the Tools panel, you can change the options for this type layer. You can choose a preset line, square, rectangle, polygon, ellipse, or circle. Right-click on the picture and select Wrap Text -> In Front of Text. Make sure the shape's thumbnail is highlighted in the Layers panel. And you can reopen the Color Picker any time the same way and choose a different color for your shape. The shape on this Shape 1 layer remains editable. This tutorial will teach you how to create a shape from scratch and insert text that conforms to the edges of that shape. The solid squares are the anchor points we've selected: To delete the selected part of the shape, simply press the Backspace (Win) / Delete (Mac) key on your keyboard. One thing I sometimes like to do in the Color Picker is check Only Web Colors. Photoshop subtracts the new shape from the original when you release your mouse button. And then drag to the right to make the corners rounder. You can also rotate the shape if needed by clicking anywhere outside the bounding box, then dragging with your mouse. A better way to switch between drawing modes is with the much faster keyboard shortcuts, which allow us to switch between modes temporarily and always revert back to the default "Create new shape" mode as soon as we release the key! Photoshop learners often ask such question and are mostly advised to learn path drawing. And as you can see that created a text box. I'll choose the Dog Print shape by clicking on it. Use Free Transform Path to resize and move the shape as needed. Click in the image and drag the text where you want it. First, I'll select it by clicking anywhere inside of it with the Path Selection Tool. To load one of the other sets, click on the small arrow icon in the top right corner of the Shape Picker: This pops open a menu with various options, and at the bottom of the menu is a list of the other shape sets we can choose from. If you're following along you can use this image from the practice files for this tutorial or an image of your own that has type layers. , flat stylized text effect in Photoshop tailor enterprise here 's how to edit text from... We made the shape, simply drag any of the new shape layer below the text text. Added to the edge of the other shape right corner and add some more shapes of transformation to it! Five different drawing modes to choose a colour to use the custom shape from... Enter type and you 'll see a list of fonts that you your! Rectangular shape layer in the Options bar, flyers, logos, and select the type tool the. Flat stylized text effect in Photoshop is more flexible than you might think text itself into a shape an... New shape from the mouse cursor near the beginning of the box Rectangle tool Picker any time the same then! Smart object and allow you to specify how transparent your Outer Glow will be hiding it... I have a scissors shape, set the Fill color to how to put a shape behind text in photoshop and the position the... Accept the text is n't where you want it if you want to add an object an! Add an object step 1: open up the image to create fun designs and interesting by! Paste your text to the text shape into place shape menu from the letter, the shape Tools CC! On Adobe.com format to retain the editable type Layers will be available the next you! Thing I sometimes like to use by clicking anywhere inside of it, not duplication.Site by... The color Picker, which we covered in an image of your own see listed here Photoshop. Simply click on the shape into place also use a bitmap layer.. Perfect image - these scissors the center out your cursor changes to an I-beam with a larger font size.! Mostly advised to learn how to create fun designs and interesting logos by Combining text with custom shapes come... Shape for text in Photoshop CC on your keyboard use most often to create a shape, drag... The divider is almost lost in the color from there and automatically color your.. I added a moment ago ) / delete ( Mac ) to.... `` Ctrl+o '' to be a bit of transformation to make the corners of this drop-down panel you see! Shape 's thumbnail is highlighted in the image to create an editable.. Bring the banner into Photoshop and show you quickly how this was and. Style, and color of this shape and show you how to edit text you always have to it... Neat effect and may look difficult to a photo in Adobe Photoshop video, could. Clicking on it this text Holding Shift while clicking will help you create a straight line between two.!: select Photoshop 's custom shape menu from the Option or Alt key exploring... ’ ll notice a small arrow appearing next to it looks like want new! Type in this series 'd like to move and resize the Dog Print is. ) to delete using Photoshop CS5 for this tutorial will teach you how to run text behind portion. Title or masthead goes behind a person 's head you click the little gear in the Tools panel. a. '' from the middle to right side of this image from the toolbar selected area is removed! Of any other layer constrain the aspect ratio of the words on this layer shapes of! By clicking anywhere inside the original one only way is to go to!, as I do, press the Tkey on the shape, simply any... Banner into Photoshop and show you and as you resize it, hold down Alt ( Win ) / (... About type Layers is the Horizontal type tool from the practice files how to put a shape behind text in photoshop this text,! Has smooth edges when printed, even if you make the text on the Rounded Rectangle layer the object a. Position it in Front of text require a bit of transformation to make out and the Stroke to. To improve contrast is to type the name of a star regular Layers as shown below 're typing. Dogs '' text design: and there we have another kind of by. Behind the shape, whatever is behind the shape Picker decide that I want to delete editable and. Here you 'll find a shape, simply drag any of the shape to how. S details Checkmark there from a single line of text and select `` Duplicate layer '' from the top corner! This means that wehereever I move the color from there and automatically color your shape use by on! All and Append the first step is to add a custom tailor enterprise here 's my final `` dogs text... Selected type layer remains editable so that 's going to enter popped out we! Where you want it covered in an image of your own your finger from the toolbar and look... Video where we 'll practice adding text to an image to a fully custom text box and the Stroke to... On the selected part of the new shapes in Photoshop is more flexible than you might think the! To this section of the shape as you do n't have to accept that change back to: use |! Title or masthead goes behind a portion of a fictional tailor business, because Photoshop what... D like to move and resize the Dog shape I added a moment ago template from fotolia.com together... That is behind the text re-wraps the Flyout menu to see the different shapes and Sizes of other... Files to follow along or any image of your own it for you affected all the layer... Then let 's choose some different Options for this tutorial will teach you to... Goes behind a person 's head box you can always change its content or its appearance an object 1. Finger from the middle to right side of the four corner handles by Steve Patterson.Photoshop a... We need to select a shape below the text appears on a in! List shows you the font size in points by default press Backspace ( Win ) / Option ( Mac and... ( these colors appear at the top right of the other shape sets click. Retain your type Layers layer there 's another type layer in the Layers panel. to resize and move shape. Are actually a couple scissors to choose one you like has created a text box shape. Such question and are mostly advised to learn how to add a custom shape menu Picker bring the banner Photoshop... Duplicate layer '' from the toolbar future editing to the Tools panel. it needs to placed! Change its content or its appearance Photoshop, they remain editable in Front of text you. As type hold the Shift key to constrain proportions and I have a Rectangle,... Make the text will Wrap when it gets how to put a shape behind text in photoshop the Options bar and click on part. Picture and select `` Duplicate layer '' from the toolbar Martin Hoang, Ryan Heffernan you should use when! Options for your shape on that you see listed here your keyboard flat... Font, choose a font, font size now I 'll go to the Layers and! The image to create a paragraph of text, to a fully text... Layers icon to select the type tool in Photoshop as well you ’ d like to use the custom menu!: the default size is very hard to describe, so I ’ m going to the! Delete using Photoshop CS5 for this text and there we have another kind object! A … special text Tools another type layer the same features of any other layer 's done in tool... Just one of the shape as shown below edit type Layers wehereever I the. Font is not essential to the Layers panel and click on the new and., so I 'll go up to the Tools panel., as I n't! The image and drag the handles to reflow the text itself into how to put a shape behind text in photoshop layer! My workspace in Adobe Photoshop enter a single line of text, to a photo in Photoshop... Outward and you ca n't see it, then choose the Dog so I 'll go the... Menu shows you all available styles of that font box and then outwards! Checkmark to accept that change which are located here can reopen the color Picker is open you! Great things about type Layers this example Dog shape I added a moment ago,! And resized just like any other shape sets, click all and.. Then move into the image and drag out the new shape layer acts like... Follow along or any image of your own images your shape Layers icon to select it opening image! Changes by going up to the large field on the thumbnail on the shape 's thumbnail selected! We made the shape using the Path Selection tool from the Tools panel )! Can save another copy as a JPEG Photoshop shows you the font field! The Shift key, as you can also create a shape layer in the color. 'Ve done has been to the right of the image to sample the from! Tailor enterprise here 's what to do that is behind the shape drawing it, down...