When you add text and shapes in Adobe Photoshop CC, they remain editable, and you can customize them down to the smallest detail.
When you add text to an image in Photoshop CC it automatically appears on a special kind of layer called a type layer. Text on a type layer remains editable so that you can always change its content or its appearance. And it has smooth edges when printed, even if you make the text a lot bigger. In this video we'll practice adding text to an image. You can use this image from the downloadable practice files for this tutorial or an image of your own. The tool you use most often to create text is the Horizontal Type tool. You can select it here in the Tools panel. Then go up to the Options bar and click on the Font menu. Here you'll see a list of fonts that you can scroll through to choose one you like. The list shows you a preview of what each font looks like. Or if you know the font that you want you can just type it here in the font field. I'll type Georgia. And Photoshop CC shows you all available styles of that font. I'll choose Georgia Bold. If you don't have this font, choose a font of your own. Next let's set the font size. This menu shows you the font size in points by default. By the way: The default size is very small on a large image like this. If you ever enter type and you can't see it, that's probably why. So just try again with a larger font size. 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. I'll choose a large font size. Let's use white for the text we're going to enter. To set the font color go up to the Options bar and click the Font Color field. That opens the Color Picker, which we covered in an earlier tutorial in this series. To select white here go to the large field on the left and click on white and then click OK. If you want to type uppercase letters, as I do, press the Caps lock key on your keyboard. Then click in the image and start typing. I'm going to type the name of a fictional tailor business. You can type any name you like. After you enter or edit text you always have to accept it. One way to do that is to go up to the Options bar and click the big Checkmark there. If the text isn't where you want it, then go to the Tools panel and select the Move tool. Click in the image and drag the text where you want it. Now take a look at the Layers panel. You'll see that Photoshop CC has created a new layer for you and has even named it for you. The T icon on the layer indicates that this is a special re-editable type layer. Now let's say you want another type layer. Using multiple type layers will let you work with and position each one separately, just like regular layers. So let's go back to the Tools panel and select the Horizontal Type tool again. Then move into the image and hold down the Shift key, as you click to start a new type layer. 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. Let's choose some different options for this type layer. I'll go up to the Font menu and this time I'm going to choose a different font and a smaller font size. And then I'll start typing. You can type what you like. At the end of the first line I'm going to press the Return or the Enter key on the keyboard to add another line of type on the same type layer. When you're finished typing, go up to the Options bar and click the big Checkmark. 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. 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. Then select the Move tool in the Tools panel and click on the new text and drag it where you want it. And now there's another type layer over in the Layers panel. When you're finished, go to the File menu and choose Save As... In the Save As dialog box it's important to save in the Photoshop format and to leave Layers checked in order to retain your editable type layers in this working version of the file. If you need a copy to share, you can save another copy as a JPEG. But the JPEG won't retain your type layers. So those are the basics of creating text. Stay tuned for the next video where we'll see how to edit text.
What you learned: To add text
- In the Tools panel, select the Horizontal Type tool.
- In the options bar, choose a font, font size, color, and other options for your text. You can edit any of these settings later.
- Click on the canvas and enter a single line of text. You can also create a paragraph of text by dragging out a text box and then typing inside the box.
- Click the check mark in the options bar to accept the text and exit text mode.
This automatically creates a new, editable type layer in the Layers panel.
- Use the Move tool to move your text into position in the image.
- Save your image in the Photoshop (PSD) format to retain the editable type layers for future editing.
Make changes to text in an image.
One of the great things about type layers is that they remain editable. And that's true even after you've saved and closed and reopened a document as long as you saved it in a format that retains layers like the Photoshop format. In this video, we'll look at some ways to edit type layers. 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. If you want to change all of the text on a type layer the same way then here's what to do. Go to the Layers panel and select the type layer. Then go over to the Tools Panel and select the Type tool. You don't have to highlight all the text on the layer. 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. So, I'm going to type in a different point size here in the Font Size field. And that affected everything on this type layer. The same is true if you have multiple lines of type on a layer. To see that let's select this type layer in the Layers panel. We still have the Type tool selected in the Tools panel. So, we'll go up to the Options bar and we'll click on the Font Color field. In the Color Picker, you can choose another color for this text. I'll move the Color Picker over so that we can see the text. One thing I sometimes like to do in the Color Picker is check Only Web Colors. And that limits the number of choices, which makes it easier to choose a color. I'm going to choose this color gray. And you can see that that affected all the text on the selected type layer. 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. And then I decide that I want to change just one of the words on this layer. I don't have to bother selecting the type layer that contains these words. All I have to do is select the Type tool in the Tools Panel. And then come into the image and click and drag over the portion of that text that I want to change. And that automatically selects the correct type layer 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. So, I'm going to type FINE CLOTHING instead of CUSTOM CLOTHING. And then I'll go up to the Options bar and click the Checkmark to accept that change. Down at the bottom of this image we have another kind of text. If I click on that you can see that a type layer is selected and on this type layer there's a text box. This kind of text is called paragraph text. Let me show you quickly how this was made and then I'll show you how to edit it. 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. And then I'm going to drag. And as you can see that created a text box. Now you can just type in this box and the text will wrap when it gets to the edge of the box. Instead of typing I'm going to go up to the Type menu and choose to paste Lorem Ipsum. Just so that we have something to see in that box. Now if I change the shape of the box you can see that the text re-wraps. I'm going to go up to the Options bar and click the Cancel symbol to delete that in progress 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. 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. And then drag outwards to reflow the text from the center out. Then release your finger from the mouse or trackpad and release your other finger from the Option or ALT key. And I've managed to reflow the text from 3 lines to 2 lines while maintaining the position of the text box in the center of the screen. Now I'll go up to the Options bar and click the Checkmark to accept that change. 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. So that's an introduction to editing type layers in Photoshop CC. Try these techniques on some of your own images.
What you learned: To edit text
- 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. Make a change to any of the settings in the options bar, such as font or text color.
- When you’re finished editing, click the check mark in the options bar.
When you want to make an object that has a geometric shape like a rectangle or a circle you could use one of the Selection tools and fill it with color. But there's another way to make a shape that gives you more flexibility and that's to use one of the Shape tools. To see how it works open this image from the practice files for this tutorial. Then in the Tools panel go down to the Shape tools which are located here. Click the Flyout menu to see the different Shape tools. I'm going to choose the Rounded Rectangle tool. Using this tool will automatically create a layer in the Layers panel. So, go over to the Layers panel and select the layer above which you want your new shape layer. I'll select the Background layer. Now come into the image and click and drag to create a shape with rounded corners. Photoshop CC has made a new layer over in the Layers panel. 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. For example, we could reshape the roundness of the corners of this rounded rectangle shape. That's done in the Properties panel that popped out when we made the shape. Come down to this section of the Properties panel and hover over any of the Corner icons. And then drag to the right to make the corners rounder. Because there's a highlighted link icon in between these 4 icons all 4 corners change together. Let's close the Properties panel by clicking the double pointed arrow at the top right of the panel. And then go to the Layers panel and click off the Rounded Rectangle 1 layer on to a different layer for just a second. And as you do take a look at the rounded corners and you can see how smooth they are. Let's click back on the Rounded Rectangle 1 layer again to see that we can also change the size of the entire shape and still retain the smooth edges. I'll go up to the Edit menu and choose Free Transform. And this time it says Free Transform Path, because Photoshop CC knows what kind of object we have on this layer. 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. And then go to any of the corners and drag outward and you can make the shape bigger. And while we're still in Free Transform let's change the shape of the shape. I'll go to the bottom edge of the shape and I'll drag up. And then let's accept these changes by going up to the Options bar and clicking the Checkmark. 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. Let's click on the Rounded Rectangle 1 layer one more time to move the shape into place. 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. One of my favorite things about shape layers is the way that you can change the color of a shape layer on-the-fly. Go over to the Layers panel and double-click on the thumbnail on the Rounded Rectangle Layer. That opens the Color Picker. As long as the Color Picker is open when you move out into the image your cursor changes to an Eyedropper. And you can click on any part of the image to sample the color from there and automatically color your shape. Click OK to close the color picker. And you can reopen the Color Picker any time the same way and choose a different color for your shape. In many ways, a shape layer acts just like any other layer. For example, you can change the opacity of a shape layer. 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. 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. That way your shape layers will be available the next time you open the file so you can make changes to them. Take some time to experiment with some of the other Shape tools that are located in the same place in the Tools panel. Like the Ellipse tool which you can use to make ovals and circles. Coming up we'll explore the Custom Shape tool and discover lots of custom shapes that come with Photoshop CC that you may not know you have.
What you learned: To create a shape
- In the Tools panel, click and hold the Rectangle tool (or whichever Shape tool is showing in your Tools panel at the moment) to view all the shape tools. Select a tool for the shape you want to draw.
- In the options bar, choose a Fill color and other options for your shape. These can be changed later.
- Hold the Shift key to avoid distorting the shape as you drag in an image to create an editable shape. This automatically creates a new shape layer in the Layers panel.
- Use the Move tool to move the shape into position in the image.
- Scale, transform, or rotate a shape without harming its image quality by choosing Edit > Free Transform or pressing Control+T (Windows) or Command+T (macOS).
- To change the color of a shape, go to the Layers panel, find the shape layer you want to change, and double-click the thumbnail on that layer to open the Color Picker. As you click colors in the Color Picker, you’ll see a live preview of the selected color on the shape. When you find a color you like, click OK to apply the new color to the shape.
Add a custom shape to an image.
One of the easiest ways to add an object to an image is to use the custom shapes that come with Photoshop CC. If you haven't discovered the custom shapes here's how to find them and apply them. You can use this image from the practice files to follow along or any image of your own. In the Tools panel go down to whichever shape tool is showing at the moment and press and hold and from the Flyout menu select the Custom Shape Tool. Go up to the Options bar for this tool and over on the right you'll find a Shape Picker. Click on the Shape Picker and you'll see some icons of a few custom shapes but there are lots more. If you click the Gear icon on the right side of this drop-down panel you'll find a long menu. From there choose All. And that's going to bring in all these categories of custom shapes that you see listed here. If this message appears click OK. Now go to the bottom right corner of the panel and drag down and to the right to stretch out the panel and see all the shapes that are there. My screen isn't large enough to show all of them, but there are many to explore. Since we're working on an image for a custom tailor enterprise here's the perfect image - these scissors. And there are actually a couple scissors to choose from. 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. Before I draw out these scissors shape with this Custom Shape tool I'll take a look at the Layers panel and I'll make sure that I've select a layer above which I want the new shape layer that Photoshop CC will make to be created. I've got the Background layer selected. I'm moving to the image and I'm going to hold down the Shift key to constrain proportions so the scissors aren't distorted. And then I'll click and drag and I have a scissors shape. I can change the size and the position and the color of this shape. Let's change the color to white. To do that I'll go over to the Shape 1 layer that just appeared in the Layers panel and I'll double click the thumbnail on that Shape 1 layer to open the Color Picker. And then I'll select white and I'll click OK. To make the scissors smaller I'll go up to the Edit menu and I'll choose Free Transform Path. And then I'll hold down the Shift key to constrain proportions and I'll drag in to make the scissors smaller. 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. Right there. And then to accept all those changes I'll go up to the Options bar and I'll click the big Checkmark. I'll go over to the Layers panel and I'm going to click on a layer other than the scissors layer to see the result. So, as you've probably discovered the Custom Shape tool works just like the Rounded Rectangle tool that we covered in the last video in this tutorial as well as all of the other shape tools. The shape on this Shape 1 layer remains editable. So, you can change the color, the size, the position and more anytime you want as long as you save in a format that retains layers like the Photoshop or PSD format. So, have fun exploring and applying a lot of the other custom shapes that come with Photoshop CC.
What you learned: To add a custom shape
- In the Tools panel, click and hold the Rectangle tool (or whichever Shape tool is showing in your Tools panel) and select the Custom Shape tool.
- In the options bar, click the down-facing arrow to the right of the Shape picker. To view all the custom shapes that come with Photoshop, click the gear icon on the right of the Shape picker, choose All from the menu, and click OK in the message that appears. Then click the bottom right corner of the Shape picker and drag it out so you can see all the shapes.
* Nguồn: Photoshop CC
Ý KIẾN THÀNH VIÊN