Discover how to customize a title for your design project using Photoshop. This includes the process of manipulating text layers, choosing appropriate font types, and adjusting size, tracking, and color to create a visually appealing title.
Key Insights
- The article takes you through the process of creating and styling a title using Photoshop, starting from copying the title text from your document to adding it to your file as a text layer.
- Strategies for enhancing the title's visual impact are discussed. This includes adjusting font size and style, making the text bold, changing letter case, and altering the tracking for a balanced look.
- The article guides you on maintaining brand consistency by using the same colors from your previous work. It demonstrates how to sample colors from your previous banner, save them as swatches, and apply them to your current text to create a harmonized design.
Note: These materials offer prospective students a preview of how our classes are structured. Students enrolled in this course will receive access to the full set of materials, including video lectures, project-based assignments, and instructor feedback.
In this video, we'll be adding a title as well as working on our logo. Let's begin by looking at our layers.
As we look at these top three layers, we see that they're currently off of our artboard and out of the Icons grouping. To change this, we can simply select the Icons grouping, move it outside of the artboard, dragging it to the top, and now let's move all three of our icons back into this grouping. Now let's begin working on the title.
As we may remember from our copy document, the title is Our Brand Is Your Benefit. We can copy this text by highlighting it and pressing CTRL+C. And now going back into our PTC Banner 2 file, we can create a text layer by clicking and dragging from the top, and let's drag it all the way over to the right-hand side.
When we release, we're going to see that it's filled with Lorem Ipsum, and now we'll hit CTRL+V to paste our text. Let's do a little bit of stylizing right now. Starting by working on this text, it's simple, it's got a few words, so we really want this title to stand out.
And the first thing we're going to do is simply increase the size in our Options bar. We can increase the size by dragging up if we hover over the T and see these two arrows. Let's drag it up and we'll leave it at about 180.
Next, let's change up the font a little bit. Currently, mine is set to Nevis Bold; however, let's double-check our other font that we've downloaded. I like the look of Nevis Bold, but we always want to double-check through our options.
We'll go to our Options bar and we'll select the font, and let's start typing Chivo, as that's what we used in the past. We scroll down through our Chivo options, we can see how this might look. In this case, looking through these, I actually like the look of Nevis a little bit better, so we'll again highlight our font by double-clicking it and type Nevis.
We'll select Nevis Bold, and this will be our title. Next, let's work on stylizing a little bit more. We'll hover over "Our Brand."
Let's make these all capitals. We could simply type out the words, hold Shift so it's all caps, or if we select the Character and Paragraph panel in the Options bar, we can select All Caps with the two uppercase T's. I like the look of this a lot more with "Our Brand" being very bold up top, and then "Is Your Benefit" being right below it.
With this text now centered, I think this is a good look. Finally, let's select "Our Brand" and let's just spread it out a little bit more. We'll change the size of it to 200 in our Character panel, and hit ENTER.
And I like that this is a little bit bigger. Let's now simply stretch out the spacing of it by going over to the right and selecting the tracking. We'll drag the tracking up just a little bit, and we'll leave it at 200.
Let's click outside, see what it looks like, and I like the look of this. Our Brand Is Your Benefit. Let's hit CTRL+S on the keyboard, to save our work so far, and next let's change the color of our text.
Because we want the same brand consistency, we're going to maintain the same colors as our last banner and as our logo. So let's open up our last file by going to File, then Open, and in this case we're going to be opening up our PTC Banner 1 file. We'll select it, and click Open.
Even though we've already completed Banner 1, this banner can be helpful because we can go back and look at the branding and the colors and create some color guides for future banners. In this case, let's create some swatches with the colors we have here. To do this, we're going to go to our Eyedropper tool on the far left-hand side, and we're simply going to first select the dark color on top.
With this color selected, we're going to create a swatch. We can do this a couple different ways. The first is if we go to our Foreground color, we can double-click it, and we'll see a window come up for our color picker, Foreground color.
In order to add this as a swatch, we can simply select Add to Swatches. We'll then give this color the name PTC for Phase 10 Construction Dark, and we'll hit OK. If we now go into our libraries, we'll see on the top right-hand side that we have PTC Dark added right here as a swatch.
We'll click OK. And you may already have other swatches from other projects. In this case, it'll be labeled PTC so we can remember it's Phase 10 Construction.
Let's add a couple other colors. We'll make sure that we still have our Eyedropper tool selected, and next let's add this green color from the logo as an additional swatch. In this case, we're going to add this color as a swatch in a little bit different way.
We can add it from the Foreground color like we did. We could, if we had it selected as the Background color, add it as the Background color, Add to Swatches. In this case, we're going to add it straight from our Color panel.
We go to the top right-hand side. We'll see that this green color that we've selected is also up on the top right-hand side. If we double-click this Foreground color from the Colors panel, we can again click Add to Swatches.
We'll name this PTC Logo and hit OK. If we go into our Libraries, we can see that we now have the dark color and the PTC Logo color. As a final addition, let's add the blue color as well.
We'll go to the blue. We'll select the blue with the Eyedropper tool, and this time we're going to add it one different way. We're going to click OK for the Foreground color, and now if we go into our Libraries panel, we can click on the Plus icon, which means Add Content, and with this as our Foreground color, we can select Foreground color.
It's now added this color as a swatch. If we'd like to rename it, we can right-click it and select Rename. We'll title this PTC Blue and hit ENTER.
Looking at our library, we now have all three of our PTC logo colors, so we can close out PTC Banner 1 since we've already received what we came for. We don't need to save it because we haven't made any modifications, but we'll click No, and now working within PTC Banner 2, we look at our library, we still have all three of these colors. Next, let's change the color of "Is Your Benefit."
We're going to be selecting our PTC Blue, making sure that this is our current Foreground color, and next let's double-click "Our Brand Is Your Benefit" so we can edit the text, and we'll highlight "Is Your Benefit" specifically. We'll go to our Fill color, and in this case, we're going to be selecting from our Foreground color. We'll click this and click OK.
We've now changed the color of "Is Your Benefit." We're now going to change the color of "Our Brand." To do this, we're going to first select PTC Dark, making sure that it's our Foreground color.
We'll go to "Our Brand, " double-click and highlight just "Our Brand." Next, we'll go to the Fill color in our Options bar, and we'll select our Foreground color and click OK. We've now changed the color of "Our Brand" and "Is Your Benefit."
Let's save our work using CTRL+S on the keyboard, and in the next video, we'll begin adding shapes. See you there!