OV 2 - 1Copyright © 2012 Logical Operations, Inc. All rights reserved.

Working with Vector Image Tools

Create Images with Vector Paths Use the Shape Drawing Tools Work with Type Type Special Effects

OV 2 - 2Copyright © 2012 Logical Operations, Inc. All rights reserved.

The Vector Path Tools

Toolbar

Vector drawing menu

Pen Tool

Freeform Pen Tool

OV 2 - 3Copyright © 2012 Logical Operations, Inc. All rights reserved.

Vector Paths and the Paths Panel

Path

Paths panelPath

Anchor point

Directional point

Directional point

OV 2 - 4Copyright © 2012 Logical Operations, Inc. All rights reserved.

Pen Tool Options Bar, Shape Mode Selected

Tool Mode

Fill Type Stroke Width

Stroke Type

Width Height

Path Operations

Path Alignment

Align Edges

Path Arrangement

Tool Preset picker

Drawing controls

Auto Add/Delete

Stroke Type

OV 2 - 5Copyright © 2012 Logical Operations, Inc. All rights reserved.

Vector Path, Shape Mode Selected

Vector image layer

Layers panel

Path

OV 2 - 6Copyright © 2012 Logical Operations, Inc. All rights reserved.

The Path Operations Menu

The Path Operations Menu

Combine Shapes Subtract Front Shape Intersect Shape Areas

ExcludeOverlapping Shapes

MergeShape Components

OV 2 - 7Copyright © 2012 Logical Operations, Inc. All rights reserved.

Vector Path, Path Mode Selected

Saved path

Paths panelPath

Options toolbar

OV 2 - 8Copyright © 2012 Logical Operations, Inc. All rights reserved.

Pen Tool Options Bar, Path Mode Selected

Tool Mode

Path Operations

Path Alignment

Align Edges

Path Arrangement

Tool Preset picker

Drawing controls

Auto Add/DeleteMake Shape

Layer

Make Vector Mask

Make Selection

OV 2 - 9Copyright © 2012 Logical Operations, Inc. All rights reserved.

Vector Path Editing Tools

Toolbar

Vector drawing tools

Toolbar

Vector selection tools

OV 2 - 10Copyright © 2012 Logical Operations, Inc. All rights reserved.

Activity: Drawing Using Vector Tools

OV 2 - 11Copyright © 2012 Logical Operations, Inc. All rights reserved.

The Shape Tools and the Options Bar

Tool Mode

Fill Type

Stroke Type

Stroke Width

Stroke Type

Width Height

Path Operation

Path Alignment

Align Edges

Path Arrangement

Tool Preset picker Options specific to the selected

shape tool

Drawing controls

Shape tool menu

Toolbar

Shape tools

OV 2 - 12Copyright © 2012 Logical Operations, Inc. All rights reserved.

Drawing Controls

Drawing controls for the Rectangle Tool,Rounded Rectangle Tool, Ellipse Tool,

and Custom Shape Tool

Polygon drawing controls Line drawing controls

OV 2 - 13Copyright © 2012 Logical Operations, Inc. All rights reserved.

The Custom Shape Picker

Custom Shape picker displayOptions toolbar

Custom Shape picker

Panel menu

Photoshop preset libraries

Library management

Preset display

Preset management

Panel menu display

Preset manager

OV 2 - 14Copyright © 2012 Logical Operations, Inc. All rights reserved.

Activity: Creating and Editing Vector Shapes

OV 2 - 15Copyright © 2012 Logical Operations, Inc. All rights reserved.

Categories of Typefaces

Serif typeface

Sans-serif typeface

Decorative typeface

OV 2 - 16Copyright © 2012 Logical Operations, Inc. All rights reserved.

Kerning and Tracking

Kerning

Too much space Correct spacing

Tracking set to -50 Tracking set to 200

Tracking

OV 2 - 17Copyright © 2012 Logical Operations, Inc. All rights reserved.

Alignment

Left-align

Rag

Measure or column width

Center

Right-align Justify

Leading

OV 2 - 18Copyright © 2012 Logical Operations, Inc. All rights reserved.

The Type Tools

Toolbar

Type tools

OV 2 - 19Copyright © 2012 Logical Operations, Inc. All rights reserved.

The Text Tool Options Bar

Text Orientation Font Size

AlignmentAnti-Aliasing

Left Align Text

Center Text

Right Align Text

Tool Preset picker

Font Family

Font Style

Text Color

Warped Text

Character/ Paragraph Panel Toggle

OV 2 - 20Copyright © 2012 Logical Operations, Inc. All rights reserved.

The Character Panel

Font Family Font Style

Font Size LeadingTrackingKerning

Horizontal ScaleVertical ScaleText ColorBaseline Shift

Anti-aliasing Language

Faux BoldFaux ItalicAll CapsSmall CapsSuperscriptSubscriptUnderlineStrikethroughStandard Ligatures

Contextual AlternativesDiscretionary LigaturesSwashStylistic AlternativesTitling AlternativesOrdinalsFractions

OV 2 - 21Copyright © 2012 Logical Operations, Inc. All rights reserved.

Type Options

Faux BoldFaux ItalicAll CapsSmall CapsSuperscriptSubscriptUnderlineStrikethrough

OV 2 - 22Copyright © 2012 Logical Operations, Inc. All rights reserved.

The Paragraph Panel

Indent Right MarginIndent Left MarginIndent First Line

Space Before Paragraph

Space After Paragraph

For the horizontal text tool and a text box: Justify last left Justify center Justify last right Justify allFor the vertical text tool and a text box: Justify last top Justify last centered Justify last bottom Justify all

For the horizontal text tool: Left-align text Center text Right-align text For the vertical text tool: Top-align text Center text Bottom-align text

OV 2 - 23Copyright © 2012 Logical Operations, Inc. All rights reserved.

Activity: Creating Text

OV 2 - 24Copyright © 2012 Logical Operations, Inc. All rights reserved.

Type Special Effects

OV 2 - 25Copyright © 2012 Logical Operations, Inc. All rights reserved.

Activity: Flowing Text Along a Path

OV 2 - 26Copyright © 2012 Logical Operations, Inc. All rights reserved.

Reflective Questions

1. Consider the designs your company creates and uses. What types of visual designs does your company produce that would best utilize vector-based design?

2. What if you had to create a logo that used a particular font, but the first letter had to be modified from the original letter shape. What technique would you use to accomplish this easily?