25
KU IT Technology Instruction Adobe InDesign CC Basics Instructor’s Manual & Self-study Manual Created by KU IT Technology Instruction [email protected] | technology.ku.edu/training

KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU IT Technology Instruction

Adobe InDesign CC Basics Instructor’s Manual & Self-study Manual

Created by KU IT Technology Instruction [email protected] | technology.ku.edu/training

Page 2: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 2

Version 1.0 Remember to save often. 7/24/2018

Contents KU IT Technology Instruction .................................................................................................................... 1

Overview: ................................................................................................................................................. 3

What you will learn: .............................................................................................................................. 3

What you will need: .............................................................................................................................. 3

Time: ..................................................................................................................................................... 3

General guidelines: ................................................................................................................................... 4

How to get InDesign: ............................................................................................................................. 4

Example workflow:................................................................................................................................ 4

How InDesign works: ............................................................................................................................ 6

Activity 1: Creating and setting up your multi-page document................................................................ 9

Overview: .............................................................................................................................................. 9

Instructions: .......................................................................................................................................... 9

............................................................................................................................................................ 12

Working with master pages: ............................................................................................................... 13

Additional Notes to cover after break: ............................................................................................... 16

Overview: ............................................................................................................................................ 17

Instructions: ........................................................................................................................................ 17

Activity 3: Page layout – Working with images ....................................................................................... 21

Overview: ............................................................................................................................................ 21

Instructions: ........................................................................................................................................ 21

Activity 5: Finishing up ............................................................................................................................ 23

Overview: ............................................................................................................................................ 23

Instructions: ........................................................................................................................................ 23

Page 3: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 3

Version 1.0 Remember to save often. 7/24/2018

Overview:

The following guide will walk you through creating a sample newsletter as a means to explore the essential features of InDesign. In doing so, we’ll cover the following:

1. What is InDesign? 2. Creating a document 3. Interface 4. Managing pages 5. Working with text 6. Adding graphics 7. Packaging and Exporting (finishing up) 8. Wrap-up/Questions

What you will learn: By the end of class, you will learn how to use Master Pages to add repeating elements to your document such as guides, footers, etc. You will use the type tool to create text boxes and then explore both character and formatting options. You will also learn how to add graphics and use automatic fitting options. Finally, you’ll learn best practices for finishing up your files, which includes packaging.

What you will need: • For this course, you will need a computer with Adobe InDesign CC. • You will need at least one image file to use for placement purposes.

Time: • Approximately 2 hours

Page 4: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 4

Version 1.0 Remember to save often. 7/24/2018

General guidelines: Estimated time: 10 minutes

How to get InDesign: • For work use:

o KU Employees can contact your local tech staff to get InDesign on your computer at no cost.

o KU Students can access InDesign at any of the main public labs, including the Budig Lab.

• For home use: o Staff can purchase a one-year subscription via KU’s software webstore,

kansas.onthehub.com, for $10 o Students can get a discounted monthly student subscription for Adobe Creative Cloud at

http://www.adobe.com/creativecloud/buy/students.html • With the subscription-based model, updates are sent from Adobe more frequently. Check for

updates that include new tools and functionality using the Creative Cloud app or by going to Help > Updates …

Example workflow: • InDesign is the industry standard for page layout, especially for multiple-page documents. It

works in conjunction with Adobe Illustrator and Photoshop.

Page 5: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 5

Version 1.0 Remember to save often. 7/24/2018

• This sample workflow provides an example of how the Illustrator, Photoshop, and InDesign are

all used to create a flyer. To create vector images such as logos, icon, charts, etc., you will use Adobe Illustrator. Photoshop is used to edit photos, which includes color correcting, resizing, and other image correction. Image elements are “placed” into the page layout using InDesign, and text is either copied and pasted, placed, or typed. Finally, the design is exported to Adobe PDF, a format that is free and widely available.

Page 6: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 6

Version 1.0 Remember to save often. 7/24/2018

How InDesign works:

• InDesign works differently than Microsoft Office software in that images that you place in your

design are linked to the file and not embedded in the file by default. This means that: o Your InDesign file is smaller. o If you simply save your InDesign file that includes images and move your file or an image

file, you will break the links in the document. o For an example of a program that embeds files, think of PowerPoint. If you insert an

image in a PowerPoint presentation, it is saved

Page 7: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 7

Version 1.0 Remember to save often. 7/24/2018

• When you start laying out your design, you will create “frames” for the different areas of

content.

• Text is:

o Copied and pasted into the frames, or o Imported by “placing” the file with the text into the frame, or o Typed directly into the frame

• Images are: o Placed into the frames, which creates a link between the image file and the document

Page 8: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 8

Version 1.0 Remember to save often. 7/24/2018

• To avoid broken links, you will want to package your files after your first draft is created by going

to File > Package. o When you package your files, InDesign creates a copy of all images, fonts, and the

InDesign file and places it in an organized folder along with a PDF of your file. o Once you’ve packaged your files, you will want to work out of the folder or re-package if

you’ve inserted new images or used new fonts. o If you need to email the entire folder at once, you may need to compress it first. You can

do this by right clicking (two-finger click on Mac) and choosing Compress… on Mac or 7-Zip > Add to archive… on PC.

Page 9: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 9

Version 1.0 Remember to save often. 7/24/2018

Activity 1: Creating and setting up your multi-page document Estimated time: 25 minutes

Overview: In this activity you will:

• In this first activity, we will create a new multi-page document in InDesign. • We will alter the margins, create guides, and create repeating elements on the A-Master page. • We will explore the program’s layout through this and the other activities.

Instructions:

Set up preferences: 1. Navigate to InDesign’s preferences: 2. On PC, go to Edit > Preferences > Units & Increments… 3. On Mac, go to InDesign CC > Preferences > Units & Increments… 4. Under Ruler Increments, change Horizontal and Vertical from Picas to Inches. 5. Press OK.

TIP: If you make changes to your preferences or load swatches when no documents are open, all new documents will reflect those preferences and swatches as the default.

Creating your file: 1. Launch Adobe InDesign. 2. Click on File > New > Document.

You will use the Document file type 95% of the time. The book option is used for linking multiple documents together. Library creates Creative Cloud Libraries where you can share assets, swatches, and more.

Page 10: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 10

Version 1.0 Remember to save often. 7/24/2018

New Document Guide:

Intent: Print: Will use CMYK colors, resolution will be print-ready (300 ppi), page sizes will be common print sizes. Web: Will use RGB colors, resolution will be for digital (72 ppi), page sizes will be common screen sizes. Digital Publishing: Will use RGB colors, resolution will be for digital (72 ppi), and page sizes will be common screen sizes for epub readers.

Number of Pages: Print publications need to have pages in increments that correspond with the finishing of the printed piece. How you bind your document will influence how many pages you need to have. Three-ring bind, spiral bind, etc.: You will need to work in two-page increments as every sheet of paper will have a front and back. Saddle-stitch, perfect bind, etc: You will need to work in four-page increments as every signature will be comprised of four pages.

Page Size: Most commercial printing is oriented around the 8.5” x 11” page size. This means that variations on that page dimension will result in the lowest printing costs. See “Bleed” for more to consider.

Facing pages: If you plan to create a project that has two-page spreads, you will want to leave this checked.

Slug: A slug is a non-printable area where you can include information specific to the page or artboard. Slugs are sometimes used to include information about the version or iteration when many designs are created.

Bleed: Bleeds allow you to run artwork to the edge of a page. On a press, the artwork is printed on a large sheet of paper and then trimmed down to size. The default for bleed is 1/8 of an inch (.125 inches).

Practical Tip: If you want to include bleed with your projects, you will either have to print the page on to a larger piece of paper or adjust your page size to be smaller than a regular sheet of paper. Then, you will have to trim your printed piece.

Page 11: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 11

Version 1.0 Remember to save often. 7/24/2018

Creating your file (continued): 3. Leave the Intent as Print. 4. By Number of Pages, enter 8. (The book will end up having 16 pages.) 5. Click on the small expansion arrow next to Bleed and Slug. 6. Enter .125 as the Bleed on all sides. 7. Leave all other settings as the default, and click OK.

Save your file: 1. Go to File > Save and save your file to the desktop on your computer.

Navigating the document:

Document Pasteboard

Bleed: If you want your design to extend past the edge of your page, you’ll need to extend elements that extend past the document’s edge to the bleed line. Default bleed is .125” or 1/8 inch.

Margin guide: The general rule of thumb is to not extend any important page elements within ¼” of the document’s edge.

Document edge: Where the document is trimmed to if using bleed.

Page 12: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 12

Version 1.0 Remember to save often. 7/24/2018

Navigating InDesign:

1 – Control Menu: This menu displays options for the currently selected tool. It is contextual and will change based on what you are doing.

1 2

3

4

2 – Tools Menu: This menu contains the different tools you will use. Wherever you see a tool with an arrow at in the corner, it contains additional nested tools. You can access the nested tools by clicking and holding the tool.

3 – Jump Menu: The Jump Menu tells you what page you are currently on and allows to move between other pages in your document.

4 – Panels: Each workspace contains a set of default panels or windows that help you to make additional modifications to your document. Panels can be grouped, stacked, or docked. You can add more panels by selecting Window.

Zoom In/Out: You can zoom in and out by pressing the Ctrl + + or Ctrl + -. You can also use the magnification glass icon to select a specific area. Ctl + 0 fits the document to the window.

Keyboard shortcuts: Each tool has a keyboard shortcut. You can see these by hovering over each tool in the Tools Menu. Press the V key to return to the selection tool.

Previewing your document: You can switch between design mode and preview mode by pressing the W key on your keyboard.

Page 13: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 13

Version 1.0 Remember to save often. 7/24/2018

Working with master pages: In the Pages panel, notice the A-Master in the top group above the pages, and notice the small “A” that appears in the corner of each page. The A-master is like a background that you can apply to many pages. Notes about master pages:

• By default, every document comes with one master page, “A-Master,” applied to all pages and a master page called “None” that is a blank page.

• Elements that you place on the A-Master, including margin, guides, and text will appear on all pages where the master is applied. Any elements added to a master will update on all pages where it is applied.

• Elements on the master page are locked on the pages where the master is applied unless the master item is overridden.

TIP: To unlock and element on the master page, you can hold down Shift + Command and click on it in Mac. In PC, you’ll hold down Shift + Ctrl and click on it.

• It is possible to create multiple master pages and apply them to pages by dragging and dropping the master on the page.

• When updating or apply a new master page, it is possible to automatically adjust the layout of your pages to the new margin, column, or master settings. https://helpx.adobe.com/indesign/using/laying-out-frames-pages.html#about_automatic_layout_adjustment

Update margins and create guides on the A-Master: 1. Double-click on the word A-Master in the pages panel. Verify you are on the A-Master by

looking in the lower left corner at the Jump Menu. 2. Click on Layout > Margins & Columns.

TIP: Because we are working with a document with facing pages, you can change Inside and Outside margins. When designing a publication which will be spiral bound, perfect bound, or three-hole punched, you will want to provide additional space in the inside margin.

3. Click on the link icon so that you can change the size of your margins independently.

Page 14: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 14

Version 1.0 Remember to save often. 7/24/2018

4. Make all margins 1 inch, with the exception of the bottom margin, which should be 1.5 inches.

5. Click OK. 6. Click on Layout > Create Guides. 7. Check the box by Preview. 8. Change the option by Fit Guides to: to Margin. 9. Change the Rows to 6. 10. Change the Columns to 4. 11. Change the Gutter for both to .1875 inches.

12. Click OK.

Create a repeating footer:

1. With the A-Master page open, select the Type tool.

Page 15: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 15

Version 1.0 Remember to save often. 7/24/2018

2. In the bottom margin of the left page, click and drag to create a text box that fills the bottom margin spanning from the left margin to the right margin.

3. Once you draw the text box, your cursor will blink and you are ready to enter the text. 4. To enter the page number, go to Type > Insert Special Character > Markers > Current Page

Number. 5. A small “A” will appear. This character will replaced with the actual page number when viewing

a page. 6. Press Shift + Tab to tab to the right edge of the text box. 7. Type Sample Newsletter Title.

Style footer text: 1. Select all text.

TIP: To select text, press Command + A (Mac) or Ctrl + A (PC) to select all text. You can double click to select one word, or triple click to select an entire line, or click four times to select the paragraph.

2. In the toolbar at the top, change the font from Minion to Gills Sans using the Regular version. If the option is available, choose a san-serif font like Franklin Gothic or Calibri.

3. Change the font size to 10 pt. 4. Right click (two-finger click or command + click for Mac) on the text box, and choose Text Frame

Options. 5. Under Vertical Justification, change Align to Center.

6. Press Esc or select the Selection Tool (Black Arrow) to get out of the text box.

It should look like this:

Page 16: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 16

Version 1.0 Remember to save often. 7/24/2018

Duplicate the footer for the right page: 1. With the Selection Tool (Black Arrow) selected, copy and paste the text box using one of the

following methods: • Holding down the Alt key and dragging and dropping the text box to the right page. • With the entire box selected, press Command + C and then Command + V on Mac, or

Ctrl + C and Ctrl + V on PC. • With the entire box selected, go to Edit > Copy and then Edit > Paste.

2. Using the black selection arrow, drag the box to the relative position on the right page. 3. Double click to enter your cursor after, “Sample Newsletter Title.” 4. Delete everything after the “A” in the right footer. 5. Move your cursor before the page number “A” placeholder. 6. Type the month and year and press Shift + Tab. 7. Press Esc or select the Selection Tool (Black Arrow) to get out of the text box.

It should look like this:

8. In the page panel, double click on Page 1 to jump to page one. Notice the page number in the

bottom right corner shows 1.

Ending the activity: 1. Save your file to your computer.

[[Time for 10 minute break]]

Additional Notes to cover after break: • Show video: https://helpx.adobe.com/indesign/how-to/indesign-working-with-tools.html

Notes on master pages:

o Note that on page one, all of the elements we placed on the master page appear, and the page number appears as the number one, not the letter “A.”

o The elements that appear are not selectable. They are locked. o For on working with master pages, including how to create and apply new master pages, as well

as how to unlock master page elements see: https://helpx.adobe.com/indesign/using/master-pages.html

Page 17: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 17

Version 1.0 Remember to save often. 7/24/2018

Activity 2: Page layout – Working with text Estimated time: 20 minutes

Overview: In this activity you will:

• Create a text frame and add content manually and using the fill with placeholder text option. • Format text using the character formatting options and paragraph formatting options. • Set up paragraph styles and apply them to text on another page. • Update a paragraph style.

Instructions:

Creating text frames: 1. Navigate to page one of your document if you are not there already. 2. Select the Type tool and click and drag to create a box that spans all columns of the top row of

you page within the margin lines.

TIP: If you need to resize your text box, use the Selection Tool. You can either select it or press the Esc key.

3. Type the following, returning between each line: Sample Newsletter Title Name of the Department | Month Year

Format text with character formatting options: 1. Select both lines of text. 2. Click on the center button to center the text in the text box. 3. Right click on the text box and choose Text Frame Options. 4. Change the drop-down by Align in the Vertical Justification to Center. 5. Select all the first line of text. 6. Using to tool bar at the top of your screen, change the font to Palatino Linotype using the

Regular version.

Page 18: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 18

Version 1.0 Remember to save often. 7/24/2018

7. Change the font size to 22 pt. 8. Change the text to all caps by clicking the All Caps icon.

9. Select the second line of text. 10. Using to tool bar at the top of your screen, change the font to Gills Sans using the Regular

version. 11. Change the font size to 16 pt. 12. Change the leading to 24 pt.

TIP: Hover over the different icons to see the names for each character option. TIP: In order to change to a bold typeface, you must select Bold within in the font options instead of Regular.

Using color with text: 1. Press Esc or choose the direct selection tool. 2. Click on the Swatches panel on the right. 3. Experiment with choosing different colors to shade the text box. Click on the stroke icon to

change the border to a color. 4. Double click within the text box. 5. In the Swatches panel, click on the fill color icon. 6. Change the text’s fill color to a different color. 7. Press Esc or choose the direct selection tool to exit the text box.

Adding and styling placeholder text: 1. Navigate to page one of your document if you are not there already. 2. Select the Type tool and click and drag to create a box that spans the right two columns and 5

rows top of your page within the margin lines. 3. Select Type > Fill with Placeholder Text. 4. At the top of the text box type:

• Article Heading • Subheading

5. Select all placeholder text by pressing Ctrl + A. 6. Using the tool bar at the top of your screen, change the font to Palatino Linotype using the

Regular version. 7. Change the font size to 11 pt. 8. Change the leading to 16 pt. 9. Change the paragraph spacing to 0.0625 below. 10. Select the Article Heading and change the font to Palatino Linotype Bold.

Page 19: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 19

Version 1.0 Remember to save often. 7/24/2018

11. Change the font size to 14 pt. 12. Select the Subheading and change the font to Palatino Linotype Italic. 13. Change the font size to 12 pt. 14. Select the first paragraph and add a drop-character that has the following settings:

Working with paragraph and character styles: Paragraph styles allow you to capture the character and paragraph formatting for a selection of text and quickly apply it to other text. While it takes a few seconds to set up, paragraph styles can save you time by:

- Making formatting text quicker. Once your paragraph styles are set up, you can select your text and choose the style name to apply the style.

- Make updates easier. When you update the paragraph style, it updates everywhere it is applied. - Generate an automatic table of contents. If you use paragraph styles for your main headings,

you will be able to automatically generate a table of contents for your publication.

While paragraph styles apply the formatting to all text between two hard returns, character styles can include just a selection of text within a paragraph. Character styles can be used to format URLs, titles, or other text that is emphasized within a paragraph.

Creating paragraph styles: 1. Click on Paragraph Styles panel. If you can’t see it, go to

Window > Styles > Paragraph Styles. 2. You may note that the panel includes a default “Basic

Paragraph” style.

TIP: The Basic Paragraph style cannot be deleted and is applied to all text by default. You may find it easier to create a new paragraph style instead of modifying the Basic Paragraph style.

3. Select the second paragraph (without the drop cap) within the text frame. 4. In the Paragraph Styles menu, click on the Create New Style icon. 5. The style will appear in the list and be called “Paragraph Style 1” by default. 6. Double click on Paragraph Style 1 and rename it “Normal Paragraph”. 7. Click OK. 8. Select the subtitle within the placeholder text area. 9. In the Paragraph Styles menu, click on the Create New Style icon. 10. The style will appear in the list and be called “Paragraph Style 1” by default. 11. Double click on Paragraph Style 1 and rename it “Article Subheading”. 12. Click OK.

Page 20: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 20

Version 1.0 Remember to save often. 7/24/2018

13. Select the Article Heading on your page. 14. In the Paragraph Styles menu, click on the Create New Style icon. 15. The style will appear in the list and be called “Paragraph Style 1” by default. 16. Double click on Paragraph Style 1 and rename it “Article Heading”. 17. Click OK.

TIP: Paragraph styles apply to all sentences between a hard return. If you would like to create a line break without starting a new paragraph, use Shift + Return (Mac) or Shift + Enter (PC).

Applying paragraph styles: 1. Add two hard returns at some place within the placeholder text. 2. Type “Subheading”. 3. Click on the Article Subheading style to apply the paragraph style.

Modifying paragraph styles: You have two options for modifying an existing paragraph style:

• You can double click on the paragraph style and modify it within the Paragraph Style Options menu.

• You can update a selection of text where the style is applied. Then, select text, right click on the style name, and choose Redefine Style.

1. Change the subheading to be bold and italic within the placeholder text. 2. With the text selected, right click on the Article Subheading Paragraph style and choose

Redefine Style. 3. Notice that all other subheadings have changed formatting.

TIP: Space after and Space before adds additional space anytime a new paragraph starts, which is indicated by a hard return (pressing enter or return on the keyboard). If you would like to create soft return—a line break without creating a new paragraph—hold down Shift while pressing Enter or Return.

Overset text: Navigate to page one if you aren’t already there, notice the small red icon in the lower right corner of the text box. This means that there is more text than the frame can hold or display. This is referred to as overset text. To resolve the overset text, you have three options:

• You can make the text box larger or the font smaller. • You can edit the text so there is less of it. • You can click on the red plus icon and either draw a new text box or select a text box on the

same page or on a different page. This will mean that the two text frames are linked. If text is added or removed, it will automatically flow to the linked text box.

You don’t need to do anything here as it is just placeholder text that you will update later.

Page 21: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 21

Version 1.0 Remember to save often. 7/24/2018

Activity 3: Page layout – Working with images Estimated time: 15 minutes

Overview: In this activity, you will:

• Create frames for images and place images. • Experiment with the automatic fitting options, as well as more manual options for adjusting

images within your frames.

Instructions: Images: There are many ways to place your images in the layout. You can:

• Start by creating rectangle frames for each of your images and then place the images in the frames.

• You can go to File > Place and select your image(s) the click and drag to place them on the page.

For our document pages, we will use the first method.

Creating frames: 1. Navigate to page 1 of your document.

2. Select the Rectangle Frame tool. 3. Click and drag to create a rectangle spanning the first two columns and first two rows.

Placing images: 1. Select the rectangle frame with the Selection tool (black arrow). 2. Go to File > Place. 3. Select an image from the pictures folder on your computer and select Open.

Note: The picture will be placed at the original size of the image.

Resizing images: 1. With the image selected, click Object > Fitting > Fill Frame Proportionally.

TIP: Toggle back and forth between the Normal and Preview views by pressing W. Remember, this shortcut doesn’t work when the cursor is within a text box.

Tip: To select and resize the image’s frame, use the black arrow and hover near the edge to see the handles. Select just within the edge of the image to drag and drop the entire frame to a new location.

Adjusting images: 1. With the selection tool (black arrow), select the image on the page. Hover on the outside of the

document edges and notice the resizing and rotation options.

Page 22: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 22

Version 1.0 Remember to save often. 7/24/2018

2. Hover in the center of the image and notice the hand tool. Click and drag to reposition the image within the frame.

3. Double click inside the image. Notice the orange bounding box showing the edges of the image. Click and drag to resize. Notice the scale percentages in the top toolbar showing the scaled size of the image.

TIP: When resizing an image within a frame, hold down the Shift key to keep the image in proportion. To resize a frame and image proportionally at once, hold down Command + Shift (Mac) or Ctrl + Shift (PC).

4. Right click on the image and choose Fitting > Fill Frame Proportionally.

Viewing details about images: 1. Go to Window > Links. 2. With an image selected, click the Links panel. 3. Note the page number denoting where the image appears. 4. Note the Link Info panel showing the Effective PPI (pixels per inch).

TIP: Your Effective PPI should be 300 for printed projects. Depending on the printer, you may be able to get away with using photos with an Effective PPI of 150-300.

Placing images without frames:

1. Go to File > Place. 2. Select an image from the pictures folder on your computer and select Open. 3. Click and drag your mouse to create a bounding box of two columns wide by two rows. This

allows you to create the size of the image at the same time as placing. 4. Note: If you just click to place the image, the picture will be placed at its original size.

Placing multiple images: 1. Click on the rectangle tool to create frame. 2. As you are dragging to create the frame, press the up arrow key to add rows and the right arrow

key to add columns. This creates multiple frames with the same size and spacing. 3. With all frames selected, go to File > Place. 4. Select images from the pictures folder on your computer and select Open. 5. Place images one at a time within the frames by clicking in the middle of the frame.

Note: If you click outside of the frame, the image will be placed on the page at its original size.

Page 23: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 23

Version 1.0 Remember to save often. 7/24/2018

Activity 5: Finishing up Estimated time: 20 minutes

Overview: In this activity, you will:

• Learn how to package your files to create an organized, portable folder for your design. • Understand how to create PDFs of your design.

Instructions:

Saving your files: • Remember to save your file often. • By default, your file will save as an .indd file. • By default, the images used in your .indd file will be linked to your file. If you move this file or

the linked images, the links will be broken. • To avoid broken links and make your design more portable, remember to package your files.

Packaging your files: 1. Once you have saved your document, go to File > Package… 2. Follow the prompts (Package… > Continue > Package > OK) to save the packaged files on your

computer. 3. Check the folder on your computer.

The packaged files contain copies of your images in the Links folder, copies of your fonts in the Document fonts folder, a copy of your InDesign file, an instructions text file, a PDF of your InDesign file, and an InDesign Markup Language File (IDML). The InDesign file in the folder is now linked to the images in the Links folder.

Moving forward, you will want to work from the file in packaged folder not from the first copy. To update your draft, you can either:

• Work from the folder, copying new images into the Links folder and placing them from the Links folder.

• Open the document in the folder, add new content, place images from your computer, and then repackage.

TIP: You may want to adopt a naming convention to better keep track of versions of your files.

Exporting PDFs: When you package your files, a PDF is created by default. At any point, if you’d like to create a PDF of your design:

1. Go to File > Adobe PDF Presets and choose: • Smallest File Size – Low resolution, good for email • High Quality Print – Medium resolution, will work for most laser printers

Page 24: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 24

Version 1.0 Remember to save often. 7/24/2018

• Press Quality – Highest resolution, best quality for print 2. In the Export PDF Dialog Box,

• Check View PDF after Exporting if you’d like the PDF to automatically when created. • To include bleeds and crop marks with your PDF, go to Marks and Bleed. Choose the

boxes by Crop Marks.

Tip: You may find it helpful to first print to PDF before sending your file to the printer. This will ensure it has the settings before you pay to print.

Printing from InDesign: 1. Go to File > Print.

• To scale your design to fit a standard paper size, select Scale to Fit under Options. • To print double sided, go to Setup… and make the selection under your printer’s

preferences. • To print bleeds and crop marks, go to Marks and Bleed. Choose the boxes by Crop

Marks.

TIP: There is an option to print booklets, File > Print Booklets... This requires a little more setup. You will need to have paper large enough for two pages. InDesign will place your pages in print-signatures so that you can print 4 to a page and fold down the middle to finish your booklet.

Compressing folders: If you need to email your design files or upload them to a hosting service where you are unable to upload a folder, you will first want to compress (aka archive or zip) your files.

On Mac:

1. Two-finger click on the file or hold down Control while clicking. 2. Choose compress. 3. A compressed .zip file now appear in the same location as the folder.

On PC: 1. Right click on the folder. 2. Choose Send to > Compressed zip folder… 3. A compressed .zip file now appear in the same location as the folder.

Page 25: KU IT Technology Instruction Adobe InDesign CC Basics...KU Information Technology Adobe InDesign – Basics | 5 . Version 1.0 Remember to save often. 7/24/2018 • This sample workflow

KU Information Technology Adobe InDesign – Basics | 25

Version 1.0 Remember to save often. 7/24/2018

Uncompressing folders: On Mac:

1. Double click on the .zip file. 2. The uncompressed folder will now appear in the same location as the .zip folder.

On PC:

1. Right click on the compressed file. 2. Choose Extract all… 3. Choose the location.