1 / 0

Effective Page Design for YB: A Comprehensive Guide

This guide provides a detailed overview of the design process for YB. It walks you through the essential steps to get started, emphasizing the importance of properly organizing your pages. By following two crucial steps—organizing pages and creating content—you’ll establish a solid foundation for your design project. Each step is outlined clearly to ensure you can effectively structure your work, making the design process efficient and streamlined.

shyla
Download Presentation

Effective Page Design for YB: A Comprehensive Guide

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. In design FOR YB

    A review of the overview
  2. Getting started FOLLOW TWO STEPS: Organization of pages (very important!!!) Creation of pages
  3. Organization of Pages 1 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! Click on “alias” link to our yearbook network drive on the desktop Open the Yeartech folder Open the Yearbook Pages folder Open the correctDeadline folder (Right click) Create a new Subfolder Label with the exact page numbers you’re working on 2 3 4 5 6
  4. Creation of Pages 1 GETTING STARTED: Click on “alias” link to our yearbook network drive on the desktop Open the Yeartech folder Open the Yearbook Pages folder 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.) 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 HINT: Make sure your workspace is set to default (look under WINDOW TAB > WORKSPACE > DEFAULT WORKSPACE WHEN YOUR PAGE LAUNCHES: It will look like this (in normal view): Dropdown Menu Sub Menu Jostens Plug In Toolbar Tools Palette Toolbar 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: Click on triangle Real Page #s Change #s 1st real #
  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 CreationControls:TheToolbar 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 Line tool (for drawing lines on your page) 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 Free transform a text box or photo 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) To change views Click on View Button And hold down on mouse Preview Controls: Normal shows gridlines. Preview shows without gridlines
  10. Jostens Plug Ins Toolbar Picture Placing Reminders: 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. Page Surfer: Premade Page Templates Click-N-Go: Premade Module Templates 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!
  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) Paragraph Tab: Make adjustments to position text, like flush, right, center, justified. Create an initial (drop) cap.
  14. Bad Characters (fonts) Bad DO NOT use TRUE TYPE FONTS Good 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 POST SCRIPT AND OPEN SCRIPT FONTS ARE FINE Good
  15. Tip for Placing Text in a Box 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 … 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)
  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. 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
  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
  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. 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! HINT 1: Link All 4 Box Positions Go to Inset Spacing HINT 2: Click on preview to see your changes as you make them on the page
  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)
  22. The Blank Page Bleed Area PAGE BOARDER Keep bleed area free of verbal content. Photo bleed can be ok. 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!. Keyboard Shortcuts: Command + Zoom In Command - Zoom Out Command iSpell Check 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
  23. Bleed Bleed Area Cut in gray at plant PAGE BOARDER Keep free of verbal content. Photo bleed can be ok. GUTTER Generally keep these free from verbal content. Visual can be ok. 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: Create your rectangle photo box to drop your pic in to. Go to FILE Click on PLACE 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.
  26. Text Wrapping a C-O-B PhotoUsing 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 PhotoUsing a Clipping Path
  28. Text Wrapping a C-O-B PhotoUsing a Clipping Path
  29. Text Wrapping a C-O-B PhotoUsing a Clipping Path Part 2: InDesign.
  30. Text Wrapping a C-O-B PhotoUsing 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.
More Related