21
Fireworks for Web Design. Because, down deep, we all know Photoshop blows. (even you, Mark...and you, Rob)

Fireworks for Web Design

Embed Size (px)

Citation preview

Page 1: Fireworks for Web Design

Fireworks for Web Design.

Because, down deep, we all know Photoshop blows.

(even you, Mark...and you, Rob)

Page 2: Fireworks for Web Design

Let’s go ahead and get the jokes out of the way so we can concentrate on the content of today’s

presentation:

Yes. Katy Perry has a song called “Firework.”

Photoshop has one too. It’s by Blink- 182 and called

“Dammit.”

Page 3: Fireworks for Web Design

Part 1

Common tasks, simplified.

Page 4: Fireworks for Web Design

Somebody tell me why this method is perfectly acceptable.

Select via the context menu Select via the layers palette

Simple Selection

Page 5: Fireworks for Web Design

Simple Selection

1STEP

Select an object

2STEP

Move or edit the selected object

3STEP

There is no 3rd Step.

How Embarrassing.

Yes. I’ve used Auto-Select. It’s not that hot.

Page 6: Fireworks for Web Design

Copy/Paste

⌘C ⌘VSelect an object Pastes in Place

You can also Paste Inside an Object or Paste as a Mask. But that’s not all, friends:

Page 7: Fireworks for Web Design

Unlimited(ish) Undo

⌘Z

Redo? ⌘ + Y

Page 8: Fireworks for Web Design

Unlimited(ish) Undo

What’s that, Old Timer? What about the History Panel?

Don’t worry, there’s one of those too.

Page 9: Fireworks for Web Design

Grouping

⌘GTwo Objects

Ungroup? ⌘ + Shi! + G

One Object

Page 10: Fireworks for Web Design

Part 2

The good stuff.

Page 11: Fireworks for Web Design

Vector Objects

Export to .ai? Yes.

Page 12: Fireworks for Web Design

Objects and Properties

2 3

1

45

Page 13: Fireworks for Web Design

Symbols

I’m just a simple shape.

Look at me now.

Page 14: Fireworks for Web Design

9-Slice

Original:

Variations:

Page 15: Fireworks for Web Design

Libraries: Document and Common

Page 16: Fireworks for Web Design

Alignment

Page 17: Fireworks for Web Design

Interactive Gradients

3

Linear Radial

Simple Scaling Ellipse

Page 18: Fireworks for Web Design

Styles: Object and Character

Page 19: Fireworks for Web Design

Interested in learning more about Fireworks?

Read more about it. www.isphotoshopbetterthanfireworks.com

Crack it open. You probably already have it on your machine.

Try a short tutorial.www.craigerskine.com/category/fw-png-week

IM me with questions.AIM: elliottatviget

Page 20: Fireworks for Web Design

Do I care if you end up sticking with Photoshop?

No.

Do I care that you try something new?

Absolutely.

Page 21: Fireworks for Web Design

Thanks.

www.slideshare.net/elliottmunoz