Project 5 Step 2 Digital Sketching

In this step we’re going to translate this thumbnail sketch into a digital sketch using real typography. I have a previous filethat I used to do this example where we have the five pages and we’ve put text into this document. We have all these different columns (five columns). We’re going to delete all the columns but one. The copy will stay connected here, and then we’ll move this copy (column of text) off to the side. If I click the arrow the push ‘W’ I can see the layout without the markers and stuff. The grey is because I have the previous selected. If i select the arrow and type ‘W’ then I can see the column copy. We’re going to start off our body copy. If we look at the other document, we see that we have four columns of type, each two columns wide. We’re going to select this type. If I click right there (on pages 2-3 on the pages tab in the right window), it will give me the type token. This will continue following the type at the end. We’re going to have two columns wide text. Then we’ll make two column-wide text columns on the next page.

We do have places now for quotes, heads, and headlines. It looks like the headline takes up four columns. We’ll make a text box that spans four columns for the headline. We’ll paste the headline in and increase the font size. This is beginning to give an idea of what this document will look like. If you can remember, in the last assignment, one of the things we worked on was hierarchy, subheads, etc. You need to do the same thing in this layout. We’re going to do that one more time. We’re going to create the follow up page, pages four and five. We need to select the text from pages 4-5 just like we did with 2-3 and drag it onto our document. We make two columns with a column width of two columns each with a one column space in between.

Then, we make a finishing line of text that spans four columns and one that takes three columns under that. Once we’ve made the boxes, we’ll go ‘Type’ > ‘Fill with placeholder text’ then we’ll increase that text’s size. Make sure you work with the grid and with your hierarchy.

Let me show you one more thing: how to add a blockquote by using the wraparound feature. With the text box tool, we’ll make a block that is three columns wide. We’ll fill with placeholder text and increase the size, then we’ll move it onto page four. Then, select the ‘Wrap around bounding text’ button on the upper toolbar. That will cause a wrap and we can control the wrap settings. Now, select black arrow, click once, and push the ‘W’ key, then we can see the layout. This layout isn’t what I’d consider finished, but we have practiced have to make columns, adjust widths, and match your sketch.

One thing that I haven’t done, that you should do first thing is to save the document. I want to save this as a different version. Click ‘File’ > ‘Save as’ and call the ‘sf-grid-bookv2’. Now, you want to save before you do this next step. Now, you’ll notice that as we’re going through the pages, we have thumbnail sketches, then we have this image that would be the cover, then one spread, and a second spread. In the first spread placeholder, we select it, the click ‘File’ then ‘Place’ then we’ll find our document version two that we just saved. ‘Open’ > show import options check box > select version 2. Select the nex box, and do the same process for page three and adjust the size. And we’ll do the same thing for the next two pages.

Now, you can see how this looks similar to our sketch. You need to do three sketches using the grids and save one. About half of your process in this assignment should be making the sketches and the other half will be transferring the sketches to a text document. Don’t forget what you learned in the last assignment about hierarchy and applying that to this assignment. I wish you all well and hope that you have a good day!