InDesign singlepage.docjma260rev 03/28/2016

It’s one of the applications in the Adobe suite, it’s used to produce print documents. Who uses it? The Duke, the Pittsburgh Post-Gazette, book authors, magazines,….It is sometimes called a desktop publishing app.

We typically do the pagelayout in InDesign, and import (place) the text from a Word document. That’s exactly what we’ll do in this module. (You can create all the text in InDesign)

  • Start InDesign

Set up your preferences, as we’ve done before:

  • Edit>Preferences>Units & Increments…choose inches for horizontal, vertical

  • Goal: to produce this:

  • If necessary, create aJMA260/InClass/Indesign folder
  • And create an Images folder inside InDesign folder
  • Download and unzip the Assets for InDesign zipfile into inClass/InDesign/Images OR Download the files one at a time
  • Content includes: A photo and a Word document

  • Start InDesign
  • Choose Essentials as the Workspace (May need to choose “Reset Essentials”)

  • Start a new document: File> New Document

Let’s create a one-page 2-column Printdocument.

  • Use these properties

Set horizontal and vertical units be inches…we’ve done this many times…you do it now. (You can do it this way: right-click on ruler, specify inches…

Be sure to choose portrait.

  • Facing pages might pertain to a catalog, a magazine; uncheck it…we won’t have facing pages
  • A gutter separates columns on a page...adds space between them, leave default size
  • Make note of the margin sizes; will need to use those values later
  • Click OK

Here is what you should see:

InDesign Print-Related Features.

The core (main) functionality is almost identical to Illustrator’s

  • For example: Open the Transform panel (Window>Object Layout>Transform)

Also, open the Characterand Paragraph panels:

  • Window>Type and Tables>Paragraph
  • Window>Type and Tables>Character
  • Dock Character panel onto Paragraph
  • Draw a text frame/box: use the Typetool and drag a box; do so in each column, covering most of each column…similar to Illustrator…

Don’t worry about the exact size and location: we will use the Transform tool to modify them.

  • With InDesign, we can place text frames anywhere we want, unlike a Word Processor, but similar to Illustrator

Sizing and positioning columns

  • Use the Selection tool and select the frames, one at a time
  • Use the Transform panel to size them
  • Make them both 3.5”wide x 8” tall

Set Location values

Y Values

  • Let’s position the tops of the two text frames to be 2” down from the top of the columns (i.e.“Y” values)
  • Select any of the top row reference points and set Y values to 2” (Both text frames)

Set X values

The left text frame

Q: What was the left margin size?

  • Choose frame # 1
  • Choose any reference in column 1. Set X = .6” (so text isn’t right up against the margin)

Note: Margin was .5”, add .1 to keep content away from the margin; “x” value = .6

Column/Frame # 2

  • Choose any reference point in the rightmost column

Q: How wide was the complete page?

Q: How big was the right margin?

  • The right edge of the right text frame should have x value of 8.5”-.6”...let InDesign do the math for you!

Threading Text

Saw with Illustrator

Anyone remember what it is?

  • Start by placing existing text (the Word document you downloaded) into frame 1…File>Place…

Uncheck Replace selected item

  • File>Place and browse to the Word document. (worddoc2-with paragraphs)
  • Click inside the left column…that tells InDesign where to place the incoming text

It didn’t all fit: (How can you tell?)

  • Click the outport and then click any wareinside column 2’s text frame:
  • Use the text tool to add blank lines between paragraphs… (note: Specify the line beginning with Ramos as a paragraph)
  • Add a new text frame that goes across the top of both of the two columns, leave some breathing room:
  • Click inside the box
  • Find yourCharacter panel
  • Choose Impact, 24 points
  • Type something: “My First InDesign Document”
  • Use the Paragraph panel to center the text inside the box

Lower the Baseline of the text by about 20 points (-20)

  • Select the new text, then

Formatting

Add a Drop Cap (Who will pick the hat up!!) to the first paragraph

  • Select the first letter, “O” and use the Paragraphpanel to drop a single character (the letter “O”) cap by 3 lines

And you should see:

Changing the font

Use the Type Tool to select all the text in the two columns

  • Use the Character panel to change the font to 12 ptTimes New Roman
  • Note: (Use the Hand tool to move the artboard)
  • Click away

Indenting the first line of each paragraph –except the first paragraph -

  • Click inside the second paragraph with the Type tool
  • In the Paragraph panel, choose to indent the first line by .2”
  • Repeat for the other paragraphs

Changing the leading

Let’s space the text a bit by increasing the leading. What’s that?

  • Select all the 2-column text
  • Use the Character panel and change the leading to 17 points:
  • Click away so nothing is seletced

Wrapping text around an object

Let’s place a picture in column 1 and wrap the text around it.

  • The problem with the image we’ll use is it’s actually a white square with a photo inside it…we have to find the picture only
  • Click inside column 1
  • Choose File>Place and select girl3.tif...(InClass>InDesign)
  • Uncheck Replace Selected Item…don’t worry if it’s grayed out
  • Once you choose “place”, the cursor switches to have the girl attached to it…
  • Click inside column 1
  • Drop the girl3.tif file inside column 1…
  • Select the image

We want to wrap the text around the edge of the girl., not the box..

(the actual picture is a rectangle with a white background)

  • Open the Window>Text Wrap panel:
  • Try using the first two options:

Neither does what we want

  • To do what we want, InDesign must find the edges…use a clipping mask:
  • A Clipping mask is an object whose shape masks other artwork so that only areas that lie within the shape are visible, we used one in Illustrator…recall the palm tree and your name?
  • Select the girl image
  • Select Object>Clipping Path>Options
  • Choose Detect Edges and check Preview, in the dialog box that opens
  • Change the tolerance as needed
  • Click OK
  • Back to text wrappanel
  • Choose the third option:
  • Adjust the spacing around the girl:
  • Click away and Choose View>Extras>Hide Frame Edges to hide the bounding boxes,
  • or click the Preview tool:
  • View>Screen Mode>Previewto see how will print
  • View>Screen Mode>Normal to return to edit mode

Printing

  • Scale to fit

Saving (3x)

  • File> Save as TextOverview.indd
  • File>Export>pdf
  • File>Export>Jpeg

Incorporating Illustrator files …skip to Liquid

  • Download JR Logo document from the Web page
  • or use a resized version of yours (Can’t show .ai files on Web)
  • Save in InDesign>Images
  • File>Place
  • Find the file you just downloaded
  • Results in Loaded Cursor:
  • Drag across both pages, and resize (Use bounding Box)
  • Reduce the opacity:
  • With the Logo selected, make the logo to be displayed as high res:
  • My final version:
  • Save as OnePageWithLogo.indd

END

Liquid Layouts

  • Open your single page document

Suppose you want an alternate version, landscape. And you wanted it for an IPad

  • Select the Page tool:

Find the Liquid Layout dropdown:

  • Layout>Liquid Layout:
  • Choose the Landscape tool

The page switches to landscape but not all the content switches

  • Undo
  • Switch to Scale:

Scale:All content on the page is treated as a group, and as the page resizes, all the elements scale in proportion. The result is similar to letterboxing on HD television screens

Recenter: All content on the page is automatically recentered no matter the width. Unlike Scale, the content remains its original size.

  • Choose Scale,Then click Landscape

Next, let’s look at recenter

  • Ctrl-Z
  • Choose recenter

No good

  • Stay with scale
  • Resize for IPad : 1024 x 768
  • Just type the values in: I entered 1024 px as W, 768 px as height

Other resolutions

  • Iphone 6: 375 x 667
  • Iphone 6 plus : 414 x 736

Supports multiple sizes, Change a “master” all the alternate views change automatically

END

  • Click Preview
  • Change rulers to points, see 1024 x 640

End

InDesign IntroPage 1