Adobe InDesign

EXPLORING NEW WAYS OF CREATIVITY

ICT 117 BY FRANCISGIAN T. OPONE
 2
OBJECTIVES

 To know what Adobe InDesign do.

 To know what is Adobe InDesign.
 To learn how to use Adobe InDesign.
 To apply and use Adobe InDesign to your
field.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 3

What is Adobe InDesign?

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 4
What is Adobe InDesign?

 It’s a replacement of Adobe PageMaker.

 It’s a page-layout software.
 Publishing and Page Design beyond
boundaries.
 Used to create poster, flyers, brochures,
magazines, books & etc.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 5
What is Adobe InDesign?

 It’s a cross with Adobe Illustrator, Photoshop

& Acrobat.
 From printing production to digital
publishing.
 Primarily used for layout rather than content-
creation tool.
 Use combine text, images and vector.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 6
History of Adobe InDesign

 It is the successor of Adobe PageMaker.

 Release in August 1999.
 First release in Macintosh.
 15 versions of Adobe InDesign.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 14

Interface

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 15

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 16
Interface

A. Tabbed Document Windows

B. Application Bar
C. Workspace Switcher
D. Panel Title Bar
E. Control Panel
F. Tool Panel
G. Collapse to Icon Button
H. Four Panel groups in vertical docks
ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016
 17
Interface

 Application Bar
 Contains a workspace switcher, menus and other
application controls.

 Tool Panels
 Contains tools for creating and editing images,
artwork, page elements and etc.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 18
Interface

 Control Panel
 Displays options for the currently selected tool.

 Document Windows
 Displays the file you’re working on. It can be tabbed,
grouped and docked.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 19
Interface

 Panels
 Helps you monitor and modify your work. It can be
grouped, stacked and docked.
 Application frame
 Groups all the workspace elements in a single,
integrated window that lets you treat the application
as a single unit.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 20

Getting Started

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 21

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 22

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 23
Setting Up A Document

 Number of Pages
 Number of pages/total pages for the document.
 Facing Pages
 Make left and right pages face each other.
 Double-page Spread.
 Deselecting for stand alone page.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 24
Setting Up A Document

 Master Text Frame

 Create a text frame the size of the area within the margin
guides.
 Page Size
 Select a page size you want to use for the document.
 Letter, Legal, Tabloid, Letter-half, Legal-half and etc.
 Input a value for Width & Height.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 25
Setting Up A Document

 Orientation
 Click the Portrait Icon(Tall) or Landscape Icon(Wide).
 Interacts dynamically with the dimensions in the page size.
 Height has larger value portrait icon is selected while if
width has the larger value the landscape icon is selected.
 Adobe InDesign uses default measuring unit pica(p0).
 Although, users may still input inches(in) abbreviation and
let Adobe InDesign automatically convert its value.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 26
Setting Up A Document

 Bleed
 Used to align objects that you want to extend all the way
to the trim line of your document.
 Slug
 Used for special instructions to the printer, sign-off forms or
other information related to your documents.
 Not commonly use, especially when documents is
trimmed to its final page size.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 27
Setting Up A Document

Important Notes/Reminders:
 Check “OK” once you’re done with all the
document settings.
 For incorrect document formats/information it
can still be edited by simply clicking
File>Document Setup or simply holding
“CTRL + ATL + P”.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 28

TOOLBOX

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 29
TOOLBOX AREA

 The same tools used in Adobe Photoshop.

 Contains all the selection, drawing and viewing tools.
 Use to create, manipulate text and objects.
 If toolbox is missing, Click Window>Select Tools.
 Toolbox is divided into 4 categories each has different
functions.
 To access hidden tools. Click and Hold the mouse over
the small arrow in the bottom right corner.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 30

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 31
TOOLBOX (FUNCTIONALITIES & DESC)

 Allows you to select

lines, shapes, graphics
and text boxes.
 Selected
objects can
be moved, resized and
change attributes.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 32
TOOLBOX (FUNCTIONALITIES & DESC)

 Selects objects within

objects, such as
individual points on a
path and objects
inside groups or
objects.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 33
TOOLBOX (FUNCTIONALITIES & DESC)

 Allowsyou to easily
slide an image within a
frame to crop it.
 Accessed through the
Direct Selection Tool.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 34
TOOLBOX (FUNCTIONALITIES & DESC)

 Create precise,
smooth lines using
anchors points.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 35
TOOLBOX (FUNCTIONALITIES & DESC)

 Adds anchor points to

an existing pen
selection.
 Accessed through Pen
Tool.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 36
TOOLBOX (FUNCTIONALITIES & DESC)

 Deletes anchor points

from existing pen
selection.
 Accessed using Pen
Tool

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 37
TOOLBOX (FUNCTIONALITIES & DESC)

 Togglesthe direction
point on an existing
pen selection.
 Accessed through Pen
Tool.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 38
TOOLBOX (FUNCTIONALITIES & DESC)

 Selects text or
designates insertion
point for adding text.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 39
TOOLBOX (FUNCTIONALITIES & DESC)

 Enters
and edits text on
a path.
 Accessed through
the Type Tool.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 40
TOOLBOX (FUNCTIONALITIES & DESC)

 Draws hard-edged
freehand strokes on
an image.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 41
TOOLBOX (FUNCTIONALITIES & DESC)

 Progressively
smoothens a path
with each pass.
 Accessed through
the Pencil Tool.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 42
TOOLBOX (FUNCTIONALITIES & DESC)

 Erases line segments

and points.
 Accessed through
the Pencil Tool.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 43
TOOLBOX (FUNCTIONALITIES & DESC)

 Creates straight lines.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 44
TOOLBOX (FUNCTIONALITIES & DESC)

 Creates an empty
rectangular placeholder.
 Creates an empty
elliptical placeholder.
 Creates an empty
polygonal placeholder.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 45
TOOLBOX (FUNCTIONALITIES & DESC)

 Usedto draw
rectangle, ellipse and
Polygon.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 46
TOOLBOX (FUNCTIONALITIES & DESC)

 Applies
or changes the
gradient.
A gradual transition
between two colours.
 Gradually softens
gradient in a specified
direction.
ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016
 47
TOOLBOX (FUNCTIONALITIES & DESC)

 Usedto draw
rectangle, ellipse and
Polygon.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 48
TOOLBOX (FUNCTIONALITIES & DESC)

 Applies a note to a
specified area of the
document.
 Samples formatting
attributes from one
area and allows you to
apply them to another.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 49
TOOLBOX (FUNCTIONALITIES & DESC)

 Repositionsa page on-

screen for optimal
view.
 Magnifiesor reduces
the area of the page
on-screen.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 50

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 51

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 52

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 53

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 54

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 62

ORGANIZING THE DOCUMENTS

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 63
ORGANIZING THE DOCUMENTS

 Mathematical Precision in layout documents.

 Organize documents using Rulers, Guides &
Column Specifications.
 For precise placement of text & images for your
final output.
 Zoom Tool allows you to focus on a specific
area of your canvas.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 64
Margin & Columns

 Click Layout>Margin &

Columns.
 Input a value (in
Inches) that would
stand as a
Gutter/Gutter text
field.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 65
RULERS

 Used to measure the

placement of texts and
images.
 Measures in Inches from
“0” and run to horizontally
and vertically
 If rulers are not displayed,
click View>Show rulers or
CTRL + R.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 66
GUIDES

 Are temporary horizontal and vertical lines helps

you produce page layout with mathematical
precision.
 Only exist on-screen to help your layout.
 It keeps all parts of your documents aligned
properly.
 Rulers must be shown in order to insert guides.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 67
How to inserting Guides

 Place your pointer on the Horizontal or

Vertical ruler of your document.
 Click and Drag down onto the document
where you would like your guide to be.
 It would appear as a thin aqua line.
 To remove, simply drag it out of your
document.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 68
“Snap to” Guide

 Snap to a Guide is similar to

“Magnetizing”.
 Once an image/object will be
drag to a guide, it will lock
into the place of the guide.
 Toggle the snapping off & on
by View > Grids and Guides >
Snap to Guides or Shift+CTRL+;

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 69
How to hide guides

 Inorder to
remove/hide guides
you hide it temporarily
by going to View >
Grids and Guides >
Hide Guides or CTRL+;

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 70

Inserting and Formatting Text

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 71
How to use the Text Tool?

 To insert text simply toggle or click Text Tool(T).

 Once you have your raw text, Click the Pointer
Tool/Selection Tool, it will change the text field
into a box which is called “Element”.
 Element contains object and text which is inside
of it .

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 72
How to use the Text Tool?

 Using the “Selection tool” would let you

move the element anywhere in your page,
and by the help of “grippers” it will allow you
to adjust the width and length of your
element.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 73
Example:

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 74

Using Colors

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 75
Using Colors

 InDesign contains thousands of colour

options.
 It would also allows users to create & mix
your own colours.
 If Color Palette window would appear
hidden or missing. Click Window>Color.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 76
Using Colors

 InDesign contains 10 default color options

within the Swatches Palette.
 Two common color models: RGB & CMYK.
 Use RGB for your output be used in
computer or TV screen
 CYMK is used for printing documents.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 77
Mixing Colors

 Open the Color Palette.

 It will depends on the color mode or profile
you’re currently using in your document.
(RGB /CMYK).
 In Mix hues, use the slider bar.
 Users can also add a custom color by
clicking “Add to Swatches”.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 78
Mixing Colors

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 79

Working with objects

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 80
Working with Objects

 In every InDesign document would contains

text and graphics.
 Kinds of Object
 Text(Element) – A block of text within a defined
“Text Box”
 Image – A picture file.
 Graphic – Vector illustration created directly in
InDesign.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 81
Links

 InDesign is primarily a linking device.

 In inserting images save the image inside the
folder and link them into the document.
 If link palette is missing click Window>Links or
Shift+Ctrl+D.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 82
Links

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 83
Placing Image

 Place is the function used to insert an image

into your document.
 Once you place something in your
document it is “linked”.
 Store everything in the folder or location of
your document.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 84
How to place an Image or Object?

 Pointer Tool is selected.

 Go to File > Place.
 Select the file then hit
“OK”.
 Cursor will change into
a small grey picture box
that represents your
“unplaced” image.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 85
How to place an Image or Object?

 Switch to Pointer/Selection Tool to move the

object to the precise location.
 To resize, simply single-click the image > Click
Free Transformation Tool (E) and adjust using
the “Grippers”.
 To maintain the proportions and avoid the
image to pixellate, hold “Shift” in adjusting.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 86
Enabling Text Wrap

 Used for large text

block.
 “Text Wrap” is inserting
image without the text
or image overlapping.
 Window > Text Wrap

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 87
GROUPING OBJECTS

 “Grouping” maintain the relational distance

& move all at once.
 Used when you have many images, graphics
& Elements on the screen.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 88
How to Group Objects?

1. Using the Selection Tool, Select all the

object you want to group.
2. Hold down “Shift” while selecting.
3. Click Object > Group or Ctrl + G.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 89
How to Group Objects?

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 90
Saving your File.

1. File > Save as

2. A dialog box will
appear.
3. Navigate/Select the
save location.
4. Enter the filename
then click “Save”.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 91

Exporting to PDF

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 92
What is a PDF?

 Stands for Portable Document Format (PDF).

 It’s an excellent way to share page files
without matching fonts, application, reduce
large file size and cross platforms
compatibility. (MAC to PC).
 PDF contains original design in all aspects.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 93
What is PDF?

 Can be viewed and printed without the

original file/application.
 PDF files are compact nature.
 Files are compressed in a document.
 PDF are not fully editable.

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 94
Creating a PDF

1. Save your original file/document.

2. Go to File>Export>Adobe PDF.
3. A dialogue box will appear asking you to
save. In which you will save now the PDF.
4. Dialogue box will appear to adjust settings
from jpg quality in particular pages. Then hit
“Ok”

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 95
Saving PDF

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016

 103

End 

ICT 117 BY FRANCISGIAN T. OPONE 5/4/2016