nomadgate.blogg.se

Adobe xd tutorial for beginners
Adobe xd tutorial for beginners






adobe xd tutorial for beginners
  1. #Adobe xd tutorial for beginners how to#
  2. #Adobe xd tutorial for beginners windows#

Now, if you've ever been on a Typekit website, you kinda know how to get around. Now if I go to fonts, we can go and basically sync fonts from Typekit. And you're gonna see that we have files, fonts, and what's called market. On Windows, it's gonna be down in the system tray. I'm gonna come up to the Creative Cloud desktop app. What we're gonna do is we're gonna go out and find some fonts, okay? To do that, you can go to Illustrator, Photoshop, InDesign, just about any program, and pull those fonts down. So, if I wanna use Typekit fonts, let's say you're a Creative Cloud member, and you have access to Typekit. If you have fonts that you want to use, that are web specific, app specific, whatever it happens to be, what you're gonna do is you're gonna go out and you're gonna pull them down from some other source or some other way.

adobe xd tutorial for beginners

We're not gonna do that within XD, I should say. Now as far as fonts are concerned, if we wanna bring in a font, and we wanna use that on our text, we're not gonna go out and pick, let's say a Typekit font. You can click on the font family menu over there and you can see all the different types of fonts. So, if you wanna try a different font, you can do that. It's S-E-G-O-E I think, something like that, U-I. Now on Mac, it's actually Helvetica Neue, on Windows, if I'm pronouncing this correctly, it's Segoe UI.

#Adobe xd tutorial for beginners windows#

The different text formatting, okay? Now the text formatting, you're gonna notice that we actually have a different font for Windows than we do for Mac. If you look on the right, you're gonna see the text properties that we can change. Now with that selected, either dragging across or the object selected. Or, if you press escape like you had, you can change the formatting for that text with the object selected. You can either click a bunch of times to select the text, or drag across it. Now, what I wanna do is I wanna change a little bit of the formatting out there. If you're designing on the fly, and you wanna work a little bit faster, that type of thing, you can do something like that. This is a great way for us to visually change the size of the text. Come to that dot, and click and drag, and watch what happens. And let me zoom into this so you can see it a little bit easier. If you press escape right now, it's sort of like selecting the select tool, okay? Look out there, you're gonna see that you now have a dot at the bottom, alright? Now, what we can do is, you can actually come to that little dot at the bottom of the text. But there's kind of a cool thing with point type. You can do all your stuff if you want to. Now once you create the text, you're gonna see that you can go in and select it. So, we can use this to our advantage for a lot of different cases, or a lot of different things. Now the point type is, it's really good for headlines, for button copy, different things like that.

adobe xd tutorial for beginners

Now, when we type in text like this by clicking, we're actually creating what's called point type. Your guide, I'll just go out, your guide to the world. So, with that out there, let's just type in, I think I've got something I wanna say here. And, we're gonna create a little bit of text out here. So what I'm gonna do is just click to start. I'm gonna do that off the left edge over here. It's very much, like I said, like Illustrator. We can go in and we can start to draw a text frame if we want to. Now, to create text out here, there's a couple different things we can do. And what we're gonna do is we're gonna draw or. So once you come to the text tool, click on that. So look on the left side over there and you're gonna see the text tool. So, what we're gonna do is go in and start to work a little bit with that content. And we're gonna add a little bit of text to this now, okay? And do a little bit of style formatting, that type of thing. Move things around a little bit, there we go. And I'm gonna kind of just reorganize things a little bit. You can also, if you want, you can zoom in, zoom out, do things like that. So, come over to the home screen, you can press the space bar, get to the hand tool. Then we're gonna bring in text and put a bunch more on one of the other screens. So, with text, it's gonna be similar to working with text in Illustrator, okay? So what we're gonna do is we're gonna put a little text in the home screen. How that works, and talk a little bit about styling as well. So we're gonna talk a little bit about text.








Adobe xd tutorial for beginners