1. IN DESIGN FOR YB A review of the overview

2. Getting started FOLLOW TWO STEPS: 1.Organization of pages (very important!!!) 2.Creation of pages

3. Organization of Pages GETTING STARTED: Pay attention to detail and take the time to do this correctly or your pages will be deleted and you will start over … seriously! 1.Click on “alias” link to our yearbook network drive on the desktop 2.Open the Yeartech folder 3.Open the Yearbook Pages folder 4.Open the correct Deadline folder 5.(Right click) Create a new Subfolder 6.Label with the exact page numbers you’re working on 1 2 3 4 5 6

4. Creation of Pages GETTING STARTED: 1.Click on “alias” link to our yearbook network drive on the desktop 2.Open the Yeartech folder 3.Open the Yearbook Pages folder 4.Open the Blank Template InDesign file (REMEMBER: You will need to change your page numbers and “save as” into your specific page folder. DO NOT save your work on the blank template! More on that on slides 7 & 8.) 1 2 3 4

5. Launch Toolkit Template NEXT … Open the Extend Script Toolkit on the desktop This will enable you to use Jostens page templates and click-n-go’s

6. The Blank Page WHEN YOUR PAGE LAUNCHES: It will look like this (in normal view): HINT: Make sure your workspace is set to default (look under WINDOW TAB > WORKSPACE > DEFAULT WORKSPACE PAGE

7. Change Page Numbers BEFORE YOU START EDITING: Change page #s under pages palette tab from the 2-3 default to your actual page numbers:

8. “SAVE AS” BEFORE YOU START EDITING: Go to FILE >> SAVE AS >> Yeartech Folder >> Yearbook Pages >> Deadline >> The folder you made specifically for your pages Pay attention to detail and take the time to do this correctly or your pages will be deleted and you will start over … seriously!

9. Page Creation Controls: The Toolbar Preview Controls: Normal shows gridlines. Preview shows without gridlines Free transform a text box or photo Selection tool (selects text or photo box to work in) and allows you to move things around the page Text Box and Text Tool. Also includes Type on a Path Tool Rectangle tool for placing green picture boxes. Only use for.jpg and.tiff pics. Not for Cut-out-background Photoshop files Rotate tool Gradient tool Eyedropper tool (for matching colors) Hand tool (for moving around page when zoomed in) Zoom tool (allows you to enlarge the page view) Fill tool (allows you to fill an area with color. And control stroke (border colors too) Line tool (for drawing lines on your page) To change views Click on View Button And hold down on mouse

10. Jostens Plug Ins Toolbar Page Surfer: Premade Page Templates Click-N-Go: Premade Module Templates Picture Placer: Browse your pics and load into the picture placer. Only load 20 at a time. Click on pics and click on green boxes to place them. When you place a picture on your page, InDesign automatically creates a linked copy of that pic in the page folder that you created. If you have placed a picture and you want to delete it, you must delete it from the picture placer to make sure the link and the new picture file that was created in the page folder are deleted! Picture Placing Reminders:

11. Page Surfer Page Surfer: Premade Page Templates

12. Click-N-Go Click-N-Go: Premade Module Templates

13. TOOLS PALETTE Character Tab: Make adjustments to the text (individual letters), like font, font type and size. Adjust height of letters. Adjust kerning (spacing between each letter) Character Tab: Make adjustments to the text (individual letters), like font, font type and size. Adjust height of letters. Adjust kerning (spacing between each letter) Paragraph Tab: Make adjustments to position text, like flush, right, center, justified. Create an initial (drop) cap. Paragraph Tab: Make adjustments to position text, like flush, right, center, justified. Create an initial (drop) cap.

14. Characters (fonts) Good DO NOT use TRUE TYPE FONTS Bad POST SCRIPT AND OPEN SCRIPT FONTS ARE FINE Good Bad Pay attention to detail and take the time to do this correctly or your pages will get sent back from the printer for using unprintable fonts

15. Tip for Placing Text in a Box When you see this come up with your cursor, it means that you have ran out of space in your text box, but you have more text left in the story to place. If you simply drag that icon to the next column and click, it will drop that text in the next column (continuing the story) When you see this icon appear at the lower right of your text box, it means that you have more text to your story that your text box had room to hold. You will need to click on that icon … then follow the instructions to the right …

16. TOOLS PALETTE CON’T Stroke Tab: A stroke is the outline you place around a letter, graphic or photo. Weight = size of that outline. If you have a line drawn on your page, you can adjust the type of line and size and color of the line too. Stroke Tab: A stroke is the outline you place around a letter, graphic or photo. Weight = size of that outline. If you have a line drawn on your page, you can adjust the type of line and size and color of the line too. Swatches Tab: Allows you to adjust the color to your stroke or a text box.

17. InDesign Review DROPDOWN MENU (TOP OF PAGE): A look at what you will use frequently Type Drop Down Menu: To indent a new paragraph, go to INSERT WHITE SPACE > EM SPACE Do this twice to indent for a new paragraph Type Drop Down Menu: To indent a new paragraph, go to INSERT WHITE SPACE > EM SPACE Do this twice to indent for a new paragraph

18. Dropdown Menu Object Drop Down Menu: Go here to access the EFFECTS MENU so that you can add an effect to text, photo, graphic, box, etc. Effects include gradient, inner glow, outer glow, bevel and emboss, and drop shadow, to name a few. Within each effect menu, there are countless modifications you can make to your effect (size, color, etc.), just like in Photoshop. You can really manipulate the way things look by using the Effects Menu You can also right click the mouse to find the Effects Menu Object Drop Down Menu: Go here to access the EFFECTS MENU so that you can add an effect to text, photo, graphic, box, etc. Effects include gradient, inner glow, outer glow, bevel and emboss, and drop shadow, to name a few. Within each effect menu, there are countless modifications you can make to your effect (size, color, etc.), just like in Photoshop. You can really manipulate the way things look by using the Effects Menu You can also right click the mouse to find the Effects Menu

19. Dropdown Menu Con’t. Object Drop Down Menu: When you layout a box on the page (that is not an invisible text box), you will need to adjust the borders of the box so that the text and photos don’t lay right against the edges of your box. This is accomplished by going to TEXT FRAME OPTIONS. This allows you to move the text and photos contained within your box off the borders. Object Drop Down Menu: When you layout a box on the page (that is not an invisible text box), you will need to adjust the borders of the box so that the text and photos don’t lay right against the edges of your box. This is accomplished by going to TEXT FRAME OPTIONS. This allows you to move the text and photos contained within your box off the borders. HINT 1: Link All 4 Box Positions HINT 2: Click on preview to see your changes as you make them on the page Go to Inset Spacing EXAMPLE This is what it looks like when you adjust the text frame options to add some space between the border and your content. See the space between the edge of the box and the photos and text? It’s even all around. It looks good. That’s what you want! EXAMPLE This is what it looks like when you adjust the text frame options to add some space between the border and your content. See the space between the edge of the box and the photos and text? It’s even all around. It looks good. That’s what you want!

20. Dropdown Menu Con’t.

21. Tool Submenu Kind of a repeat of what’s in the palettes EXAMPLE Text Tool Sub Menu: Allows you to make text adjustments to font, style, size, spacing, paragraph (just like the “character” and “paragraph” side menus (to the right hand side of the page) EXAMPLE Text Tool Sub Menu: Allows you to make text adjustments to font, style, size, spacing, paragraph (just like the “character” and “paragraph” side menus (to the right hand side of the page)

22. The Blank Page Bleed Area GUTTER Generally keep free from verbal content. Visual can be ok so long as important features of the photo subject aren’t trapped in the binding!. GUTTER Generally keep free from verbal content. Visual can be ok so long as important features of the photo subject aren’t trapped in the binding!. PLACE CONTENT HERE (text, photos, graphics) on this grid between purple/pink lines. Draw green rectangles with rectangle tool where you want photos and draw text boxes where you want text PLACE CONTENT HERE (text, photos, graphics) on this grid between purple/pink lines. Draw green rectangles with rectangle tool where you want photos and draw text boxes where you want text PAGE BOARDER Keep bleed area free of verbal content. Photo bleed can be ok. PAGE BOARDER Keep bleed area free of verbal content. Photo bleed can be ok. Keyboard Shortcuts: Command + Zoom In Command - Zoom Out Command i Spell Check

23. Bleed Bleed Area GUTTER Generally keep these free from verbal content. Visual can be ok. GUTTER Generally keep these free from verbal content. Visual can be ok. PAGE BOARDER Keep free of verbal content. Photo bleed can be ok. PAGE BOARDER Keep free of verbal content. Photo bleed can be ok. Cut in gray at plant Everything in pink/purple line makes it

24. Placing COB Photos Cut-Out-Background Photos are saved as Photoshop (PSD) file and placed from the FILE drop down menu: 1.Create your rectangle photo box to drop your pic in to. 2.Go to FILE 3.Click on PLACE 4.When the FINDER browser opens up, find your pic and select it 1.Create your rectangle photo box to drop your pic in to. 2.Go to FILE 3.Click on PLACE 4.When the FINDER browser opens up, find your pic and select it

25. Text Wrapping a Photo Go to the sub menu at the top of the page and select one of the four text wrapping options. Choose the one that looks best in your layout. You can text wrap any photo or graphic. Go to the sub menu at the top of the page and select one of the four text wrapping options. Choose the one that looks best in your layout. You can text wrap any photo or graphic.

26. Text Wrapping a C-O-B Photo Using a Clipping Path This is a 2 step process. The first part is done in Photoshop. The second is done in InDesign. Part 1: Photoshop.

27. Text Wrapping a C-O-B Photo Using a Clipping Path

29. Part 2: InDesign.

30. Text Wrapping a C-O-B Photo Using a Clipping Path

31. When Our Page is Proofed + Ready to Submit Follow the on- screen instructions to PACKAGE the page as a ZIP file. This is only done after the page has been proofed and approved by Mr. Capp.