[MUSIC]

Below the top bar that we created previously, we're going to add four boxes

that will contain photos, labels, and prices for each trip that users can book.

But we want to do this by only creating the first box and then repeating it.

With the rectangle tool still selected, hover your mouse

cursor toward the middle of the art board and down a bit from the top.

You should see a smart guide appear that shows you the center of the art board.

Start to click and drag a box, but don't release your mouse cursor just yet.

While holding down the mouse button,

also hold down the Alt key on Windows, or the Option key on Mac.

This will constrain the rectangle so that it's centered on

the origin of your click rather than drawing it from the corner.

Now we're just going to leave the fill and

border on this for now because we'll adjust those settings later.

But let's draw out this box, maybe just like that.

Back in the left side toolbar, choose the selection tool at the top.

Using this tool, we can make adjustments to objects that are already created.

If you don't like the position of your box,

you can click and drag to reposition it.

And if you don't like the dimensions of it, you can click and

drag along the edges to resize it.

The smart guides can help you center things like this but

let's say you move something and it got a little bit off center like this.

We could just move it back and use the smart guides, but

with the rectangle still selected,

we can also use the alignment tools in the upper right corner.

On each of these icons, the bars and lines illustrate how

multiple elements might be aligned with one another.

To get this back to center, click the button that's third from

the right with the line going down the middle.

This will horizontally align any selected elements.

Finally, I'm going to add a little profile circle in the upper right corner.

We'll add the actual photo later, but for now,

let's just draw a circle as a placeholder for the profile image.

Select the ellipse tool on the left side tool bar.

And then in the upper right corner, start to click and

drag from the center where you want the circle to appear.

Without releasing the mouse button, hold down the Alt key on Windows,

and the Option key on Mac, to draw from the center.

This will place the origin of the circle in the middle, and

constrain the proportions.

But there's still a problem,

how do we know if a circle is perfectly circular and not an oval shape?

In addition to the Alt or Options key, you can also hold down

the shift key to make it a perfect 1:1 aspect ratio, so it's a circle.

So I'm just gonna make this a little smaller than the toolbar like that and

then release the mouse button.

And then if you need to, you can move it around with the selection tool.

Remember to save your work when you're done by hitting Ctrl+S on Windows or

Cmd+S on Mac.

This is a good start, next we'll add images, text and

adjust the shape properties.