Join Julieanne Kost for an in-depth discussion in this video Exploring headline (point) type, part of Photoshop CC 2017 Essential Training: Design.
- [Narrator] PhotoShop has a powerful text engine that makes adding type to documents quick and intuitive. In this lesson we're going to learn how to add point text and then refine it using the Options bar. To create our headline, we'll select the Type tool. Photoshop does have four different type tools, but we're going to select the Horizontal Type Tool. Just so you know, the Vertical Type Mask Tool and the Horizontal Type Mask Tool just create marching ants or selections, instead of a type layer. So with the Horizontal Type Tool selected, to maker sure that we're all starting in the same place, I'll right click and choose Reset Tool.
If you know the name of the font, you can select the name here, and then start typing it in. I'm going to wait to change the type face so that I can use Photoshop's Instant Type Preview in just a moment. So I'll leave it at Myriad Pro. I do want to change the font size, which I can do by either clicking and using the scrubber slider over the T icons, I can enter in a specific value, or I can select a value from the list. I want this to be center aligned, so I'll select that. And to choose a color for my image, I'll click in the color swatch, and then use the eye dropper to select a darker blue.
I'll click OK. And then click in my image area somewhere around the center and type in calm seas. If I want to reposition the type while I'm still editing it, I can reposition my cursor away from the type, and then click and drag in order to move it. If I want to change the size while I'm re-editing, I can hold down the command key, which will give me the transformation handles. I'll start dragging, and then add the shift key in order to constrain proportions. And I'll reposition it a little bit more.
And to commit to the type, I can click on the check mark, or use the keyboard shortcut command + return on Mac, or control + enter on Windows. All of the text in Photoshop is re-editable. Since I have the type layer selected, if I make a change in the Options bar, it will affect all of the type on that layer. I'll use the command key and the plus key in order to zoom in. And then the space bar to reposition the type on the right-hand side here, so that when I select the font list and I roll my cursor over any of the different type faces that are installed, we can see a preview of that in the image area.
Right now, we're looking at all of the different type faces, but there are a number of different ways to filter your fonts. If you know, for example, that you're looking for a bold font, you can type in bold. And now we only see the bold fonts that I have installed. You'll probably have different fonts installed, so you'll see a different list. I'll then delete the word bold, and filter, instead, by classes. So if I only wanted to see the type faces that look handwritten, I can select that from the list. I'll set that back to All Classes.
If I want to see the fonts that I've installed from Typekit, I can click on the Typekit icon. And if I use some of these fonts over and over again, and they're my favorites, I'll click on the star icon. Then I'll turn off the Typekit filter, and turn on my Favorites filter. So now we just see my favorite fonts. I'll toggle that off. And just point out that when I use fonts in Photoshop, they will then appear in the Recent Font area at the top of the list. I can also filter on similar.
So I started with Myriad Pro selected. When I click this icon here, Photoshop is going to show me the type faces that I have installed that are similar to Myriad Pro. If you have a subscription to the Creative Cloud photography program, then you'll see a more limited list of fonts from Typekit. But if you have Creative Cloud Complete, you'll get a list of the top 20 most similar matches. Both that you have installed, as well as, that you could download from Typekit.
You'll notice, though, that as I position my cursor over these different fonts, I don't get an instant preview. And that's because they're not installed on my machine. I can look at the sample, and if I decide that I want to install one of these fonts, all I need to do is click on the cloud icon. That tells Photoshop to go to the Typekit server and download that font. When it's done downloading it, it'll actually update the type layer that I have selected, with that font. All right, I'll hold down the space bar again, just to reposition the image.
And if I only want to change part of my type layer, I need to click, and then drag over the characters that I want to change. So, for example, if I wanted to change this to water, I can type that in. If I want to change the color, I need to click and select the word. And then I'll use the color swatch in order to change the color to this kind of magenta, and click OK. But when I click OK, Photoshop is reversing out that type to tell me that it's selected.
So instead of the magenta color, I'm getting green. In order to hide that, I can use command + H. That will hide the interface. If I want to see the interface again, I'll toggle it with command + H. Now if I want to make these changes, I can click on the check icon. But, if I want to cancel out of them, then I'll click the icon to the left in order to escape, or to cancel, those changes. Now I'll tap the V key in order to select the move tool. And just reposition this in my image area using the smart guides.
When I've got it center-aligned, I'll go ahead an release the cursor. Now, one last keyboard shortcut. Even though I have the move tool selected, if I want to quickly select all of the type on a layer and select the type tool, I can just double-click on the T icon in the Layers panel. I'm going to change this back to Myriad Pro. And I'll choose 48 for the point size. I'll click the check mark in order to apply that. And then do a quick File, Save As.
I'll append this with an underscore 01, saving it to the same folder as a Photoshop document with layers, so that we can use it in the next video. I'll click Save. And there you are, a quick overview of headline type in Photoshop.
Photoshop CC is loaded with tools and features for making tonal and color adjustments, applying effects and treatments to type and graphics, and distorting, filtering, and layering elements, while always maintaining the highest-quality output. This course shows the most efficient ways to perform common design tasks, including layout, image editing, drawing shapes, and working with type and fonts. Along the way, you will learn the secrets of nondestructive editing using Smart Objects and master features such as layers, artboards, libraries, adjustment layers, filters, blending modes, layer effects, typography, custom brushes, vector masks, and much more—increasing your productivity every step of the way.
- Working with Smart Objects
- Warping and creative transformations
- Reshaping images with Liquify
- Using filters, including blur and patterns
- Creating and modifying shapes
- Applying blend modes
- Applying layer effects and layer styles
- Working with type and fonts
- Painting in Photoshop
- Using and sharing libraries
- Taking advantage of artboards
- Exporting and sharing Photoshop files