Class 02

You should have read and worked thru
intro, and chapters 1 thru 3

What is InDesign?

How is it different than Illustrator & Photoshop?

Lesson 1: Introducing the Workspace

First, let's all reset our InDesign App:

Getting Help

The InDesign UI

Looking at the Workspace

Tools Panel

  • Resizing the panel
  • Moving the panel - ill advised
    • Reset with Workspace menu
  • Multiple tools buried under little triangles

Application Bar

  • Doesn't always show up
  • Everything in the App Bar is in the menus. It's mostly a way of advertising other Adobe products.
  • If you need help, use the Help Menu: InDesign Help...
  • It does have Adobe Bridge, which can be handy

Control Panel

  • Context sensitive information
  • Choose Menu > Screen Mode > Normal
  • Choose text with the Selection Tool
  • Tweak position with Control Panel
  • Tweak size (note linked icon)
  • Click in with the Type Tool and select all with a triple click
  • Tweak font size and tracking
  • In the book, they discuss moving and resizing the control panel. Don't...

The Document Window and Pasteboard

The Pasteboard

Selecting and Using Tools

Using the Selection Tool (V)

Selection Tool

Selection (V) vs. Direct Selection tool (A)

Shift-constrain

Using the Type Tool (T)

Type Tool

Click on existing type to edit

Click and drag on a blank area to add type

Unlike Photoshop and Illustrator, click-release doesn't create a line of type (Point vs. Paragraph text in Photoshop and Point vs. Area in illustrator)

Using the Line (\) and Hand tool (H)

Essentially the same as Illustrator and Photoshop

Line Tool

Line Tool

Hand Tool

Hand Tool (Hold down the space bar for temporary access to the Hand tool except when in the Text tool)

Using the Rectangle Frame Tool and the Ellipse Frame Tool

So far, the tools we've selected can be gotten directly by a click in the tools panel or by using a quick-key or modifier key like Space for the Hand tool. But some tools are nested underneath each other in the Tool panel, like the Frame tools.

Frame Tool

Click on the tiny gtriangle in the lower right corner of the tool icon to see the tools nested beneath the primary tool

Reviewing The Control Panel

The Control Panel at the top of the work space is a context-sensitive interface to the properties of the tool or object you current have selected.

Control Panel

Control panel with rectangle object selected

Control Panel

Control panel with Text object selected

Working with Multiple Document Windows

You can have more than one document open at a time in InDesign (pretty much like every app in the 21st century). Just open them thru the File menu's Open command.

Multiple Documents

They'll appear as tabs by default

Multiple Documents

But you can go to Menu > Window > Arrange and have multiple documents visible at the same time...

Multiple Documents

...making it easy to drag and drop objects from one doc to another.

Working with Panels

Panel Open

Clicking on a panel button opens it off to the side

Text Wrap Panel

You can also open a panel from the Window menu.
Try Menu > Window > Text Wrap

Text Wrap in Panels

You can add the Text Wrap panel to the set of panels on the right by dragging it into the Character Styles section of the panel

Collapsed to Narrow panels

You can change the width of the panel set by dragging the left edge

Expande Panel

But the most useful view of panels (if you have the screen real estate -get two monitors if you can!) is expanded with the little double arrows in the upper right of the panel set

Rearranging Panels

It's all about the previewing blue line that appears when you get close to a docking possiblity, which can't be screen-captured

And let's not forget resize!

Drag from the sides or bottom

Using Panel Menus

Most panels have a little popup menu in the upper left:

Panel Menu

There is ton of stuff buried under these menus.
Way more than any other Adobe product.

Customizing the Workspace

New Workspace

You can do tons of workspace customizing and save it thru the popup menu above the control panel

Changing the Magnification of a Document

Using the View Menu

Menu > View > Zoom In or Menu > View > Zoom Out

Using the Keyboard

Command/Control + to zoom in or Command/Control - to zoom out

Using the Zoom Tool

Zoom Tool Zoom Cursor

You can modify the zoom in/zoom out of the zoom tool by holding the Option/Alt key to toggle it. Click and release the tool to zoom in/out centered around the point you clicked on

Using Animated Zoom

Apparently, this only works on Mac OSX machines, and only those with GPUs (Graphic Processing Units, found on most Macs). This adds the following capabilities:

Navigating Through A Document

Navigating Pages

  1. By scrolling through the document window
  2. By double-clicking on a page in the Pages panel
  3. Pages Panel
  4. By selecting from the popup menu in the lower left of the document window
  5. Page Popup
  6. With Menu > Layout > Got To Page
  7. Go To Page

Using the Hand Tool

Either with the Hand Tool itself

Hand tool

Or by holding down the spacebar (except when editing text)

New Feature: With the Hand Tool selected, click and hold and the doc will zoom out and show a red rectangle indicating the area the hand tool is focusing on. Release it and that area will expand to fill the document window. Nice new gesture!

Using Context Menus

Context Menu

Using Panel Menus

Panel Menu

Click on the Hamburger Menu icon in the upper right corner of any panel to see the vast multitude of options within any given panel

Modifying Interface Preferences

Preferences

Under Interface in Preferences, which can be found under the Edit menu on Windows and under the Application menu in OSX.

CHAPTER 1
Review Questions

  1. What are some ways you can change the magnification (zoom level) of an object?
  2. How do you select tools in InDesign?
  3. What are three ways to display a panel?
  4. How do you create a panel group?

Lesson 2: Getting To Know InDesign

Source: Lesson02.zip

View: Screen Modes

document

8 1/2 x 11 inch paper 'slug'

Preflighting as you work

Preflighting is a way to check a document's preparedness for print. Originates from WWII Pilot's checklist concept for preparing to fly a plane.

Adding Text

Typing and Styling Text

Options for styling and placing text

InDesign has tons of options for styling text, pretty much controlled within these bounds:

  • Character Formats: Font, Style, Leading/Line Spacing, Letter Spacing, Caps
  • Paragraph Formats: Alignment, Inset Spacing, Indent Spacing, Space Before & After Paragraph, Hyphenation
  • Text Frame Options: Columns, Inset Spacing, Vertical Justification, Background Color, Border Width & Color

Importing and flowing text

Text boxes

"Place" is the method for importing all content into InDesign. You can all sorts of media, including directly importing MS Word .docx files. Here, we'll place some text into one of the text frames on the left side of the page.

A Word about Microsoft Word

Many writers like to include two returns between paragraphs and two spaces between sentences. You should remove these in Word before you import your Word file. You can do a search in word for  ^p^p   and replace it with   ^pp  , and a search for    .     and replace it with    .  

Styles

Styles are one of the most powerful features in InDesign. You can use them for styling characters, paragraphs, objects, and (ugh) tables and cells. They provide a method of making a document consistent in its design and layout. The great thing about them is if you change the definition of a style once in a document, you change every item that uses that style. You can also re-use styles in more than one document, which is how Publishers get their magazines and books and other printed material to be on-brand.

Applying Paragraph Styles

Paragraph Styles include formatting information about alignment/justification, indentation, spacing between paragraphs, init caps, shading and borders. Most of the stuff on the left side of the control panel when the text tool is active:

Paragraph Properties

To set the style of a paragraph

Note: This ain't how the pros do it

Anyone in there right mind would create two separate text boxes and place the text separately in each or insert a break character between them. Linking them creates too much room for error. This is a common problem with our text-book, they do things to demo features and not demo how it's done in the real world.

Applying Character Styles

Character Styles include formatting information about font size, kerning, tracking, width, weight, italics, underlined, super/sub script, skew, color. Most of the stuff on the right side of the control panel when the text tool is active:

Character properties

Formatting text for the character style

Creating amd applying a character style

Working with Graphics

Placing graphics in a matter of placing previously created graphics (with few exceptions) generated by another application thru the Place facility under the File menu.

Placing a bitmap graphic

Working with Objects

Moving and Rotating and Object

Changing and object's stroke and fill

Working with Object Styles

As with paragraph and character styles, you can create and apply object styles

And this is why you shouldn't do like the book says and have two linked text frames...

https://accounts.smccd.edu/khazarj/canada/mart378/mart378_home-auto.htm

Screen Modes

InDesign has several screen modes to review your work with:

InDesign Best Practices

We'll be covering these throughout the semester, but the book has a good list

CHAPTER 2
Review Questions

  1. How can you tell if an aspect of a layout will cause output problems?
  2. What tool allows you to create text frames?
  3. What tool allows you to thread text frames?
  4. What symbol indicates that a text frame has more text than it can hold—that is, overset text?
  5. What tool allows you to move both frames and graphics within frames?
  6. What panel provides options for modifying selected frames, graphics, and text?

That’s all for today! Next meeting...

Work on Chapter 3