- [Instructor] You can also use the repeat grid
to repeat horizontally and vertically,
making rows and columns.
And that's what I want to do now.
So this is kind of leave the peaks page.
So I'm going to change this from content
to peaks just by double clicking on it.
And I'm going to do this
for the hikers page.
So there's going to be many hikers.
The photos are going to be square
so I need to adjust that content accordingly.
So selecting the peaks title right here,
Command + D will duplicate it.
Now instead of it being called peaks one,
I can call it hikers,
like that changing the title on the side
to hikers, like that.
And then I'm going to delete this repeat grid
'cause I'm going to make some new elements.
So using the rectangle tool,
I'm just going to draw out a rectangle.
I'm going to hold down the shift key
'cause I know all of the photos are going to be square
just like pretty much any social media icon these days.
In fact, I want to make it specifically 450
by 450.
And I'm going to just drop the opacity down as well.
And I'm going to turn off the border.
So this is really where my image is going to go.
On top of that, I want to have the person's name,
both their first name and last name, like that.
And it's also going to have the number of peaks
that they've hiked.
So these are all the hikers,
and the number of hikes they've done.
It's set to about 26, I can make that smaller or larger.
Ultimately the number of peaks will be like, 52 peaks,
or something like that.
So that's what it's going to look like.
I would say, let me just drop this down a little bit,
about 22 is pretty good.
And I want to make sure it's going to be flush left.
So that's what I'm doing.
I'm just setting up this element.
But let's get a real image in here
'cause I want to see what this really looks like
for an image.
Going out into my assets folder,
I will select profile1.jpg.
Use any image you want.
Dropping that in, you can see how that looks.
It takes on the transparency
and all of those appearance properties.
Now let's go ahead and duplicate this
and see what we get.
With those two selected,
selecting repeat grid,
it's going to expand down a number of rows
and then a number of columns as well.
So looks pretty good so far.
Let's just decrease the spacing down to zero,
just like our other page,
our peaks page.
And then decrease the padding in between each column
down to zero as well.
So that's what I have, I can expand this out further,
something like that.
In fact, I want to make this exactly 1800, like that.
And then I'll just move this over.
Going to expand this down just a touch, like that.
Because I want to give an indication
that there are more hikers on this page.
But I don't want to show the same hiker.
In fact, I want to fill in that content
with more realistic content
by grabbing a number of photos.
So right over here, selecting one through nine
by holding down the shift key.
And you can actually drop them anywhere you want.
So I'll drop 'em right here.
It really doesn't matter.
It fills them all in.
So far so good.
Since this is a repeat grid, I can come
to any one of these images,
just by, say, double clicking,
selecting this image right here,
and adjusting the transparency
'cause I really want to show these images.
It's really almost too dark.
But I also don't want to lose the names.
So as I select the name,
we can add a shadow right down here.
Just make sure the alpha is set to 100,
so making it opaque
and just making sure that gets set off a little bit more.
And now, what about the names
and the number of peaks?
Well, I can change that as well,
by using a text file.
You could see it right here.
Just taking that text field,
dropping it on any one of those
and you can see how it lays it out.
And I'd say that looks pretty good
for the hikers page.
Just keep in mind,
you could do this for a number a number of elements.
It doesn't really matter.
If I wanted to have four or five star ratings,
I could do that using the repeat grid.
But I'm just showing you
how you can not only expand things down
but also horizontally and vertically
to really make any page you want
for any content that you want.