adobe fireworks cs3 revealed chapter two: working with objects

32
Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Upload: griselda-phelps

Post on 21-Jan-2016

219 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Adobe Fireworks CS3 Revealed

CHAPTER TWO: WORKING WITH OBJECTS

Page 2: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Chapter 2 Lessons

Work with vector tools Modify multiple vector objects Modify color Apply filters to objects and text Apply a style to text

Fireworks Chapter 2 2

Page 3: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Understanding Vector Objects

Can modify vector object properties with great flexibility

Can alter appearance by grouping, combining paths, or adjusting alignment

Can apply a solid color, gradient color, or a texture

Fireworks Chapter 2 3

Page 4: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Understanding Vector Objects

Can adjust the stroke appearance Stroke, Fill, and Filters sections on the

Property inspector Changing the order in which effects

appear in the Filters list on the Property inspector

Fireworks Chapter 2 4

Page 5: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 1

Work with Vector Tools

In this lesson, you will:

Create paths and objects using vector tools

Modify paths and objects using vector tools

Fireworks Chapter 2 5

Page 6: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 1

Understanding Vector Tools and Paths

Vector object can be Straight or curved path Combination of open, closed, straight, or

curved paths Path segments connect anchor points

Path is always editable by adding, deleting, or moving points

Fireworks Chapter 2 6

Page 7: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Figure 1: Points on paths

Drag point handles to

adjust curveCurve point

Corner point

Fireworks Chapter 2 7

Page 8: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 1

Using the Pen Tool and the Subselection Tool Pen tool

Add or delete points on a path Subselection tool

Move points on a path

Both tools Convert corner and curve points to each

other Modify point handles to adjust curves

Fireworks Chapter 2 8

Page 9: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 1

Using the Pen Tool and the Subselection Tool Bézier curves: two-dimensional curves in a

vector object Path scrubber tools

Alter a path’s appearance based on pressure and speed of stroke

Fireworks Chapter 2 9

Page 10: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 2

Modify Multiple Vector Objects

In this lesson, you will:

Create, copy, align and combine paths of vector objects using the Punch command

Group objects

Fireworks Chapter 2 10

Page 11: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 2

Aligning and Grouping Objects Align and distribute objects using

Align commands on Modify menu Align panel

Group objects into single object Group command on Modify menu Can ungroup at any time Can modify properties for entire group

Fireworks Chapter 2 11

Page 12: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 2

Combining the Paths of Multiple Objects Combine Paths commands: applied to two

or more ungrouped vector objects Join Split Union Intersect Punch Crop

Fireworks Chapter 2 12

Page 13: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Figure 11: Sample Combine Path commands

Original objects

Join includes all points of all

paths

Union path is sum of all

paths

Fireworks Chapter 2 13

Page 14: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Figure 11: Sample Combine Path commands

Punch outlines top

object through path

Intersect area is

common to all paths

Crop uses area of top path to remove those

belowFireworks Chapter 2 14

Page 15: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Figure 20: Grouped objects

Paths combined

with Punch command

Grouped objects

Fireworks Chapter 2 15

Page 16: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 3

Modify Color In this lesson, you will:

Apply a gradient fill to an object Modify a gradient fill

Fireworks Chapter 2 16

Page 17: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 3

Understanding Fills and Gradients Fill types available

Solid Gradient Web Dither Pattern

Fireworks Chapter 2 17

Page 18: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 3

Understanding Fills and Gradients Pattern fills: bitmap

images with complex schemes and textures

Can use preset patterns Can create a new

pattern

Figure 21: Pattern categories

Fireworks Chapter 2 18

Page 19: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 3

Understanding Fills and Gradients Gradient: two or more colors that blend

into each in a fixed design Gradient tool on the Tools panel Edit Gradient pop-up

window modifies gradient, colors, opacity, and transitions

Fireworks Chapter 2 19

Page 20: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Figure 27: Adjusting fill handles

Round handles adjust gradient

placement

Square handles adjust gradient width

Fireworks Chapter 2 20

Page 21: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 4

Apply Filters to Objects and Text In this lesson, you will:

Add filters to objects, including text Change the order of filters in the Filters list

Fireworks Chapter 2 21

Page 22: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 4

Understanding Filters Apply to any object from the Filters section

of the Property inspector Known as Live Effects because you can

edit them Similar to filters, labs, or renders in other

programs Can change order of filters in the Filters list

Fireworks Chapter 2 22

Page 23: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Figure 29: Filter categories

Fireworks Chapter 2 23

Page 24: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 4

Using the Filters menu Contains commands that correspond to

many features in the Filters section Not editable after you apply them Can only undo the action of applying a

filter during current work session

Fireworks Chapter 2 24

Page 25: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 4

Filters and File Size Enabled filters generally contribute to

increased file size Disabling a filter instead of deleting it does

not significantly add to file size Some filters decrease file size

For example: Blur, Blur More, Gaussian Blur filters

Fireworks Chapter 2 25

Page 26: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 4

Understanding Transparency Can adjust the transparency of an image

or effect Controlled by opacity settings on Property

inspector 100%: completely opaque 0%: completely transparent

Fireworks Chapter 2 26

Page 27: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 5

Apply a Style to Text

In this lesson, you will: Apply a style to text Add a new text style to the Styles list

Fireworks Chapter 2 27

Page 28: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 5

Using Styles in Documents Styles: preset

attributes, such as color and texture

Applied to objects and text

Can create a custom style and add it to Styles panel

Figure 35: Style applied to objectsFireworks Chapter 2 28

Page 29: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Figure 40: New Style dialog box

Selected properties will

be applied when style is

applied

Fireworks Chapter 2 29

Page 30: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 5

Using Plug-ins Plug-in: adds features to an application Can install plug-ins from other software

applications into Fireworks Plug-ins are platform-specific

Fireworks Chapter 2 30

Page 31: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Lesson 5

Using Adobe Photoshop Plug-ins and Features Preferences dialog box

Folders tab contains options for Photoshop plug-ins, textures, and patterns

Import tab allows you to determine how Fireworks translates Photoshop layers and text

Fireworks Chapter 2 31

Page 32: Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS

Summary

Chapter 2 Tasks Work with vector tools Modify multiple vector objects Modify color Apply filters to objects and text Apply a style to text

Fireworks Chapter 2 32