Discover the art of enhancing your visual content as you learn to manipulate photographs and stylize text using Photoshop. This article provides detailed instructions on how to make your central image more pronounced and change text properties such as size and font.
Key Insights
- The article describes how to resize and reposition an image in Photoshop to make it the focal point of the design. This involves selecting the thumbnail of the photo, using the transform function (Ctrl T), and dragging the photo to the desired size and position.
- Readers are also guided on how to stylize text, including adjusting the size, aligning it with guides, and changing the font. This includes reducing the text size from 140 to 70, and then adjusting it to 90 to fit within two lines.
- The article introduces the use of Typekit for accessing a library of fonts. Specifically, readers are taught how to add the font Century Gothic to their text and are informed they can add any font they prefer if they're unable to add Typekit fonts.
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're going to resize our photograph as well as do some stylizing of our text. So let's start with the photo.
We've just imported the Construction Worker Adjusted photo into our frame, and it works nicely within this diamond. However, let's zoom it in a little bit so that we can see the construction worker more in the center of the frame. To do this, we're going to select the thumbnail of the photo and then we'll hit CTRL+T to transform the image.
As we can see, when we drag it around, it will be contained within the diamond. And so in this case, we're simply going to drag out and expand the photo so that we can clearly see him in the middle. For this, let's make sure that he's really large within this frame.
As the highlight and emphasis are really about him, we'll center him here and hit ENTER. And this looks pretty good. He's centered, we can see him in color, we can tell that the background is black and white, and we can see the "P" on his helmet for Phase 10 Construction.
I think we've now finished adding him to the frame. Next, let's do a little bit of stylizing for our text. We'll use the Horizontal Type tool to do this, and let's start working with this text right below to start.
If we double-click the text and hit CTRL+A, let's change some of the size of this text. First, let's contain it to the guides between the icons on the side. We're going to drag our text box holding ALT until they line up with the guides in the middle.
Next, let's reduce the size of our text. We're going to reduce it from 140, and instead we're going to make it 70, going to our Options bar and typing 70, and hit ENTER. This is probably a little too small, so let's drag it up.
And the goal will be to contain it on two lines. This looks like a good size, 90 points, and let's change the font as well. We've worked with Nevis.
We've also been given the other option to work with Chivo. However, let's add one more font. This time we're going to be adding a font from Typekit.
We'll click on the Typekit icon on the top right, and we'll see that a window comes up allowing us to view a library of different fonts available through Typekit. While we could go through different classifications and choose a font that we feel like works best, we're going to search for the font Century Gothic. We'll begin typing it up top, and we'll select it below.
Next, with this text available to us, we can activate it on the right-hand side. We'll click activate all fonts, click okay, and we now have the Century Gothic fonts available to us within Photoshop. Let's close this window, and now let's change our text to Century Gothic.
If for whatever reason you're unable to add Typekit fonts, please feel free to add whatever font you'd prefer. In this case, we'll be adding Century Gothic. With it highlighted, we'll go to the top, and we'll begin typing Century Gothic.
We can scroll through the different options, and in this case, I like the look of the regular Century Gothic. I'll click outside, and I think this looks good. Let's move our text box down just a little bit using the Move tool from our Tools bar, and we'll click and drag it down while holding Shift, so we have a little separation.
In addition, let's move all of these icons and their titles up. To do this, we can click and drag a selection box, selecting all of the icons and elements within this, and if we click and drag while holding Shift, we can drag it up. We'll click outside the artboard to deselect these layers, and we'll drop this down just a little bit until it's well spaced to your liking.
Next, let's change up the font on the bottom. To do this, we'll double-click the font, and now let's change this font to be Chivo. We'll go to our Options bar.
We'll type Chivo, and in this case, let's make it bold. This gives us a strong look for our text, and when we're ready in the next video, we'll change this text out. Our artboard is starting to come together here.
We'll have a couple modifications left, and then we're ready to export. Let's save our work using CTRL+S on the keyboard, and then we'll go ahead and export, and in the next video, we'll finally insert the correct font and export our artboard. See you there!