Hello UI designers. Uh, what we're gonna do now is get these icons just kind  of aligned nicely and balanced in these columns. Alright, let's go do it. Okay. First up, I want to turn my guides back on. That's Command Semicolon or Control Semicolon on a pc.

Zoom out a little bit and I'm gonna, I'm gonna get a,  I'm gonna go to command A one okay. Or control one on a PC to go to full screen. 'cause I want to get a sense of how big I want these to be. And I think these guys are a bit too large for social icons  'cause that's this, we're at the size it's gonna be  displayed at for a website. So I'm gonna make mine a little smaller. Okay?

The order of them, okay. The weight of this works is,  let's put Facebook say is my most important one  and let's say Twitter's next. And just get them in a kind of a rough order. Doesn't have to be beautiful. Okay? And then your last one and your last one.

It's the first one and the last one. And they're important. Okay, so I'm gonna get these guys to span one kind of,  what's they four columns. Okay. So we've got them in some  sort of order after each other. I'm gonna select all of them.

Okay? Then along the top here, if you can't see this,  say you're working on a really tiny screen, you might have  to go to Window A Align, okay? And there's a whole panel that opens up  or you can use the one up top here. It's up to you. Um, so what I'd like to do, first  of all is probably get them to align horizontally. So I get vertical  and a horizontal mixed up every single time.

You might be the same. Um,  so we're gonna click on this just so that they all line up. You see that all lined up nicely. And then there's this one called distribute horizontally  and, 'cause I'm reading it from the toolbar there,  but it's horizontally distribute 'em and let's click on it. Okay? And it just spreads them out evenly.

Cool. So that's how to, um, line them up and distribute them. One last thing before you go, just says it's not relative to  what we're doing right here,  but it will become useful for you at some stage. At the moment, by default it's aligning to selection,  which is cool, it's doing exactly what we want it to do. But say we wanted to align it to the app  or think of that, align it to the page to say  that I'm gonna group these guys. Okay?

So that group together, now I wanna say align,  but it's gonna do it to the board, okay? So it means when I click, uh, align  to the center horizontally, it's gonna align  to the center of my port. And you can see that's quite useful as well. So it will remember the last thing you do. So I'm gonna turn mine back to selection. I'm gonna go to undo to put them back where they were.

Um, and I might ungroup them again  'cause I'm, I didn't need them grouped. Alright, so that is aligning  and distributing an illustrator.