You are on page 1of 82

Adobe

InDesign
EXPLORING NEW WAYS OF
CREATIVITY
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.
3

What is Adobe
InDesign?

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
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. 5/4/2016


OPONE
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. 5/4/2016


OPONE
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. 5/4/2016


OPONE
1
4

Interface

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
15

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
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
OPONE docks
ICT 117 BY FRANCISGIAN T. 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. 5/4/2016
OPONE
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. 5/4/2016


OPONE
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. 5/4/2016


OPONE
2
0

Getting
Started

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
2
1

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
22

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
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. 5/4/2016


OPONE
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. 5/4/2016
OPONE
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. 5/4/2016
OPONE
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. 5/4/2016
OPONE
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. 5/4/2016


OPONE
2
8

TOOLBOX

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
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. 5/4/2016
OPONE
30

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
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. 5/4/2016
OPONE
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. 5/4/2016


OPONE
33
TOOLBOX (FUNCTIONALITIES &
DESC)

▶ Allows you to easily


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

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
34
TOOLBOX (FUNCTIONALITIES &
DESC)

▶ Create precise,
smooth lines
using anchors
points.

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
35
TOOLBOX (FUNCTIONALITIES &
DESC)

▶ Adds anchor points


to an existing pen
selection.
▶ Accessed through
Pen Tool.

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
36
TOOLBOX (FUNCTIONALITIES &
DESC)

▶ Deletes anchor
points from existing
pen selection.
▶ Accessed using
Pen Tool

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
37
TOOLBOX (FUNCTIONALITIES &
DESC)

▶ Toggles the
direction point on
an existing pen
selection.
▶ Accessed through
Pen Tool.

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
38
TOOLBOX (FUNCTIONALITIES &
DESC)

▶ Selects text or
designates insertion
point for adding
text.

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
39
TOOLBOX (FUNCTIONALITIES &
DESC)

▶ Enters and edits text


on a path.
▶ Accessed
through the Type
Tool.

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
40
TOOLBOX (FUNCTIONALITIES &
DESC)

▶ Draws hard-edged
freehand strokes
on an image.

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
41
TOOLBOX (FUNCTIONALITIES &
DESC)

▶ Progressively
smoothens a
path with each
pass.
▶ Accessed
through the
Pencil Tool.
ICT 117 BY FRANCISGIAN T. 5/4/2016
OPONE
42
TOOLBOX (FUNCTIONALITIES &
DESC)

▶ Erases line
segments and
points.
▶ Accessed
through the
Pencil Tool.
ICT 117 BY FRANCISGIAN T. 5/4/2016
OPONE
4
TOOLBOX (FUNCTIONALITIES & 3
DESC)

▶ Creates straight
lines.

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
44
TOOLBOX (FUNCTIONALITIES &
DESC)
▶ Creates an empty
rectangular placeholder.
▶ Creates an empty
elliptical placeholder.
▶ Creates an empty
polygonal placeholder.

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
4
TOOLBOX (FUNCTIONALITIES & 5
DESC)

▶ Used to draw
rectangle, ellipse
and Polygon.

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
46
TOOLBOX (FUNCTIONALITIES &
DESC)

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

▶ Used to draw
rectangle, ellipse
and Polygon.

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
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. 5/4/2016
OPONE
49
TOOLBOX (FUNCTIONALITIES &
DESC)

▶ Repositions a page
on- screen for optimal
view.
▶ Magnifies or reduces
the area of the
page on-screen.

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
5
0

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
5
1

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
5
2

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
5
3

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
54

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
6
2

ORGANIZING THE
DOCUMENTS

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
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. 5/4/2016


OPONE
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. 5/4/2016


OPONE
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. 5/4/2016
OPONE
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. 5/4/2016
OPONE
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. 5/4/2016
OPONE
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. 5/4/2016


OPONE
69
How to hide guides

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

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
7
0

Inserting and Formatting


Text

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
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. 5/4/2016


OPONE
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. 5/4/2016


OPONE
7
Example: 3

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
7
4

Using
Colors

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
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. 5/4/2016
OPONE
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
OPONE
documents.
ICT 117 BY FRANCISGIAN T. 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. 5/4/2016


OPONE
7
Mixing Colors 8

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
7
9

Working with
objects

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
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. 5/4/2016


OPONE
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. 5/4/2016


OPONE
8
Links 2

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
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. 5/4/2016


OPONE
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. 5/4/2016
OPONE
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. 5/4/2016
OPONE
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. 5/4/2016
OPONE
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. 5/4/2016


OPONE
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. 5/4/2016


OPONE
8
How to Group Objects? 9

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
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. 5/4/2016
OPONE
9
1

Exporting to
PDF

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
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. 5/4/2016
OPONE
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. 5/4/2016


OPONE
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. 5/4/2016
OPONE
9
Saving 5
PDF

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE
10
3

End

ICT 117 BY FRANCISGIAN T. 5/4/2016


OPONE

You might also like