SESSION 10 | March 23, 2010

IN-CLASS | I Digg These Booklet

Discussion regarding the idea of signatures, and press impositions. We folded a piece of paper into a simple 16 page signature, and  numbered the pages, then unfolded the sheet to see how the pages would be “imposed” (set up for on press printing) if it was going to be printed on a commercial press. We looked at how in a saddle stitched bound (stapled) document the spreads in the press imposition (printer spreads) are different than “readers spreads” which are chronological.

folds6

We look at the sample “I Digg These” document To see how it was created. It is a 16 page,  5.5″ x 8.5″ high document. There are master pages that contains automatic page numbering (folios) and footlines, that were created using the away from spine alignment, there is header for the top of each page, and when the document was set up there is an automatic text frame within the margins.

The automatic text frame will allow a story to flow from one page to the next automatically. We looked at how any element that is on the master page will show up in the same position on the document page that uses that specific master.  Master page items have a light blue dotted frame around them on the actual document page. This is feedback that let’s us know the element was created and exists on the master page. Simply clicking on the master page element will not allow you to have access to it, or modify it. If you want a Master page element to be active on a document page you must click on it with these shift+command keys held down — this makes the element acted on the page, and modifiable.

In our document pages 1, 2, 3 and 16  do not need to have the automatic text frames, so we made them active on those pages and deleted them. Pages one and 16 are the front and back covers, we do not need the folio or foot line on those pages so we made them active  on the page then deleted them.

The basic body copy exists with four different paragraph styles: a section head, head, URL, and body. Again looking at the sample document we looked at how head, URL, and body styles all have of a “next style” applied in their stylesheet definitions. On the sample document we highlighted all of the text and changed it to no paragraph style, then started reapplying the styles. Initially we highlighted each  paragraph  and apply the appropriate paragraph style sheet. We then looked at using the “apply head style, then next” from the paragraph panel. This is the important part using the apply next style feature: all of the copy that you want to be affected needs to be highlighted, then you must RIGHT click on the  first paragraph style name that you want to apply, then click and drag down to the “apply head style then next” listing. In the sample document we were able to apply 9 different styles to the  first three listings with just the one click.

Important: to set paragraph styles up using the “next  style” feature you must first  set up the stylesheets, and then go back and add what the next style should be.

Within the URL paragraph style we set up a nested style using a character style  which looks for a  pattern within the paragraph and applies the character style within the patterned text. In this case we wanted the website address only to appear in a bolder  font for emphasis.  within the URL paragraph style under the nested style sheet tab we created a “rule” that instructed the program to  use no character style through tough first double slash which comes after the “http://”  in a URL, then applied the “BOLD” character style to make the font bold through “1” “/”,  then to apply none through the end of the nested style.

After we saw how the sample document was made we began to build from scratch. Once all of the copy was in, and the story was correct when formatted we started to look at adding images. We learned how to go to a website and take a screen grab of the page by clicking on the shift+command+3  to take a snapshot of whatever is on our screen. A PNG file is created and placed on the desktop which is named “picture1.png”  Additional screenshots will be numbered consecutively. If you want to be more specific about what you are focusing on using shift+command+4  will give you crosshairs that allow you to drag out a marquee selection around the area that you would like to  into the PNG. We then open the PNG is in Photoshop and changed the color space to CMYK from the mode menu. And cropped them using 12 picas  for the width, and 300 pixels per inch for the resolution. 12 Picas equals 2 inches.  Rename and save the images as native Photoshop files (.PSD) and saved to a links folder.  from the file menu we place a few images, and gave the graphic frame a text runaround, and created in an object style to be used on all the images.

HOMEWORK

Continue to work with this document, create any necessary images by using the screen grab method. Design the front and back covers. Pages two and three will be for a foreword (pg 2) and the table of contents (page 3) that we will build together next week. We’ll be using InDesign’s automatic table of contents feature.
Bring all your thoughts about your next assignment — the newsletter. You downloaded a folder from the class workarea in class with all the assets for a gardening newslettr. If you choose to do another you will need to find all the stories and photos/graphics. It important for this assignment that you use real copy (this will give you expereince with copyfitting. For the final project, theMagazine, you may use placeholder text for the body copy, but heads and subheads / captions should be real.

READING

  • InDesign CS4: Chapters 20
  • QuarkXpress 7: Chapter 16: Printing
Advertisements

About Andrea

Graphic designer and artist specializing in visual storytelling. I love to mix visuals and text to create pieces that inspire, educate and inform.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: