Duq



InDesign singlepage.doc jma501 rev 03/31/2015

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

[pic]

• Goal: to produce this:

[pic]

We will also make the document be “Fluid”. This lets us scale the document to any size, or to create alternate documents. For example, we could size the document for an IPhone, IPad, or Android devices.

• If necessary, create a JMA501/ InClass/Indesign folder

• And create an Images folder inside InDesign folder

• Download the Assets for InDesign zip file into inClass/InDesign/Images , or directly download the two files

• Content includes: A photo and a Word document

[pic]

• Start InDesign

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

[pic]

If you know you’re creating for IPad: choose digital publishing. The defaults are displayed below

[pic]

• Choose Print as Intent

• Shows many print options:

[pic]

.:

Note: If we make a fluid design, we can resize it after we create for a paper document. Let’s do that.

Here is what I finally entered:

[pic]

I set ½ inch margins, 2 columns

[pic]

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 defaults

• Click OK or click the Preview button

Here is what you should see:

[pic]

Note: If you see a blue box around a shape, it indicates frame edges; use View/Show/Hide Frame edges to show or hide

[pic]

Note: We put content inside frames. Two frame types: Type and “Rectangle”

InDesign Print-Related Features.

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

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

[pic]

Also, open the Character and Paragraph panels:

• Window>Type and Tables>Paragraph

• Window>Type and Tables>Character

• Dock Character panel onto Paragraph

[pic]

• Draw a text frame/box: use the Type tool and drag a type box; do so in each column, covering most of each column…

[pic]

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

[pic]

• 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

[pic]

Set Location values

Y Values

• Let’s position the tops of the two text frames to each 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)

[pic]

Set X values…bit more difficult

The left text frame

Q: What was the left margin size?

• Choose frame # 1

• Choose any reference point 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

[pic]

Column/Frame # 2

• Choose any reference point in the right most column

[pic]

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!

[pic]

Threading Text

Saw with Illustrator

Anyone remember what it is?

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

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

[pic]

• Click the outport and then click any ware inside column 2’s text frame:

[pic]

• Use the text tool to add blank lines between paragraphs… (note: Specify the line beginning with Ramos as a paragraph )

[pic]

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

[pic]

• Click inside the box

• Find your Character panel

• Choose Impact, 24 points

[pic]

• Type something: “My First InDesign Document”

• Use the Paragraph panel to center the text inside the box

[pic]

[pic]

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

• Switch to Character panel

• Select the new text, then

[pic]

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

[pic]

And you should see:

[pic]

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 pt Times New Roman

• Note: (Use the Hand tool to move the artboard)

[pic]

• 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”

[pic]

• 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:

[pic]

• 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...

[pic]

• 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…

[pic]

• 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:

[pic]

• Try using the first two options:

[pic]

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,

• Select the girl image

o Select Object>Clipping Path>Options

[pic]

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

[pic]

• Change the tolerance as needed

• Click OK

• Back to text wrap panel

• Choose the third option:

[pic]

• Adjust the spacing around the girl:

[pic]

• Click away and Choose View>Extras>Hide Frame Edges to hide the bounding boxes,

• or click the Preview tool:

[pic]

• View>Screen Mode>Preview to see how will print

• View>Screen Mode>Normal to return to edit mode

Printing

• Scale to fit

[pic]

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:

[pic]

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

• Reduce the opacity:

[pic]

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

[pic]

• My final version:

[pic]

• Save as OnePageWithLogo.indd

Liquid Layouts

For a long time we have been able to resize the pages:

• File>Document setup:

[pic]

Can change size in the Pages Panel:

[pic]

Problem is page resizes but objects stay the same size, items jump all over…

Liquid Layout to the rescue

Today we most often use the Page tool

• Click the page tool

[pic]

• and note the control area:

[pic]

The Liquid Layout features are now in the control area

[pic]

You will also see resize handles:

[pic]

Try resizing:

It works, but doesn’t stick!

• Alt-drag makes the resize work

Specify resize values in Control area. Let’s make it 5” by 4”

[pic]

Here is the result

[pic]

• Undo

Note: Common Resolutions:

• Original IPad : 1024 x 768

• Today: 2048 x 1536

• Iphone 6: 375 x 667

• Iphone 6 plus : 414 x 736

• Drop down: Make page into a business card:

[pic]

See what recenter option does:

• Objects don’t resize

Alternate layouts

SKIP to END

• Choose Layout>Create alternate layout:

• I named mine “Landscape”

[pic]

Assumes you want Landscape but click the button anyway

• The Pages panel now for V1 shows a “v” for vertical: and “Landscape

[pic]

Notice it’s built from the “V” version

Double-click on Landscape page

Note: Common Resolutions:

• IPad : 1024 x 768

Other resolutions

• Iphone 6: 375 x 667

• Iphone 6 plus : 414 x 736

• Click Preview

.

[pic]

• Stay with scale

• Resize for IPad : 1024 x 768

• Can 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

• Click Preview

• Change rulers to points, see 1024 x 768?

Try this:

Create another version but make it for IPhone 6 plus

• Layout>Alternate Layout

• Click back on “V” (vertical)

[pic]

• Create another alternate version, name it IPhone

• Enter 414 pt x 736 pt (Iphone 6 large) in the control panel

• In the Pages panel, double click on Iphone:

[pic]

• Enter the W,H size in pixels in the control area

Should see:

[pic]

• Seems to have worked (Examine rulers to verify)

In class: Exercise

1. Make a version for an IPad,

2. change something on the “V version and see if it passes the change to the other versions.

End

................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download