InDesign Guide
InDesign Guide
InDesign Guide
Contents
Introduction to InDesign 1
Interface 1
Workspaces 2
Using Panels 2
Document Setup 3
Pages 3
Guides 4
Preview Mode 6
Layers & Object Arrangement 6
Text 7
Formatting 7
Linking Text Frames 8
Paragraph Styles 8
Text Wrap 9
Type on a Path or Shape 9
Images 11
Image Frames 11
Image Linking 11
Shapes 13
Colors 14
Fill vs Stroke 14
Using the Color Picker 14
Swatches 15
Gradients 16
Effects 17
Opacity 17
Drop Shadows 17
Errors 18
Overflow Text 18
Broken Image Link 18
Missing Font 18
Saving & Exporting 19
Transporting & Sharing Projects 20
Troubleshooting 22
Keyboard Shortcuts 23
Introduction to InDesign
InDesign is a layout software, meant for creating print and digital projects such as flyers,
brochures, and books. InDesign is used to arrange elements and design layouts, and isn’t meant
as a photo editor or word processor. If a project requires edited images or big blocks of text,
consider using other programs and then importing or copying them into an InDesign. Photoshop
can be used to edit images, and Google Docs or Word can be used to draft text. Be aware that
different versions of InDesign may vary in appearance and functionality.
Interface
1. Menu Bar
2. Options Bar
5. Toolbar
1. Menu bar: Includes saving options (under File) and interface options (under Window).
2. Options bar: Changes depending on what tool is selected. Contains specific options that allow
for greater control over elements like shapes and text.
3. Document Window: Where the document design takes place. May display a ruler and guides,
which are not visible in the final print.
4. Panels: Provide a way to access important tools and settings quickly. Many panels available,
and some have similar functions as the Options bar.
5. Toolbar: Used to interact with and add to the document. Many tools have a small white triangle
in the bottom-right-corner, which indicates that there are more tools stacked beneath the top tool.
To see the additional tools, click-and-hold on the tool icon; a drop-down menu will appear.
Workspaces
InDesign contains several preset Workspaces, which change the default Panels to better serve
particular kinds of projects, such as books or digital publishing. The default Essentials workspace
is good for most projects, but for projects with a lot of text or specific font designs, try the
Typography workspace.
To change the workspace, navigate to Windows >
Workspaces > Typography.
If a panel is closed or moved, the interface can
be returned to the original layout. To reset the
interface, navigate to Window > Workspace,
and selecting the “Reset” option (i.e. “Reset
Typography”).
Using Panels
The panels on the right side of the interface will change depending on what Workspace is
currently active, but all panels are available in any Workspace. To access a panel not currently
visible, navigate to Windows and select the desired panel. Panels with a checkmark to the left are
currently accessible from the main interface.
To open a panel, click the name of the panel to the right of the InDesign interface. The panel will
extend.
To hide a panel, click the double-arrows in the top-right corner of the panel to minimize it.
To access additional panel options, click the four stacked lines at the top-right corner of the
panel. There are often important options for deleting or duplicating elements associated with
the panel.
Document Setup
To create a new document:
1. Launch InDesign and click “Create new.”
• Alternatively, navigate to File > New > Document.
2. Select the appropriate intent for the project at the top of the window:
• Print for projects meant to be printed, such as flyers or booklets.
• Web for projects that are viewed on a computer, such as for a PDF, website, or image.
• Mobile for projects that are meant for mobile devices.
3. Adjust document settings, located to the left of the window, as desired. Settings include:
• Orientation (between landscape and portrait)
• Page size
• Number of pages
• Unit measurement (set as “Picas” by default).
4. When done, click “Create” to the bottom-right.
• Note: for a magazine-spread layout, make sure the Facing Pages option is selected. For
single pages stacked on top of each other, deselect the Facing Pages option.
To change any of these options after creating the document, go to File > Document Setup.
Pages
Some types of projects, such as books or multiple-page PDFs, require additional pages. Other
projects, such as flyers, may only require one page. Basic page controls are listed below:
• To access pages, click to open the Pages panel to the right of the interface (if it isn’t an
option, navigate to Window > Pages).
• To add a new page, click the New Page button to the bottom of the Pages panel.
Master Pages
Master pages are templates that can be used to
keep certain aspect of a document, such as footers
and pages numbers, consistent across pages. Using
master pages can save a lot of time and energy,
especially for multi-page documents. Master Pages
are located above regular pages in the Pages panel and every document has one master page by
default (“A-Master”).
To use and apply master pages:
1. Navigate to the Pages panel to the right of the interface. If it isn’t
an option, navigate to Window > Pages.
2. Double-click a master page from the top of the panel. “A-Master”
is available by default.
3. Add elements, such as text and images, as desired.
4. Right-click within the Pages panel and select “Apply Master to
Pages...” from the pop-up. A new window will appear.
5. Use the drop-downs to select the desired master page, as well as
the page to apply it to. Select “All” to apply it to every page.
• To clear a master page, select “None” as the master.
Elements that come from a master page will appear with dotted frames.
To add pages numbers:
1. Insert a text frame onto a master page.
2. Navigate to Type > Insert Special Character > Markers > Current Page Number. An “A” will
appear in the frame, which is a placeholder.
3. Format as desired in the Options bar.
4. Apply master to pages as described above.
5. Right-click the first page that numbering should start in the Pages panel, and select
“Numbering & Section Options”. The first page of a document isn’t always the first page for
numbering, such as a cover/title page.
6. Select the “Start page numbering at” option.
7. When done, click OK.
To remove a number from a page, such as the cover/title, a master page without a page number
text frame must be applied.
Guides
Guides provide a way of measuring and dividing up a page for layout purposes, without directly
impacting the look of the document; guides and grids won’t print or be visible in the final product.
Because frames and shapes easily snap to guides, setting them up early can insure that the final
result has clean margins and consistent spacing.
In the example below, the guides divide the page into sections with gutters of 1/4th inch, allowing
for consistent and even spacing between columns of text, images and shapes. The size of the
gutters will vary with the design of the project; if a little text needs to fill a big space, larger margins
can help.
Preview Mode
Preview Mode hides anything that won’t be visible in the final project, such as guide and margin
lines, and the outlines of frames and shapes. Press W on the keyboard to toggle between the
editing mode and the preview mode. Be sure to use the preview mode throughout the design
process, and to view the final project before exporting or printing.
Text
Text is contained within frames, which create a defined space. Text frames
can be moved like any other object or element.
To add text, select the Type tool from the Toolbar to the left and click-and-drag to create a
frame. Text can then be typed or pasted into the frame.
If there’s too much text to fit within the frame, the overflow text won’t be visible. Overflow
text is represented by a red box with a plus sign near the bottom-right-edge of the text
frame. Adjust the size of the frame or the text format until everything is visible, or see the
Linking Frames section for more details.
Formatting
When text is selected, formatting options will appear in the Options bar to the top of the window.
Two formatting modes are available: Character, and Paragraph. Switch between these modes with
the buttons to the left in the Options bar.
Character formatting
Options include standard settings such as font and size. Additional formatting includes:
Leading: (pronounced led-ing) is the space Scale (Horizontal & Vertical): Stretch or squash
between lines of continuous text. Select a few the text in a vertical or horizontal direction. This
lines of text and try increasing or decreasing is useful for changing the shape of a title to fill a
the leading to see what change it makes. certain area.
Leading can be useful when a block of text
needs to fill up a little more less space.
Tracking: The white space between each letter in
a selected block of text. The default settings are
Kerning: The white space between individual usually fine, tracking can be adjusted to alter the
letters. Unless small changes need to be look of a word, such as to fit a title all on one line
made, “Optical” is recommended. or to stretch it to fill a large area.
Fill & Stroke Color: The internal color of the letter shape. The color that outlines the letter shape.
Having an outline on title font can sometimes increase readability.
Paragraph Formatting
Options include alignment, indents, and spacing before and after paragraphs.
Alternatively, pre-existing text frames can be linked: Click the red square within the first text frame
so the cursor is “loaded.” Click anywhere within the second text frame to link them together.
Paragraph Styles
The formatting of text can be saved as a type of preset, known as a Style. Styles are useful for
applying the formatting of text from one part of a document to text elsewhere. Instead of needing
to highlight and re-configure all formatting manually, such as font and size, a saved Paragraph
Style can apply all formatting with one click. Using Paragraph Styles will help keep design
consistent across the entire document and save time.
To save a new Paragraph Style:
1. Format a section of text as desired (font, size,
etc).
2. Click the Paragraph Styles panel to the right
of the interface. If it isn’t an option, navigate to
Window > Paragraph Styles.
3. Click the Create New Style icon at the bottom of
the panel. A new style named “Paragraph Style
1” will appear in the list.
To change the formatting of a Paragraph Style, apply changes to the text as normal. Then, right-
click the style in the Paragraph Styles panel and select “Redefine Style”. All text that has that
Paragraph Style applied to it will update automatically to match the new formatting.
If the formatting of text with a Paragraph Style is changed, a plus icon will appear next to it in the
Paragraph Styles panel. To clear changes and revert back to the original Style, right-click it and
select “Apply ___, Clear Overrides”.
Text Wrap
Use Text Wrap to format text around an object, shape, or any type of frame. For example, every
screenshot image in this guide has Text Wrap enabled and the text flows around it. If Text Wrap is
not enabled and a text frame is placed on top of the object, the text will appear over the image; if
the text frame is below the object, the text will be covered up by the object.
To wrap text, select the desired object and click to open the Text Wrap panel to the right of the
interface (if it isn’t an option, navigate to Window > Text Wrap).
In the Text Wrap panel, options include (left to right):
• No text wrap: click to disable Text Wrap.
• Wrap around bounding box: creates a rectangular wrap,
the dimensions of which are determined by the frame of the
object.
• Wrap around shape: wraps text around the boundary of the
shape.
• Jump object: prevents text from appearing in any available
space to the right or left of the object frame.
• Jump next section: forces the surrounding paragraph to the
top of the next column or frame.
Below the Text Wrap options are offsets for the top, bottom, left,
and right sides of the object/frame. Offsets are used to give more space
between the object and the wrapped text. To lock the offsets increments
together, click the link icon between them.
Images
To add an image:
1. Ensure no element is selected. Navigate to Edit > Deselect All.
2. Navigate to File > Place.
3. Locate and select the desired image, and click Open. The cursor will be
loaded with the image.
4. Click-and-drag to the desired size, in the approximate desired area.
If the image is inadvertently placed incorrectly, such as within a different element or its a huge
size, undo (Edit > Undo, or Command+Z/CTRL+Z) and click-and-drag to place it again.
Image Frames
Similar to text, images are contained within frames. An image frame acts
much like the window; the parts of the image within the frame are visible, Frame outline: Blue
Image outline: Brown
and anything that extends beyond the frame isn’t. Images have two outlines:
a blue one, which is the image frame, and a brown one, which is the border
of the image itself. Be aware that the image and its frame can be different
sizes, and the frame can be used to crop the image.
Basic resizing controls:
• To resize an image and its frame together (recommended in most
cases), hold the Command key and click-and-drag one of the handles.
Hold the Shift key to maintain the image proportions and prevent distortion.
• To resize the image frame, such as to crop the image, click-and-drag the frame handles. The
size of the image itself won’t change, only the size of the frame.
• To resize the image itself without resizing the frame, double-click the image and its brown
outline will appear. Click-and-drag the handles to resize. Hold the Shift key to prevent
distortion.
• To change the position of the image within its frame, such as to change the area
of the image that’s shown, click-and-drag the circle in the center of the image.
The frame will stay in place and the image will move within it.
Fitting
Unless the image needs to be cropped with the frame, its recommended to keep the image and its
frame the same size to prevent confusion. If the image or its frame are inadvertently moved and
they no match, they can be lined up again quickly.
To match the image to its frame, right-click it and hover over “Fitting” in the pop-up. Then, select
either “Fit Frame to Content” or “Fit Content to Frame”.
Image Linking
Images added to frames are not, by default, embedded in a document; they are merely linked. If
an image that’s in a document is moved, the link to it in InDesign will break and it won’t appear
when the project is exported. For example, if the images for a project are stored on the desktop
and then moved elsewhere (such as the Pictures folder) later, all of the links will break and those
images won’t appear in the document properly. This is because InDesign expects the images to
still be on the desktop, but it can no longer find them at that location. See the Errors section for
more details about fixing broken image links.
Shapes
The rectangle tool, as well as the ellipse tool and polygon tool, can be used
to create shapes. All shapes can have custom colors and borders.
To create a shape, select one of the shape tools from the Toolbar, such as
the rectangle tool, and click-and-drag to draw it.
To create a proportionate shape, such as a circle or square, hold the Shift key while drawing. This
will lock the aspect ratio and ensure all sides of the shape are the same length.
To adjust the shape or size of a shape:
1. Use the Selection tool to select the shape. Small white handles will appear
along the edges and corners of the shape.
2. Click-and-drag the handles to alter the size and shape. To adjust the size
while keeping the same shape, hold the Shift key.
To rotate a shape:
1. Use the Selection tool to select the shape.
2. Hover just outside one of the corner handles. The cursor should change to a
curved, double-headed arrow.
3. Click-and-drag while this cursor is visible to rotate the shape in either direction. The
degrees of rotation will be visible to the right of the cursor.
Text frames and other elements can be adjusted the same way as shapes, such as
rotation. The Selection tool can be used to adjust the points of the shape, which can be
used to re-shape it. See the Color section for details about how to change colors and
borders.
Curves
To create a curve with the Pen tool, click-and-drag the cursor when creating an
anchor point, instead of single-clicking. As the cursor is dragged, the curve will
extend.
To adjust the curvature, select the Selection tool from the Toolbar, which looks
like a white pointer. Click the anchor point that has the curve, and then click-
and-drag the handles that appear.
To convert a regular (non-curved) anchor point into a curve:
1. Select the shape.
2. Select the Convert Direction Point tool (looks like an arrow, may be
nested under the Pen tool in the Toolbar)
3. Click-and-drag an anchor point to convert the anchor point into a curve.
Colors
Fill vs Stroke
Each element has two areas that color can be applied to: the fill, which is the inside, and the
stroke, which is the border. Fill and Stroke colors can be adjusted in the Options bar when the
element, such as text or a shape, is selected.
Text Shape
Fill Fill
Stroke Stroke
To choose a color, double-click the Fill or Stroke from the Options bar. The Color Picker will open
(see below for details). Alternatively, click the arrow next to the Fill or Stroke to open a panel of
Swatches and select a color. The white box with a red line through it indicates transparency.
To change the thickness of the Stroke, click the drop-down to the right of the
Fill and Stroke in the Options bar. Alternatively, click to open the Stroke panel
to the right of the interface (if it isn’t available, navigate to Window > Stroke).
The pattern of the Stroke can be adjusted here too.
When creating an InDesign Document, the color code will be set according to the intent. When a
Print preset is selected, CMYK colors will be used. When Intent: Web is selected, RGB colors will
be used. If a document is printed and the print colors look significantly different than the colors
on the screen do, it may be the result of an
incorrect setting in InDesign–or it may be
the result of a faulty printer!
RGB - Web
RGB stands for red, green, and blue, and
represents how colors are coded for digital
screens. Every color visible on a screen is
made up of a combination of red, green,
and blue, and altering these numbers (from
0-255) changes the intensity of that aspect
of a color. For instance, a pure blue would
Swatches
Color swatches can be used to save a color and quickly apply it to
elements. This is especially useful when working with a color theme
or palette because it will save time when applying colors through the
document. Swatches are accessible in the drop-down menu for both Fill
and Stroke.
To save a color as a swatch, open the Color Picker (double-click the Fill
or Stroke color from the Options bar) and select the desired color. Then,
click “Add Swatch”. The color will apply to the selected element, and be
added to the swatches list for later use at any time.
Gradients
A gradient is a gradual blend between two or more colors. Gradients can be applied anywhere that
color can, including as a Fill or Stroke.
To apply a gradient:
1. Create an element to apply the gradient to. Then, select it.
Effects
Effects can be applied to any element, such as text, shapes, and images. When an element is
select, effects are accessible under the “fx” drop-down in the Options bar.
Opacity
Changing the opacity of an object can be useful for overlapping shapes and
creating interesting graphics. Opacity can be added to any layer, including text
frames.
To change an object’s opacity:
1. Select an element with the Selection tool.
2. Locate the opacity drop-down menu in the Options bar,
which looks like a checkered box with a percentage to the
right.
3. Click the drop-down menu and move the slider, or enter a 100% opacity 50% opacity
new percentage. Experiment to find the best looking opacity
for your object.
Drop Shadows
Adding a drop shadow can help text or images pop off the page.
To add a drop shadow: Drop
1. Select the element with the Selection tool. Shadow
2. Click the “fx” button in the Options bar, and select the “Drop Shadow” option
from the pop-up that appears. A new window will appear.
3. Before making any changes, check the Preview box to the bottom-left. This will show a
preview of any changes.
4. Experiment with the options,
such as Opacity, Angle, and
Size, as desired.
5. When done, click OK. The
drop shadow will apply to the
element.
To remove and effect, click the “fx”
button from the Options bar, select
the effect, and uncheck the effect in
the list to the left of the window.
Errors
InDesign has a built-in function that highlights errors that might affect the final
export. Errors are noted at the bottom of the interface. If there are none, it will
say “No errors.”
To view errors:
1. Double-click the error count at the bottom of the
Interface. A new window will appear.
2. Navigate through the drop-down menus to see the
errors.
3. Double-click an error to move the page its on.
Alternatively, click the page number link (orange).
4. Make edits as needed.
Overflow Text
To solve an overflow text error, navigate to the overflowing text and adjust the formatting
so all of the text is visible. The overflow text error can appear if there are extra spaces or
unneeded lines without text at the bottom of a text box (see the Linking Frames section
for more details).
Missing Font
If text has been copied into a document, or if a document has been shared improperly, it may
be missing fonts or font substyles, such as Regular or Bold. InDesign indicates missing fonts by
highlighting the text in pink.
To correct a missing font error, highlight the affected font and select
an alternative font or font substyle. The original missing font can be
downloaded and installed on the computer to resolve this issue as well.
Fonts are broken up into many categories based on the shape of the letters, the most popular
groups being serif and sans serif. A serif is the decorative flourish on the end strokes, so serif
fonts usually look more traditional, while sans serif fonts have a more modern appearance.
{ Serif } { Sans }
Serif Font Sans Serif Font
Serifs No serifs
Readability is the most important consideration when formatting font. For printed documents, it
is recommended that blocks of text, such as body text, be printed in a serif font such as Times
New Roman or Cambria, which are easy to scan with the eyes when printed.
For documents meant to be read on the screen, such as PDFs or images, sans serifs fonts
are a better choice for blocks of text. Sans serif fonts, such as Helvetica Neue and Verdana,
are easier to read and adjust to on a screen.
Troubleshooting
I can’t see any/all the text I typed into a text frame.
Text that’s cut-off, or can’t be seen at all, is caused when text can’t fit within a text frame. This
can happen when too much text is in a text box, if the text is formatted improperly, or if the text
frame is set near a frame that has Text Wrap enabled. For details on overflowing text boxes, see
the Linking Frames section. Otherwise, adjust the formatting of the text or check whether nearby
frames have Text Wrap enabled (see the Text Wrap section for more details).
I can’t access panels referenced in this guide, OR my InDesign window looks different.
InDesign, as well as other Adobe software programs, uses a customizable interface known as a
Workspace. There are several preset Workspace options built-in that show different panels and
options. Sometimes panels and windows are accidentally moved or closed.
To change the current workspace, navigate to Window > Workspace and select a desired preset,
or select “Reset” to revert the current Workspace back to its default settings.
To access a panel that’s not currently listed, navigate to Window and select the desired panel.
Keyboard Shortcuts
Selection Tool V
Type Tool T