adobe indesign cs3 chapter 7 creating graphics. chapter 72 introduction indesign allows you to...

35
ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS

Upload: paula-brooks

Post on 18-Jan-2016

228 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

ADOBE INDESIGN CS3

Chapter 7

CREATING GRAPHICS

Page 2: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 2

Introduction

InDesign allows you to create graphics using tools in InDesign

The Pen Tool can be used for drawing straight lines, curved lines, polygons, and irregularly shaped objects

You can create shapes with the Rectangle Tool, Ellipse Tool, and Polygon Tool

LESSON 1

2

Page 3: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 3

Use the Pen Tool

The Pen Tool creates straight or curved line segments called paths

Clicking Pen Tool on artboard creates an anchor point

Line segments are automatically placed between every two anchor points

LESSON 1

3

Page 4: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 4

Use the Pen Tool

An open path is a path with unconnected end points

A closed path is a path consisting of continuous lines that do not contain end points

LESSON 1

4

Page 5: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 5

Use the Pen Tool

Straight line segments are created by creating corner anchor points

Click Pen Tool once, then release

Lines connected by corner points

Reconnecting to a path

Position Pen Tool over path’s end point until diagonal line appears beside Pen Tool, then click end point

LESSON 1

5

Page 6: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 6

Use the Pen Tool

LESSON 1

6

Closed paths

Straight path

Open and curved path

Page 7: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 7

Use the Pen Tool

Adding anchor points and using the Direct Selection Tool

Use Pen Tool to create the general shape

Use Direct Selection Tool to improve upon

Deselect path first, then click with Direct Selection Tool

Click anchor point and drag to new location

LESSON 1

7

Page 8: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 8

Use the Pen Tool Deleting anchor points

When Pen Tool positioned over existing anchor point, it automatically changes to Delete Anchor Point Tool Click to delete anchor point When deleted, two line segments are joined into one

Drawing curved segments with the Pen Tool To draw curve, click an anchor point, then click and drag Pen Tool

when creating next anchor point Anchor points are called smooth points Direction lines determine arc of curved path

LESSON 1

8

Page 9: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 9

Use the Pen Tool

Changing the shape of path using direction lines

Manipulate direction lines with Direct Selection Tool

Click point you want to modify, then drag direction handle in new direction to change direction, shorten or elongate it

When two segments joined at corner, they can be manipulated independently

LESSON 1

9

Page 10: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 10

Use the Pen Tool

Converting anchor points

Direction lines move in tandem but can be moved independently with the Convert Direction Point Tool

Smooth point changed into corner that joins two unrelated curves

Convert Direction Point Tool can change corner points to smooth points Click Convert Direction Point Tool on anchor point and drag

pointer until new direction lines appear

LESSON 1

10

Page 11: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 11

Use the Pen Tool

Use the Convert Direction Point Tool to change corner points to smooth points and smooth points to corner points

LESSON 1

11

Corner point

Click and drag corner point with Convert Direction Point Tool pointer

Resulting point is smooth

Page 12: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 12

Reshape frames and apply stroke effects

Reshaping frames

Toolbox offers tools for creating shapes Rectangles Ellipses Polygons

Click a path with the Direct Selection Tool or the Pen Tool to manipulate the path and the anchor points within shapes

LESSON 2

12

Page 13: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 13

Reshape frames and apply stroke effects

Reshaping frames

When Selection Tool selected bounding box appears with eight handles, which can be manipulated

When you select Direct Selection Tool, bounding box disappears and is replaced with its path

Clicking the Pen Tool has same effect as clicking Direct Selection Tool

LESSON 2

13

Page 14: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 14

Reshape frames and apply stroke effects

LESSON 2

14

Anchor points can be moved

Example of path selected with Direct Selection Tool

Page 15: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 15

Reshape frames and apply stroke effects

Defining Strokes

Color that you apply to a path is called a stroke

You can manipulate a stroke with the Stroke panel once it is applied

LESSON 2

15

Options in the Stroke panel

Page 16: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 16

Reshape frames and apply stroke effects

Defining joins and caps

A join defines the appearance of a corner point when a path has a stroke applied to it

Miter join – produces pointed corner

Round join – produces rounded corners

Bevel join – produces square corners

LESSON 2

16

Page 17: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 17

Reshape frames and apply stroke effects

A cap defines end points when stroke added

Butt caps – produce square ends

Round caps – produce round ends

Projecting caps – apply square edges that extend anchor points

LESSON 2

Page 18: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 18

Reshape frames and apply stroke effects

LESSON 2

18

Examples of caps and joins applied to artwork

Page 19: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 19

Reshape frames and apply stroke effects

Defining the miter limit

Miter limit determines when join is squared off to beveled edge

Default miter limit is 4, which means that when length of miter reaches 4 times the stroke weight, it will automatically be squared off to a beveled edge

LESSON 2

19

Page 20: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 20

Reshape frames and apply stroke effects

LESSON 2

20

Examples of miter

Page 21: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 21

Creating a dashed stroke

Dashed strokes are strokes that consist of a series of dashes and gaps

Define dash sequence by entering length of dashes and gaps in the Stroke panel

Create a maximum of three different size dashes separated by three different size gaps

LESSON 2

21

Reshape frames and apply stroke effects

Page 22: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 22

Reshape frames and apply stroke effects

LESSON 2

22

Dashes have Butt caps12 pt.

gaps

6 pt. dash

24 pt. dash

Page 23: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 23

Creating polygons

Toolbox offers Polygon Tool and Polygon Frame Tool to create multisided objects such as triangles, pentagons, and hexagons

To determine number of sides you want, double-click tool to open Polygon dialog box

LESSON 3

Work with polygons and compound paths

Polygon dialog box

Page 24: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 24

Creating compound paths

Create compound paths to cut hole in another object Use Make Compound Path command to create

LESSON 3

Work with polygons and compound paths

Page 25: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 25

Work with polygons and compound paths

LESSON 3

25

Two paths that make up a compound path

Page 26: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 26

Work with polygons and compound paths

Complex compound paths create interesting visuals

LESSON 3

26

Page 27: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 27

Work with polygons and compound paths

Creating anchored objects

Objects you create and use as text characters

Objects placed or pasted into text blocks at intersection point

Once part of text any modification of text affects object

If you want to reserve space for anchored object not yet available, click Object on menu bar, point to Anchored Object then click Insert

LESSON 3

27

Page 28: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 28

Work with polygons and compound paths

LESSON 3

28

Example of anchored objects

Page 29: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 29

Work with advanced text features

Positioning type on a line

Use the Type on a Path Tool to place type on a curved or straight path

Float Type on a Path Tool pointer over path until plus sign appears, then click path

Begin typing

When text positioned on path, default start, end, and center brackets appear, as well as in port and out port for threading

LESSON 4

29

Page 30: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 30

Work with advanced text features

Positioning type on a line

Drag start bracket with either of selection tools to move text along path

If you drag from center text will flow in opposite direction

Once entered, edit text just as in text frame

Use Baseline Shift text box in Character panel to make text flow above or below path

LESSON 4

30

Page 31: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 31

Work with advanced text features Converting text to outline

Convert text to outlines so that you can fill it with images or gradients

Select text, click Object on menu bar, then click Create Outlines Each letter object is a vector graphic

LESSON 4

31

Page 32: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 32

Work with corner effects Applying Corner Effects

A simple way to convert the corners of a frame or polygon To access corner effects, click Object on menu bar, then

click Corner Options Click Effect list arrow in Corner Options dialog box and click

Preview box

LESSON 4

32

Page 33: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 33

Work with drop shadows Applying a drop shadow

Drop Shadows – a soft-edge graphic that appears behind another, appearing as a shadow

Click Object on menu board, point to Effects, then click Drop Shadow

Effects dialog box opens with Drop Shadow category checked

LESSON 4

33

Page 34: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 34

Work with drop shadows Applying a drop shadow

Dialog box contains three sections for specifying appearance of drop shadow

Blending section lets you choose mode, color, and opacity

LESSON 4

34

Page 35: ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can

Chapter 7 35

Work with drop shadows

LESSON 4

35

Effects dialog box