Media Department | Duquesne University
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.
To fulfill the demand for quickly locating and searching documents.
It is intelligent file search solution for home and business.
Related download
- defense finance and accounting service
- final year project report sourceforge
- washington college
- media department duquesne university
- requirements matrix charles county md home
- getting information on primary agricultural soils from the
- gcse scheme of work pearson qualifications
- text to speech the center for disability resources
- welcome to the university of south florida tampa st
- welcome to the vore buffalo jump
Related searches
- small business social media campaigns
- arguments in the media today
- free online media courses
- effects of social media on businesses
- starting a social media marketing agency
- why is digital media important
- a l media syllabus
- social media questions
- windows 10 media creation tool 32 bit
- gcu media student success center
- trending on social media now
- best social media marketing apps