Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Next step is to divide the page horizontally into rows. I have 12 columns. Keep in mind a aspect ratio of 3 to 4. So, if I have 12 columns, then I need 16 rows. To simplify things I'm going to halve that number and go with eight rows. I'm going to come to my Layout menu, Create Guides, and specify that I want the number of rows to be eight. I want that gutter width consistent with the gutter that we are using for the columns, which is also consistent with the letter value that we are using for the text.
I'll turn on my preview. Now, that's not what I want. What I want is these fitted to the margins. So, I'll click on fit to margins. I don't need to put in anything for the columns because we already have those. And then I'll click okay. Now, what that is going to give me is grid fields. And I'm going to switch over to this document where we can talk about grid fields, the different aspects of working with a grid. And what we're establishing here is a layout grid for the purpose of placing elements on our page relative to other elements on our page.
Everything relating to everything else. So, starting with the biggest aspect of the grid, we have the page itself. Then we have the type, or the live area, and we've kept that in proportion with the page. And then we set up the columns. And then we set up the rows. And the combination of the two gives us the grid field. Now if we look at what we have, our grid fields are not square. They are not square if you take them as being 12 by 8, but if you take them as being 6 by 8, then they will be square or close to square. They may not be exactly square.
If I draw a frame within one of those grid fields, we can see that it's almost exactly square. It's not absolutely essential that they be square, but personally I prefer that they are. Now, when working with grids, keep in mind that it is the top left hand corner of the grid that is going to be the most visually important, and it's to that top left hand corner of the grid that we are going to place elements. And most elements will fill entire grid squares, or combinations of grid squares, but not all of them.
So, if they don't, that's okay, but we're going to place them to the top left hand corner of the grid field. If you're worried about the visual clutter that we may be accruing here, here's something we can do to minimize that. We can put these row guides on a separate layer. So, I'm going to create a new layer, and I will call it rows. Now, had I done this before I created them, I wouldn't need to do the next step, but the next step is I'm just going to select those rows, and I'm going to drag those up to that new layer.
And now I can turn that layer off if it just gets a little bit too dizzying to see them all at the same time, and then turn them on when we need them. One other aspect I may consider is coming to the Layout menu and to Ruler Guides where we can change the color of the guides. So, if we feel like cyan is perhaps a little bit too bright, then maybe we can just take that to a slightly more subdued color. So, we've set up our page. We've set up our margins. We've set up our columns and our rows.
Next thing we want to do is establish the base line grid
Get unlimited access to all courses for just $25/month.Become a member
117 Video lessons · 42369 Viewers
119 Video lessons · 53837 Viewers
65 Video lessons · 14181 Viewers
113 Video lessons · 82764 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.