PhotoshopTips. Tricks. Loveliness.

Webmaster Jam Session • Dallas, TX • September 22, 2006

or... how to make photoshop your bitch. ;)

?

so fresh &

so clean!

o_O?wtf?!

The focus = The webalthough I still love print & photo work.

Photoshop’s like the best friend who will dip your hand in water while you’re sleeping. “

”

=

Easy to learn.

1

It’ll bite you in the ass.

2

So, have patience.(Trial and Error)

3

3 + more = awesome.or... maybe not.

For the novice.Make sure to take notes!

Experimentation is key.

1

Don’t rely on tutorials.

2

Filters are for photos.

3

4Accidents happen.

Accidents can be good.

Guides do wonders.

5

72dpi. Always. Or not?

6

• Marquee Tool

• Horizontal Type Tool

• Eyedropper

• Move Tool

• Free Transform

The only tools you need.

Shortcuts.The easy way out.

A = Jin Windows.

A+ Zoom In

A_ Zoom Out

Ad Deselect

SAi Invert Selection(don’t get this confused with inverting colors)

AD Background Fill

OD Foreground Fill

A; Guides

SA; Snap to Things(you kind of want things to snap)

At Free Transform(very powerful!!)

SAT Transform (again)

SAn New Layer

OSa Select All Layers

SAz Step Forward

OAz Step Backward

CS2 ONLY!

O Form From Center

S Add

O Subtract

SO Intersect

OSAkDisregard everything I just said.

Sans destructive.Or, the art of being a Photoshop wuss.

Playing it safe.

1

Back it up.

2

Watch that eraser!

3

Wait! Don’t flatten it!

4

Can you live large?

5

• Clipping Masks

• Layer Masks

• Adjustment Layers

• Layer Sets (to keep organized)

• Back up your layers! Duplicate!

Words to live by.AOg

DEMO! (^_^)

Slicing.Ow. -_-;

The Slicing Tool Doesn’t Cut It.

o_O?

Tables for Layout. :(But why would you use their HTML anyway? WHY?

1

2It’s not flexible!

You can’t overlap slices, and it creates extraneous images!

3Doesn’t teach you how

to “read” a layout.

So, how do you “read” a layout??

Your brain is a much better slicing tool.

• All backgrounds.

• All elements needing transparency.

• All images to be used for image replacement. ^_^;

• Etc, etc, etc, etc.

Separate Elements.

DEMO! (^_^)

The Pen Tool.It’s drawing time kiddies.

The pen tool... the scariest tool ever!!! o_O!

The pen tool... one of the most complex!Stop laughing Illustrator users. -_-;

• Anchor or Vertex

• Direct Select Tool

• Path Select Tool

• Convert Point Tool

• Shape Layers

Terms to Review.

DEMO! (^_^)

?Do we still have time?