Graphic Design / Interactive Design / Fine & Applied Arts / Parkland College

Graphic Design Exercises
Book: Recipe


To learn print production techniques by typesetting and producing a print-ready document for digital printing.

Also see this InDesign Secrets article about numbered lists.


preparing for the exercise

  1. download starter files
  2. inspect downloaded files
  3. open "book.indd" in InDesign, save as "recipe.indd"
  4. practice Adobe navigation keyboard shortcuts: space=hand; space+cmd=zoom in; space+cmd+opt=zoom out; cmd+zero=fit in window
  5. practice InDesign preview shortcuts: cmd+opt+I (show/hide hidden characters); W (normal/preview mode)

retouching the images in Photoshop

  1. open both JPEGs in photoshop
  2. crop tool: straighten image
  3. RMB > convert to smart object
  4. layer > new adjustment layer > levels: lighten midtones
  5. layer > new adjustment layer > hue/saturation: increase saturation
  6. filer > blur > blur gallery > tilt-shift: blur=12
  7. save as PSD

designing the grid in InDesign

  1. go to master page (cmd+J: A)
  2. unlock "trim" layer
  3. delete large trim boxes
  4. widen small trim boxes to max width; lock layer
  5. new layer "labels"
  6. add your name and exercise number to the bottom of each page;
    lock layer
  7. go to page 5: (cmd+J: 5)
  8. file > place: "recipe.docx" (on "art" layer)
  9. window > type > paragraph styles: edit "no spacing", rename "text":
    basic character formats: 11/13 Adobe Garamond Pro Regular
    indents & spacing: space after=0, align to grid=all lines
  10. InDesign > preferences > grids: baseline grid: increment every 13pt, start=0
  11. view > grids & guides > show baseline grid
  12. split text into logical text frames, rough out layout
  13. copy all text frames
  14. go to master page (cmd+J: A)
  15. edit > paste in place (cmd+opt+shift+V)
  16. new layer "grids": draw text frames as needed; lock
  17. new layer "folio": draw text frame, fill=black, stroke=white (.75pt)
  18. type > insert special characters > markers > current page number
  19. spec semibold, white
  20. type > tabs: add centered tab at 3p
  21. object > text frame options: vertical justification: align=center (cmd+B)
  22. lock "folio" layer
  23. delete all text frames on "art" layer
  24. go to page 5: (cmd+J: 5)
  25. adjust layout: align to grid

making styles in InDesign

  1. make fractions
  2. add thin spaces
  3. add foreign accents
  4. opt+new character style "small caps": basic character formats: case=open type all small caps
  5. select first paragraph
  6. opt+new paragraph style "text+first": apply to selection=yes, based on="text"; drop caps and nested styles: new line style="small caps" (for 1 line)
  7. apply to "ingredients" and "procedure"
  8. select 2nd/3rd paragraph
  9. opt+new paragraph style "text+indent": based on="text"; indents & spacing: first line indent=2p
  10. select ingredients list
  11. opt+new paragraph style "text+outdent": based on="text"; tabs: right=1p4, left=2p; indents & spacing: left indent=2p, first line indent= -2p
  12. insert TAB character before/after each number
  13. select procedure list
  14. type > bullets & numbered lists > apply numbers
  15. opt+new paragraph style "text+numbers": based on="text"; bullets & numbering: alignment=right, left indent=1p8, first line indent= -0p6; open type features: figure style=proportional lining
  16. select "Lamb Pilaf"
  17. opt+new paragraph style "h1": based on="text"; basic character formats: size=26, leading=26, tracking=-10; indents & spacing: space after=0p13

finishing the layout

  1. file > place: PSD files
  2. scale, crop, adjust layout
  3. select "pilaf-ingendients.psd"
  4. window > text wrap: left offset=1p
  5. file > PDF export presets: press quality (pages 4-5, spreads):
  6. open PDF in acrobat, print b&w proof
  7. hide "trim" layer
  8. file > PDF export presets: press quality (all pages): "book-final.pdf"


  1. submit b&w proofs with your name and exercise number on it for grading
  2. file your graded proof in your Process Book for individual review


Last updated: 3/3/17 ■ Webmaster: Paul Young