- [Instructor] Now, typically, as you dive into
screen design or website design,
you often find yourself repeating multiple elements.
And that's what I want to show you
how to do very easily.
So first off, I'm going to actually just
close this side panel here in my Assets panel
so we have a little bit more room.
So if that's open, feel free to close that.
Zooming in, and what I want to do is I want to create
my first peak, since I'm on the Peaks page.
Technically, there's somewhere around 52 here in Colorado,
but I'm going to click right here, and the first one
is going to be Mount Bierstadt, okay.
So this is my first element, and what I'm doing is
I'm basically setting this up.
It's actually using the properties
from the last element that I worked with,
and notice how the spacing between the letters
is pretty high, I'm going to take that down to zero.
And then from there I can even grab this circle,
that actually gives me the ability to make this
a little larger, something like that,
and lastly, I'm going to give it a shadow to make sure
it sort of stands out from the background, okay?
So here's my shadow, I can make it even more dark,
something like that, and from there,
I'm going to take this image and shrink it up.
So this is going to be my first peak.
Okay, and I'm thinking about one, maybe about 200.
I can always select this element and type in 200 right here.
I can worry about that later, I do want to kind of just
make sure that's centered right in there,
so I'm making sure those guides pop up.
And lastly, I'm going to select this background
and I'm going to make it a little more transparent.
So I'm going to drop down the transparency.
I'm starting to notice this gray border,
I'm going to turn that off as well.
And this is the element that I want, okay?
So this looks good, the picture or image will stand out,
and typically what you'll do is maybe
you'll select both of these and, you know,
duplicate it by holding down the shift key
and alt key and dragging it down
so that duplicates items, right?
And you'll duplicate it again, but what happens
if you decide to move this text over to the side?
It's going to get really annoying,
because you have to change it everywhere, okay?
So that's why I'm going to undo that
and I'm going to delete these two and introduce you to
by selecting both of these items, the repeat grid.
Right over here, selecting Repeat Grid will repeat
whatever you have selected, okay?
With that done, notice how I have these control points
right here, I can click and drag that down,
you can see that it repeats for all of them.
Not only that, look, I have this nice little gap there.
I can increase it or, in my case actually,
I want to decrease it, and I can watch the numbers
off to the side, bring that down to
sort of three two one zero, like that,
and then extend this down further, something like that.
So now I can see one, two, three, four, five elements,
and I can always adjust this content.
If I double click in the side, notice how I can
change this or I can change this text,
maybe move it over here, I have full control now.
In this case I want to make this maybe a little smaller,
so take this down to maybe 150.
Type in 150 right over here, because ultimately,
I want to fit more on the screen, shrinking that like so.
And remember, if I click back on the repeat grid,
I get this green line, okay?
So you might have to click off and then click back on
to be able to adjust the spacing in between each element.
There we go, taking this down, and you can see
I have many more elements.
I have one, two, three, five, six, seven,
seven elements, that works out pretty well.
What do I do for imagery?
Well, I need to change the imagery,
and I need to change the text, 'cause right in here,
check this out.
I can change this to Pikes Peak, for instance.
This is great.
So the content is going to be different than the style.
The style's controlled globally,
but the content is going to be different,
which is fantastic.
But I'm going to go beyond this, 'cause check this out.
I'm going to go out to my desktop.
Inside of my Assets folder,
if I take a look right down here,
here's the Bierstadt image, right?
So what I can do is I can drop that on right there.
So I've changed it, I changed it for all of them.
But what happens if I select all of these?
So I've held down the Shift key,
I've selected all these peak photos.
If you have access to them in your Assets folder,
and I'll just drag and drop,
and it changes it for all of them.
This is fantastic, except all the names are different now.
At least they need to be,
so that's what I want to change next.
I can type those in, or I can use a TXT file,
a text file that has them all laid out.
So I can just drag that right here.
Notice how it highlights that text field,
and now we're good to go there.
So pretty fantastic.
Notice how I can still adjust this content,
decide to move it any way I want,
or maybe even adjust the transparency
if I feel like the images are sort of too bright
or whatever the case may be.
But I think about 60 is pretty good, around there.
Okay, but really awesome what you can do
with the repeat grid right up here,
and you can use it for really any element.
If you can select it, you can turn it into a repeat grid.