Categories
Art and Design

Adobe Max: Typography for Print *and* Digital

Bookmarked InDesign Type and Layout for Print and Digital (Adobe)

Learn how to use type and layout in InDesign to elevate the look, credibility, and impact of your layouts for both print and digital designs.

Choosing type for screen

  • avoid large differences between the thick and thin parts of the letters (stroke modulation)
  • x-height (relative type of lowercase characters)
  • avoid light typefaces
  • check if typeface has screen version
  • check glyphs

Typeface resources

Combining type

  • use serif and sans serif versions of same family, look for families with many weights and styles
  • go bold and look for max contrast between style and weight (e.g. heavy sans serif with lightweight serif)
  • go all in on one typeface, use other elements like casing, italics, indents, spacing, and decoration to differentiate
  • look for typefaces designed by same person / foundry

Adjust layout from print to type

Look at new page ratio (e.g. iPad 4:3 – width:height)

Change unit to pixels

Edit > Adjust Layout

  • Can do calculation in the width box: [height in pixels]/3 * 4 to convert to 4:3 aspect ratio – divide by 2 if spread
  • Reduce margins and make uniform (if spread could make inside margin half)
  • Set bleed to 0
  • Check box to adjust font size

Make sure “auto-fit” box is checked for images so they adjust with resize

Export > EPUB fixed layout

  • Spread control: convert spread to a landscape page

Composition and type flow

Preferences > Composition: check H&J Violations (hyphenation and justification) – useful for improving spacing with justified type

Type > Story > check optical margin alignment – allows punctuation to overflow bounding box (set type to same size as body type)

Use GREP style to deal with short single-word lines

  • create character style with “no break” checked
  • GREP style = .{#}\r (any string of # characters that occurs at the end of a paragraph – 8 is recommended)

Fix widows by adjusting tracking in previous paragraph with short last line, to pull the type up by one line

  • Preferences > Units and Increments > Kerning/Tracking – set to 1
  • Never set tracking to more than -10 to keep it unnoticeable

Structuring your document

Layout > Create Guides – set gutter to the same as the leading of body type

View > Grids and Guides > unlock column guides to allow uneven sized page columns

In addition to layout grid, use a baseline grid (document-wide layout grid) to keep type

  • Preferences > Grids > relative to top margin, increment should match leading (or be related to leading, such as half of leading), turn off “grids in back”
  • Paragraph styles > Indents and Spacing > Align to Grid > all lines (apply to body paragraph and other paragraphs you want)

Object > Text Frame Options > Baseline Options > match increment to baseline grid, check “use custom baseline grid” and set relative to top inset, change start to desired value (e.g. 10 lines down would be 10 x leading of 12 = 120) – use infrequently

Create object style to be able to apply to other frames

Inline graphics: make sure leading in paragraph where you’re pasting it is set to “Auto”

Typographic flair

Stylistic sets – allows you to choose alternate OpenType glyphs consistently in a block

Character > OpenType > Stylistic Sets

Knockout text: check knockout group and adjust text to opacity 0%

Shortcuts

W: show guides

Alt-left arrow: reduce tracking

Cmd-shift-hyphen: add discretionary hyphen (disappears if text reflows and it’s not needed)

Categories
Art and Design Resources and Reference

Adobe Max: InDesign Deep Dive

Watched Diving Deep into Adobe InDesign from Adobe

Learn how to be more efficient working with InDesign layouts, and discover how to speed up your workflow by mastering the features you use every day.

Woo! InDesign advanced tips! I’ve avoided learning GREP because it seems complicated and wasn’t sure exactly what all it could do, but this had some interesting use cases and good instructions.

Importing from Word

Resave word doc file extension as .zip file, then use a program to unzip it and it will extract the original media files in their unedited format.

Import Word > reserve local overrides to preserve bold, italics, etc.

Find/Change with GREP

  • Figure out what is unique about imported style
  • Match “positive lookbehind” to add circumstance if your text is always after a specific type of formatting (e.g. two hard returns)
  • Icons under Search – far right icon lets you select a style to search within – useful to remove excess numbering ๐Ÿ˜ƒ
  • Bottom box lets you use search to apply formatting
  • Preformatted multiple return to single return deletes extra spacing

GREP Styles

GREP style = dynamic reference to a character style

Paragraph Style > GREP style > new GREP style > select character style > write expression or exact word

To define a set of multiple words to apply formatting to: (WORD|WORD|WORD)

(Can also be accomplished with nested styles)

GREP formatting

  • . = any character
  • ^ = beginning of the paragraph
  • + = may be more than one
  • \. = period
  • use a space for a space
  • | = or
  • () = defines a set
  • \d = any digit
  • {#,} = at least as many as this number, i.e. .{20,} would look for a series of at least 20 characters

More GREP resources:

Conditional Text

Hide specific pieces of text with conditional text: select text, include final return of paragraph, check the conditional text style, click the eye symbol to make it not visible

Responsive style – use GREP – can apply formatting based on conditions, e.g. reduce font size based on character length

Track Changes

  • Window > Editorial > Track Changes (must be set up as a user first)
  • File > User – set yourself up as a user
  • Click in text frame, then click “power” to track changes in that frame (can also select “enable track changes in all frames”)

See track changes: Edit > Edit in Story Editor (ctrl-y)

Then can accept or reject changes from Track Changes window

Edit > Preferences > Track Changes – choose colors for track changes

Can also use menu to accept / reject all changes by a specific user

Tables

Importing from Excel

  • Select area you want to import, right click and select “define name”
  • Save file as .xls
  • When importing check “show import options” – change cell range to the named selection

Formatting Tables

Tip: create a “clean cell” style that clears borders and styles

(Nice, I already know most of this stuff ๐Ÿ’ช Have done a lot of table formatting in my day ๐Ÿ˜„)

Click table frame then hold shift to expand evenly – also works for cells to move cell divisions without sliding over all other cells!

To insert picture, convert to Graphic Cell, select cells and adjust formatting with Object > Frame Fitting Options > fit content proportionally from the center, then can increase inset to make images fit without touching

Quickly Transforming and Matching Images

Adjust eyedropper options to only select certain styles, such as object size

Select multiple images and adjust placement in frame: select all frames, Object > Select > Content, use arrow keys to move all

To redefine size of multiple objects at once: first change one, select others and Object > Transform sequence again individually

Other Notes

Paragraph Style Bullets and Numbering > create new list style to ensure numbering associated with that style

Window > Interactive > Hyperlinks > Convert URLs to hyperlinks > can apply style at same time

Ha! He adds emojis to the names of paragraph styles to make them stand out

Object > Convert Shape

Categories
Art and Design

Adobe Max: Interactive Documents

Watched Transforming Any Document into a Digital Experience with InDesign from Adobe

Learn how to transform any document into an immersive digital experience ready for the web with InDesign. Include hyperlinks, videos, image galleries, and more.

Presented by Kladi

Beginner level session — but she moves quickly enough it’s actually interesting to see someone else’s workflow. Picked up some shortcuts I didn’t know, I should probably get around to looking up and learning them for InDesign since I use it so much ๐Ÿ˜…

Shortcuts:

  • Escape –> select text frame after creating it
  • Alt-Ctrl-C –> fit to frame
  • Alt-Shift-Drag –> copy and move on same plane
  • Shift-Option-Ctrl-E –> size proportionally
  • Ctrl-2 –> text frame options

Epub Interactivity Preview:

  • Clear preview to refresh
  • Full document preview mode (bottom right corner), then press play

Add video from media panel

Categories
Art and Design

Adobe Max: InDesign New Features

Watched Improving Design Workflows with the Latest Features in InDesign from Adobe

Join InDesign product managers Abhinav Agarwal and Abhinav Kaushik for an overview of the latest features and enhancements in InDesign that make it even more powerful and efficient. Whether youโ€™re new to InDesign or use it every day, youโ€™ll leave with new ideas to inspire creativity along with tips and timesaving techniques to make your life as a designer a lot easier.

New stuff looking good! Interface scaling and What the Font equivalent connected to Adobe Fonts to find similar fonts and create styles.

Cool upcoming feature of letting non-designers without an Adobe subscription edit text online. I found InCopy kind of a pain to use so this looks like a better approach.

Found out about a feature I didn’t know about, Gridify. Drag the image box and use arrow keys to create a grid to automatically place and scale the images.

(Fun presenters – hard to pull off when it’s prerecorded)