Hi everyone welcome to the video about repeat grades repeat grades are what it takes D like secret super
duper awesome powers.
Watch this.
I've made this little card here.
I'm going to make three of them four.
No.
Three and drag them out.
Just gonna repeats for ever really handy for repetitive like search results or these kind of cards for
this dashboard makes them quick and easy.
You can adjust them really easy.
But you can go into them and make like those simple changes can you see this one.
Three thousand.
That one's 1000 really handy.
Let's jump in and see how to make it all right.
To get started with our peak grid we're going to do it on the dashboard.
I'm going to borrow this text here.
Copy it on this one.
Paste it this is going to be my dashboard page dashboard dash board he's left the line text even.
So we need to draw the first unit K and we're going to be dealing with these things called cards.
Cards is just a term used to describe like a nice little unit.
So let's have a look at this example here.
So this is one of the examples in your exercise files and the UI kits.
And let's have a look.
A bunch of cards in this one so see this little unit here.
It's got like look a bit of one.
This is typical.
Nice to go on.
It's got like this white box.
There's a little like graphic in the top images.
It's got to look like it's a unit.
It's a reusable repurposed BL unit K The Call Cards.
And this one here is quite a card as well.
They haven't lots on cell phones as well but we're looking at Web ones at the moment.
So let's make our own little wireframe card and it's gonna be ugly.
Remember no design.
Just some basic stuff.
So I'm going to draw out a white box.
I'm going to grab some tix elements I'm going to zoom this up because it's not very exciting
all right we're back.
Just made some basic text and actually this is going to be dollar signs.
And the one thing I will note in there is that I did use the resizing text for remember some of this
point text.
You can use black error to do that kind of go.
And I made it bold.
That's it.
So I got this card.
I want to repeat it.
You can copy and paste it.
That works.
Black Arrow copy paste by the repeat grid is one of the neat tricks that XY has and what it is is you
select all of your text with your black arrow then grab this one here that says repeat grid in the top
right hand corner and you just drag any corner any side at the bottom or the top really City says magic
like magic is that just duplicates.
I can do that.
But look does the down here as well you still still partly impressed where it gets quite impressive
is the kind of spacing.
Watch this.
I've done nothing.
Still on the same arrow but when I start having my cursor between these guys you can start to see look
at that.
OK.
So you can start.
Say that one.
I'm going to drag it can you see the little number over here.
He's here there.
So I'm going to get to say let's say I want them to gentlemen shortcut command shift apostrophe K and
or control shift apostrophe on a P.C..
OK.
I'm going to drag it in so they line up there because they have beautiful letters and it's 20 k i clicked
on it and you could see 20 at the top.
I can really pointed it there.
Yeah I can just this one to 20.
I need to see that side there.
They're both at 20.
So get this nice even spacing if you've ever done the distribute centers fun game in illustrator or
in design or any program that's not fun at all.
So the peak is just real handy for that where it's also really good is it's kind of like a symbol.
Watch this.
If I move if I double click it to go inside the first one key so they all are connected.
I can do little changes so I can do things like this one here is now 3000.
They don't update.
So you can do some like this one here is called stats.
This one's called forecasts.
You can do you know takes adjustments and they can all be unique.
OK.
And you can still users repeat grid if you need some more watch this click out I go back on and it still
is repeat grid.
You can see he's repeating it lovely.
OK but you can do some little tricks to means to make them all kind of look and feel individual.
We'll do some more hardcore repeat grids later on when we start using things like images and pulling
from CSB files it gets you can be pretty hardcore with it.
But for the moment just a really quick easy trick for doing repeating anything we could have done it
for this text over here.
But I wanted to do it for something a little bit more exciting like these cards.
One thing to do though is say you do need to physically you know you need this one to be over here and
this one to be different.
You often you'll need to UN group these things are going to click off in the background click on it
once it is an option up here that says unwrap the grid.
OK.
And then just kind of breaks it all apart.
So it's no you can't do that repeat grid thing anymore.
It's still one big unit.
So you can group it right click on group and then you've got all these kind of like different parts
to it now which is quite cool.
So you might just use a repeat good to kind of get it in there.
Duplicate them quite a few times get the alignment or nice and then group them and work away.
I'm going to undo that because I want wanted to be back to this repeat grid just a case later on and
like actually I'll give you a couple more of these or I need to adjust the spacing because I've played
around with his left.
How many do you need in this example to follow me.
Doesn't matter to you.
So that's the introduction to the repeat grid.
Let's get on to the next video.