Text is not just the gray stuff that goes around images and line art. In this video you will learn how to use the Text tool and the Properties panel to reinforce your communication objective.
- [Instructor] Obviously, having some gibberish in here, in the card, just doesn't tell anybody anything, so we're going to have to replace that with something, so what we're going to do is we're going to delete it, right there, we're just going to delete that little text block there, and I'm going to show you how to bring text into XD. What you do is, you go to File, Import, and I want you to head over to your Chapter two exercise folder, and you'll see that there is a Lorem text file in here, so you can write in the text, save it as a text file, and bring it in, or you can actually just choose the text tool and enter your own text.
This is the easier way of doing it. Click Import, and you can see, there it is, right there. So if I just pull it over. Now, there's a lot of text there. So, the first thing I want to do is change the font. We're going to change the font to Helvetica, and the other thing we're going to do is knock it down in size, we're going to make it 14 pixels. And we'll keep it flush left, but we're going to get rid of some of the text in here, so we'll just take it down to this little li-- We'll take it down to right here.
So we just select the text you don't want, press the Delete key, there you go. Now, what we're going to do is just drop the text in place, and you can see we got all this extra room here, so you just push it up. And if you want to keep the text away from stuff, you can see that by moving the edge of the text block in, you can actually affect its look. Okay, so we got that done. Now, what we're going to do is change the color of the text. We're going to make it a lot darker. So, we'll just come down here, make it a little bit darker.
And if you want, one of the things you can do here is either track out the text, so that means add space between the letters, or you can add space between the lines. In this case, I think we need the space between the lines. So you just select the 17, and if you use the up arrow, or you can just type it in, I use the up arrow, just so I can see that it's got a little bit of air to it. And it's still a little bit on the long side, so I'm just going to pull this in. There we go, that's a little bit better. And we got the text in place, and I'm going to just pull it over so that it's 15, 30 pixels from the edge.
And we're good to go. So what we've done here is we've imported text, we've imported a text file, you can bring it in as a text block. And then, I've shown you how to use the various text features in here. Now, one of the things you don't have access to is Typekit, and you don't have access to Google Fonts. This only works with the fonts that are installed on your computer.
- Navigating the XD interface
- Using artboards and grids
- Adding content to layers
- Using the Repeat Grid feature
- Adding interactivity to a project
- Exporting content
- Sharing your work
Skill Level Beginner
Q: This course was updated on 11/29/2017. What changed?
A: New videos were added that cover the XD Assets panel, Experience Design symbols, Creative Cloud Libraries, and pinning comments.