Adobe has seen fit to remove Type 1 Font support from future versions of InDesign (Adobe Support article). Support will end in January of 2023, so we don't need to worry about it for now. All of our lessons use Type 1 Fonts, specifically Minion and Myriad. So if you see a blue bar with a warning that True Type fonts won't be supported, ignore it.
We got to here: lesson03-mid.zip
Adobe changed the name of Master Pages to just Parent. What they're trying to emphasize with the name change is that Parent pages always have a Parent/Child relationship with pages the Parent has been applied to.
The top parent has and element that is "inherited" by all it's children
Any changes to a parent is "inherited" by all it's children. The same is true for children of children
Notice the page numbers are correctly displayed!
Apply Master to Pages...from the Pages panel flyout menu
Result
Insert Pagesfrom the Pages panel flyout menu
It's basically drag and drop
Skip
Demo the ability of InDesign to keep track of page number across documents and sections within a document
• Start Page Numbering at: 1
Style: i, ii, iii, iv...
vand open the menu again...
• Start Page Numbering at: 5
Style: 1,2,3,4...
This is actually bad practice. What happens if you add a page or two between pages 1- 4. 5
will now be the wrong number. It's better to use
• Automatic Page Numbering,
which does the right thing.
03_Newsletter.indd
Adjust Layout
New feature in CC 2019. Not a usual condition, but it can happen that you need to redo the entire document at a different size. Do this with the file
03_end.indd
- Open the Doument Setup dialog and choose
Adjust Layout...
Page Size: A4
- Try it again with Tabloid size, and set Adjust Font Size checkbox on
Page Size: A4
Adjust Font Size (checked on)- Results
Letter
A4
Tabloid
There are certain sections from our textbook that are critically important to understand to be adept at using inDesign. This is one of them. I will put a thumbs up icon like this at the beginning of the section title (as above) to indicate these sections.
This is where the rubber meets the road, where we put the pedal to the medal, we go all out, and other aphorisms. This is what makes inDesign the powerful, efficient tool that it is. Building a well designed set of Master/Parent Pages, then replacing the placeholder elements by overriding them on the Pages
Working with what we have so far, save it as 03_Newsletter.indd
. Here we'll add some content to the actual pages using the established guides, header and footers, and placholder frames from the A-3-column Layout Master/Parent Page
This loads up the cursor with multiple, placeable, objects. Each click and release places the first object in the stack and moves to the next one.
This ain't how it's done in the real world. It's way easier just to find the bits you need sequentially and place them one at a time.
You can see a little (4) showing there's 4 objects loaded into the cursor...
Again, this ain't how it's done in the real world. Snippets should be used for content that gets used multiple times across multiple documents and projects
The headers at the top of the page for the two Master/Parent Pages has placeholder text set to a specific font and style. It's been named with the self-descriptive [Placeholder Text]. If you just click on it, you can't select or edit it. It requires the special gesture of Shift+Command/Control click to free it up.
Bees and Bugson page 2 and
Gardening Tipson page 3
[Quote from our text] A very important concept to keep in mind when setting up a document is whether any elements will print all the way to the edge of the paper. If so, you need to account for how that is accomplished in commercial printing. The bleed guides that we set up in the newletter template are there to enable you to do that.
In commercial printing, pages are printed on large peper, and pages are arranged to fold correctly on bindery machines, rather than on single sheets as on an office printer. For example, the pages could be 2-up on a small digital press, or 8-up on a ty[p[ical large offset press. Throughout the printing process, tolerances are built in to alow for slight variations, and one of theose tolerances is bleed.
Sheets of printed material are cut while in lage stacks, and even with a very sharp industrial blade, it's impossible to cut exactly to the edge of an image hundreds or even thousands of times. So to get a perfect edge every time while allowing for the mechanics of cutting paper in stacks, any artwork that will print to the edge must acutally extend past where the blade will cut the printed sheet.
Diagram of a press sheet. Red is the bleed area and is trimmed off.
Therefore, to create a finished piece with photos or other elements that print right to the edge of the page, you actually must extend those items in the InDesign file past where the blade will cut the sheet to the final size. That produces a clean edge because the blade cuts through the printed image, not unprinted paper.
Here, we'll check that items extend sufficiently beyond the page edge, and fix them if they don't.
The strawberry image stops at the edge of the paper. Just stretch out the crop frame to the bleed line fix it
How to get rid of all those margin and guide lines to see how the document will look when printed (but short of the Client Presentation oriented Presentation mode)
Normal View
Preview View
Notice that the bleed content and the guides have disappeared.
Rotating Spreads
Skip this, too much of an
edge condition, as they say in tech support and QA circles.
Note: I don't expect (or want) you to copy my layout (masthead, images, etc.). This is just for demonstration purposes.
Menu > New > Document...
Print tab, choose: Letter
Width: 51p0
Height: 66p0
Orientation: Portrait
Facing Pages:
(checked on)
Columns: 3
Gutter: 1p0
Margins: 3p0 all around
Result
Menu > Layout > Create Guides
Add 8 row guides, 1p gutters, fitted to Margins
Result
Draw a rect across the top with the Rectangle Frame tool
Fill it with black
Click into the frame with the Text Tool and type "The Khazar Gazette"
Set it to white (paper color), Arial Black, Regular, 43pt, Centered
Menu > Object > Text Frame Options
Add a 5pt black line below the masthead, 5pts below the bottom of the rect
Draw the line at the base of the text box, set it to 5 point, then use Menu > Object > Transform > Move to move it exactly 7.5 pts down, so it will be exactly 5 pts below the base of the Rect.
With the text tool, click and drag from the bottom edge of the 5pt
With the Control Panel, move the text frame down to 1p0 and make it 2p0 shorter. Don't forget to reset the Reference Point to upper left.
Result
Fill the text box with Placeholder Text.
Menu > Type > Fill with Placeholder Text
Sometimes "Align to baseline grid" gets set by default. It will screw up all attempts to set leading. Set it to "Do not align to baseline grid".
With Menu > Objects > Text Frame Options dialog set number of columns to 3 with 1p gutters
Set the text to Justified with the Paragraph Panel
Result
Deselect all
Menu > File > Place... "Pencil_Blended.png"
Click at the top of the second column and drag to right margin
Set the text wrap of the image:
For this object, no spacing around it
Drag the bottom of the image frame to the horizontal row guide
Set the body copy to Minion Pro 12/14
Set the Space Before the paragraph to 7pt (0p7)
Make it a Paragraph Style
Make the Body Copy layer invisible
Zoom in
With the text tool, drag from the left edge of column 2 to the right margin, right below the image. Type out "Cute, isn't he?" and Menu > Type > Insert Special Character > Other > Right Indent Tab and "Painting by James". Select it all and set to Italic
To control spacing above and below the caption do the following:
Make the body copy visible again and set the text wrap bottom distance to 1p
Open 04_Start.indd. Resave as 04_Objects.indd
Even though our text doesn't say anything about it, and I thought it was deliberate for about 2/3rds of the demo, it's best to update the links when you first open the 04_Start.indd file
Layer behave in InDesign pretty much the same way they do in Illustrator, except that a set of layers is only relevant to the current spread
About Layers
Think of layers as transparent sheets stacked on top of each other.
You can:
- Turn layers on and off (visible/invisible)
- Drag layers around to change stacking order (and therefore change who's in front of whom)
- Lock Layers
The book is wrong in its description of dragging the object to a new layer by the little square in the layers panel. You actually need to shift-select the two objects in the Layers panel, and not in the document window to get them both to move at the same time...
Text is usually located within a Text Frame (though you can do type on a path too).
Best practice is to put as much of your text in as few text frames as possible.
Featured(shift-return)
Blossoms
Right Flush Title
Very cool feature! The text frame shrinks up to the height of the text within it.
Botanical Gardens Worldwide:. Notice that there's a red + sign at the lower right of the text frame, indicating overset text
Drag from the bottom down to the guide at 6.5 inches. Note the change in the cursor and the guide when your near the guide.
Just as there are some tutorials from our text that are critically important, there are also lots of tutorials in the text about how to do things that are more feature exposés and marketing hype than actual useful capabilties that are used in the real world. This is one of them. I will mark the heading of sections from our book that are like this (as above) with this thumbs down icon
Using Smart Guides
Really handy UI! Gives live feedback about when things are lined up or the same size
- Align To Object Center
- Align To Object Edges
- Smart Dimensions Causes the width, height, or rotation of an object to snap to the dimensions of other objects on a page or spread. Little green arrows and lines indicate when this can happen.
- Smart Spacing Lets you quickly arrange objects so that the space between them is equal
Demo with this file
Show Hidden Charactersis on (Menu > Type > Show Hidden Characters)
Rose
General Tab
Number: 3
Gutter: 0.125in
Foxgloveand choose Menu > Type > Insert Break Character > Column Break. Do the same before
Crocus.
Urban Oasis Garden Spring 2019
Inset Spacing
Left: 2 in
Right: 0.625 in
Spring
The Right Indent Tab is unique in that it takes any text to the right of it and sets it to align with the right edge of the frame's far right side. Most editing applications do this with a special tab mark that you have to set by hand in the Tab ui
First off, make sure the Graphics layer is selected in the Layers panel...
urban-oasis-logo.aiin the Links folder in the Lesson04 folder
Result
If it's not already set, choose Menu > Object > Display Performance > High Quality Display
urban-oasis-logo.aiin the Links folder in the Lesson04 folder again
It's upside-down, but we'll fix that later
This is a real power user move... In other words, it's rarely used.
Don't forget to use the arrow keys to change the layout into columns and rows
The image and the frame for any placed graphic are separate elements.
To resize the image (without resizing the frame), select the content by choosing the content grabber donut thingy. You can also do it with Menu > Object > Select > Content.
For the second row we'll take advantage of InDesign's Fitting UI
There's a special tool in the tool bar called the Gap tool (U). It's used to adjust the size and position of the spaces between frames.
The shift key makes the gap tool move only the gap between the two top images, otherwise it would change the gap all the way down the column. It's also important to hold down the shift key before clicking with the tool
You can do arithmetic in any numerical field. You can even use mix unit types and use fractions!
Metadata is information about an image that's part of the image's file data. It can hold things like the GPS location of where a photo was taken, keywords, creator name and address and tons more. The graphic on the left shows the metadata as displayed in Adobe Bridge for the rose image in the upper left
Next we'll retrieve metadata out of the six graphics files to give them a caption
Text Before: (blank)
Metadata: Description (about in the middle of the list)
Text After: Flower
Alignment: Below Image
Offset: 0.02
Paragraph Style: Photo Credit
Layer: [Same as Image]
Place and Link uses a single graphic multiple times within a document. Updating the graphic's appearance changes its appearance anywhere the graphic appears in the doc. Classic Parent/Child relationship. We'll use the Content Collector tool as a sort of repository for holding the graphics that when dragged onto the page will become a child of the parent graphic in the Content Collector.
The whole point to the Content Collector
Notice that there's two spots in the Links panel that show the BleadingHearts.jpg image
The < and > brackets indicate the file is linked to a parent object
Planting Your Gardenarticle
Notice in the Links panel in the upper left of the selected graphic, a little yellow triangle with an exclamation point in it appears. This means the graphic is out of sync with the parent graphic.
To fix the graphic, click on the Update Link button at the bottom of the Links panel.
Be sure to select Replace Selected Item
Hard to see, but the new photo is just a bit more contrasty than the original
CARNATION
Be sure to hold down the command/control key, or only the frame will change size, and not the graphic.
Distance from edge set to 0.25in
Wrap Options: Wrap To:
Both Right & Left Sides
Contour Options: Type:
Detect Edges
Then nudge with the arrow keys to get a good text wrap.
How to get non-rectangular shapes...
We'll change the shape of an existing rect by subtracting shapes from it
The cyan color is for visualization only. Make sure to go out all the way to the bleed line, or more accurately to the right and bottom edges of the purple rect in the background.
Result
This is stupid. No one does this. Just draw a circle instead, but since the book did it to also show repeating shapes and distributing them, let's play along...
Much more useful...
Repeat
Count: 8
(do the distance first, or this will give an error)
Offset
Vertical: 0 in
Horizonal: 0.875 in (7/8 inch)
Result
Cyan color for visualization only
Result
Result
Align to Pagein the Align popup menu, then tweek them so their centered between the two horizontal guides
Result
More Ooh, look, the marketing department told us we had to demo this cool new feature
demos. The UI is the same as Illustrator, drag the icon at the corner to round the corner.
Closeup view
The white square changes to a yellow diamond, indicating you've changed modes
Holding the shift key down before dragging will set only the corner you're dragging on.
Very similar to every other design app, but a bit more access thru the Control panel
Make sure the registration point is in the center and type in 180 in the roatation field
You could also just drag one of the corners with the shift key held down
Like I like to say, lining stuff up is half of good design. These tools really help with that.
Is it just me, or were these already aligned?
The tomato gets a thick line around it to indicate it is the Key Object for alignment.
The Alignment panel will automatically switch to Align To Key Object mode when you click the second time.
Result
If you don't hold down the command/control key, the gesture will resize the frame, but not the graphic inside it.
Holding the Option/alt key down when you drag will create a copy of the dragged object. Remember to hold down the option/alt key before clicking, or it won't work.
This is a great feature, I know of no other app that has it. Be great if they added it to Illustrator!
Result
This is pointless and completely impossible to remember how it works. It's easier just to use the direct selection tool, or ungroup the objects and edit them that way. Or (new feature) you can just double-click on the object within the group you want to select and InDesign does it. Essentially, it Isolation Mode (adapted from Flash) that's existed in Illustrator for about 20 years.
Just skip this...
Yes, InDesign can draw lines with arrowheads (and tails)!
Nice little feature if you ever need it. I don't see them being used as much as they used to be.
Type: Web Hyperlink
URL: http://www.adobe.com
