1. Photoshop
Tips. Tricks. Loveliness.
or... how to make photoshop your bitch. ;)
Webmaster Jam Session • Dallas, TX • September 22, 2006

3. ?

4. & wtf?!
sh n!
re ea
f l
so o c
s o_O?

5. The focus = The web
although I still love print & photo work.

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

7. =

8. 1
Easy to learn.

9. 2
It’ll bite you in the ass.

10. 3
So, have patience.
(Trial and Error)

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

12. For the novice.
Make sure to take notes!

13. 1
Experimentation is key.

14. 2
Don’t rely on tutorials.

15. 3
Filters are for photos.

16. 4
Accidents happen.
Accidents can be good.

17. 5
Guides do wonders.

18. 6
72dpi. Always. Or not?

19. The only tools you need.
• Marquee Tool
• Horizontal Type Tool
• Eyedropper
• Move Tool
• Free Transform

20. Shortcuts.
The easy way out.
A=J
in Windows.

21. A+ Zoom In
A_ Zoom Out

22. Ad Deselect
SAi Invert Selection
(don’t get this confused with inverting colors)

23. AD Background Fill
OD Foreground Fill

24. A; Guides
Snap to Things
SA; (you kind of want things to snap)

25. At Free Transform
(very powerful!!)
SAT Transform (again)

28. SAn New Layer
OSa Select All Layers

29. SAz Step Forward
OAz Step Backward
CS2 ONLY!

30. O Form From Center
S Add
O Subtract
SO Intersect

31. OSAk
Disregard everything I just said.

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

33. 1
Playing it safe.

34. 2
Back it up.

35. 3
Watch that eraser!

36. 4
Wait! Don’t flatten it!

37. 5
Can you live large?

38. Words to live by.
• Clipping Masks AOg
• Layer Masks
• Adjustment Layers
• Layer Sets (to keep organized)
• Back up your layers! Duplicate!

39. DEMO! (^_^)

40. Slicing.
Ow. -_-;

41. The Slicing Tool
Doesn’t Cut It.

42. o_O?

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

44. 2
It’s not flexible!
You can’t overlap slices, and it creates extraneous images!

47. 3
Doesn’t teach you how
to “read” a layout.

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

49. Your brain is a much
better slicing tool.

50. Separate Elements.
• All backgrounds.
• All elements needing transparency.
• All images to be used for image
replacement. ^_^;
• Etc, etc, etc, etc.

51. DEMO! (^_^)

52. The Pen Tool.
It’s drawing time kiddies.

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

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

55. Terms to Review.
• Anchor or Vertex
• Direct Select Tool
• Path Select Tool
• Convert Point Tool
• Shape Layers

56. DEMO! (^_^)

57. ?
Do we still have time?