media department | duquesne university note… · web viewwith the logo selected, make the logo...

InDesign singlepage.doc jma260 rev 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 page layout 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:

InDesign Intro

If necessary, create a JMA260/ InClass/Indesign folder And create an Images folder inside InDesign folder Download and unzip the Assets for InDesign zip file into

inClass/InDesign/Images OR Download the files one at a time Content includes: A photo and a Word document

InDesign Intro

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 Print document. Use these properties

InDesign Intro

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 Intro

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 Character and Paragraph panels: Window>Type and Tables>Paragraph Window>Type and Tables>Character

Dock Character panel onto Paragraph

InDesign Intro

Draw a text frame/box: use the Type tool 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.

InDesign Intro

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

InDesign Intro

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)

InDesign Intro

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 right most column

Q : How wide was the complete page?

Q: How big was the right margin?

InDesign Intro

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?)

InDesign Intro

Click the outport and then click any ware inside 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 )

InDesign Intro

Add a new text frame that goes across the top of both of the two columns, leave some breathing room:

InDesign Intro

Click inside the box

Find your Character panel

Choose Impact, 24 points

Type something: “My First InDesign Document”

Use the Paragraph panel to center the text inside the box

InDesign Intro

Lower the Baseline of the text by about 20 points (-20) Select the new text, then

InDesign Intro

Formatting

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

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

And you should see:

InDesign Intro

Changing the fontUse the Type Tool to select all the text in the two columns Use the Character panel to change the font to 12 pt Times 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

InDesign Intro

In the Paragraph panel, choose to indent the first line by .2”

Repeat for the other paragraphs

Changing the leadingLet’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 objectLet’s place a picture in column 1 and wrap the text around it.

InDesign Intro

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…

InDesign Intro

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:

InDesign Intro

Neither does what we want

To do what we want, InDesign must find the edges…use a clipping mask:o 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

o Select Object>Clipping Path>Options

InDesign Intro

o Choose Detect Edges and check Preview, in the dialog box that opens

InDesign Intro

Change the tolerance as needed Click OK Back to text wrap panel 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:

InDesign Intro

View>Screen Mode>Preview to see how will print View>Screen Mode>Normal to return to edit mode

Printing Scale to fit

InDesign Intro

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

o Results in Loaded Cursor:

Drag across both pages, and resize (Use bounding Box)

Reduce the opacity:

InDesign Intro

With the Logo selected, make the logo to be displayed as high res:

My final version:

InDesign Intro

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:

InDesign Intro

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:

InDesign Intro

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

InDesign Intro

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

InDesign Intro

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 Intro

media department | duquesne university note… · web viewwith the logo selected, make the logo...

Documents