Master the use of type tools and learn how to add text to a logo with ease and professionalism. This article guides you through the process of adjusting the artboard, selecting the appropriate type tool, adding and customizing text, including selecting font size and typeface, and aligning text to enhance your designs.
Key Insights
- This guide provides detailed steps on using type tools to add text to a logo. It starts with adjusting the artboard to create space for the text and selecting the appropriate type tool for horizontal text typing.
- The article emphasizes the customization of the text, including changing the text size, selecting a suitable font or typeface from Adobe Cloud's library of fonts, Typekit, and the ability to preview different font options.
- Additional customizations such as text alignment, color adjustment, capitalization, height and width adjustment, and spacing are also discussed. The guide ends with tips on repositioning the text for a perfect fit.
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 going over type tools as well as adding text to our logo. Let's begin.
The first thing we'll want to do is add a little bit more space to our artboard to add text. This is as easy as clicking artboard and going to properties above where we'll add to the height of our artboard. We can double click the height and we'll type 2400 to give us 400 additional pixels.
And there we can see we now have room to add text to our image. Next let's go over some of the type tools. If we go to our tools bar we can select the first type tool which is our horizontal type tool.
With this type tool we can use it simply by clicking on our artboard and typing. In this case we'll type phase 10 construction. And we'll see that as we type the type tool continues typing horizontally for our text.
Let's select this layer and delete it for now. And click yes. In addition we can use this tool simply by clicking and dragging our bounding box or the box that our type will be contained in.
If we click and drag a box we can type again and we also have the ability to change the size of our bounding box by adjusting the corners or sides. In this case I'll drag it to both ends and when we go to our properties we can now center this text. And we'll click outside layer one to view what we have.
We'll obviously need to do a little work customizing this text for our logo so let's get started adjusting it. We'll select phase 10 construction again and next we'll want to this specific text. We can do this by double clicking the text and then hitting control a on our keyboard to select all of it.
The first thing we'll change is our text size. If we go to our options bar we can adjust the size by clicking the drop down. We'll adjust it to 24 points.
Next we can adjust our font or typeface. If we click the drop down we'll see that we have many different font options available to us. As we hover over each of these we'll see that we also have the ability to preview them in our artboard.
In addition to these fonts we have additional fonts through Typekit. Typekit is essentially Adobe Cloud's library of fonts that through a Creative Cloud membership we're able to activate or deactivate. If we click the Typekit icon found on the top right hand side of the window we'll see that an internet browser comes up showing us the Typekit library.
With this browser open we can view different fonts and in addition we can set different filters and priorities for the type of font we're looking for. On the right hand side we'll see that we can activate these fonts to be able to be used within the Adobe Creative Cloud applications. So let's find a font for phase 10 construction.
The first thing we'll do is double click our sample text and let's type phase 10 construction. Next we can add a couple filters for the type of font we're looking for. I'll select mono and I'll select something with a bit heavier weight.
In addition feel free to set your own filters and find a font that works for you. As we scroll through and preview some of these fonts we can evaluate what will best fit our logo. For me I like the look of this one, Furo Mono, so I'll click activate font and click ok.
This font will now be active when I use it in Photoshop. We'll close this window and now with phase 10 construction still highlighted we can go to our fonts in our options bar and when we scroll up to Furo Mono we'll see that it's available to us with the icon Typekit next to it indicating that it's a Typekit font. Let's go through a couple other options to customize our font.
If we go to our options bar we see that we have a couple different changes to the size and weight of our font. In addition how we want to align it and here we can change the color of our font. In addition let's select our character and paragraph panels and we'll see that it pops up to the right with many more options.
For example if I want to capitalize the entire title I can click on the all caps icon and in addition we have many other opportunities. For example we can change our height or we can change the width. In addition we can change our spacing.
If we click with the two arrows to the left and right we can drag to the left or to the right. I like the additional spacing of this so I'll change it to 180. Next let's drop construction down to the next line.
I'll hit backspace and then enter so that we have phase 10 on the top and construction below. The final thing I want to do is increase the size a little bit and space it out so that phase 10 and construction both take up the same amount of width roughly to our guides. Let's first start by highlighting phase 10 and let's increase the size to 36.
We'll drop it down just a little bit to 35. And this looks pretty close to our guides. Next let's take construction by highlighting it and we'll increase it to 30.
However that's too big so we'll drop it down to 26 and that looks pretty close. We can see that phase 10 and construction now take up roughly the same amount of space below. Next let's move it a little bit higher so it's right below the logo.
We'll click on phase 10 construction text layer, hit CTRL T to transform it, and then we can simply use the arrows on the keyboard to move it to an appropriate location. I'll click outside of phase 10 construction and here we can see we've added our title and we've completed the logo. Nicely done.
Let's save our work hitting CTRL S on the keyboard and in the next videos we'll begin creating marketing materials. See you there!