Photoshop
         Tips. Tricks. Loveliness.
       or... how to make photoshop your bitch. ;)



Webmaster Jam Session • ...
?
&    wtf?!
       sh n!
    re ea
   f l
so o c
 s                 o_O?
The focus = The web
although I still love print & photo work.
“
Photoshop’s like the best
friend who will dip your hand


                       ”
in water while you’re sleeping.
=
1
Easy to learn.
2
It’ll bite you in the ass.
3
So, have patience.
    (Trial and Error)
3 + more = awesome.
      or... maybe not.
For the novice.
  Make sure to take notes!
1
Experimentation is key.
2
Don’t rely on tutorials.
3
Filters are for photos.
4
 Accidents happen.
Accidents can be good.
5
Guides do wonders.
6
72dpi. Always. Or not?
The only tools you need.
• Marquee Tool
• Horizontal Type Tool
• Eyedropper
• Move Tool
• Free Transform
Shortcuts.
 The easy way out.


 A=J
   in 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

      Snap to Things
SA;   (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
OSAk
Disregard everything I just said.
Sans destructive.
 Or, the art of being a Photoshop wuss.
1
Playing it safe.
2
Back it up.
3
Watch that eraser!
4
Wait! Don’t flatten it!
5
Can you live large?
Words to live by.
• Clipping Masks AOg
• Layer Masks
• Adjustment Layers
• Layer Sets (to keep organized)
• Back up your l...
DEMO! (^_^)
Slicing.
  Ow. -_-;
The Slicing Tool
 Doesn’t Cut It.
o_O?
1
Tables for Layout. :(
 But why would you use their HTML anyway? WHY?
2
     It’s not flexible!
You can’t overlap slices, and it creates extraneous images!
3
Doesn’t teach you how
 to “read” a layout.
?
 So, how do you
“read” a layout?
Your brain is a much
 better slicing tool.
Separate Elements.
• All backgrounds.
• All elements needing transparency.
• All images to be used for image
  replacement...
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. -_-;
Terms to Review.
• Anchor or Vertex
• Direct Select Tool
• Path Select Tool
• Convert Point Tool
• Shape Layers
DEMO! (^_^)
?
Do we still have time?
Photoshop
Photoshop
Photoshop
Photoshop
Photoshop
Upcoming SlideShare
Loading in …5
×

Photoshop

3,936 views

Published on

Published in: Technology, Art & Photos
1 Comment
5 Likes
Statistics
Notes
  • Interesting information about slide shows. You will get some information from this site http://www.slideshare.net/alysaally/information-about-adobe-photoshop-presentation/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
3,936
On SlideShare
0
From Embeds
0
Number of Embeds
17
Actions
Shares
0
Downloads
366
Comments
1
Likes
5
Embeds 0
No embeds

No notes for slide

Photoshop

  1. 1. Photoshop Tips. Tricks. Loveliness. or... how to make photoshop your bitch. ;) Webmaster Jam Session • Dallas, TX • September 22, 2006
  2. 2. ?
  3. 3. & wtf?! sh n! re ea f l so o c s o_O?
  4. 4. The focus = The web although I still love print & photo work.
  5. 5. “ Photoshop’s like the best friend who will dip your hand ” in water while you’re sleeping.
  6. 6. =
  7. 7. 1 Easy to learn.
  8. 8. 2 It’ll bite you in the ass.
  9. 9. 3 So, have patience. (Trial and Error)
  10. 10. 3 + more = awesome. or... maybe not.
  11. 11. For the novice. Make sure to take notes!
  12. 12. 1 Experimentation is key.
  13. 13. 2 Don’t rely on tutorials.
  14. 14. 3 Filters are for photos.
  15. 15. 4 Accidents happen. Accidents can be good.
  16. 16. 5 Guides do wonders.
  17. 17. 6 72dpi. Always. Or not?
  18. 18. The only tools you need. • Marquee Tool • Horizontal Type Tool • Eyedropper • Move Tool • Free Transform
  19. 19. Shortcuts. The easy way out. A=J in Windows.
  20. 20. A+ Zoom In A_ Zoom Out
  21. 21. Ad Deselect SAi Invert Selection (don’t get this confused with inverting colors)
  22. 22. AD Background Fill OD Foreground Fill
  23. 23. A; Guides Snap to Things SA; (you kind of want things to snap)
  24. 24. At Free Transform (very powerful!!) SAT Transform (again)
  25. 25. SAn New Layer OSa Select All Layers
  26. 26. SAz Step Forward OAz Step Backward CS2 ONLY!
  27. 27. O Form From Center S Add O Subtract SO Intersect
  28. 28. OSAk Disregard everything I just said.
  29. 29. Sans destructive. Or, the art of being a Photoshop wuss.
  30. 30. 1 Playing it safe.
  31. 31. 2 Back it up.
  32. 32. 3 Watch that eraser!
  33. 33. 4 Wait! Don’t flatten it!
  34. 34. 5 Can you live large?
  35. 35. Words to live by. • Clipping Masks AOg • Layer Masks • Adjustment Layers • Layer Sets (to keep organized) • Back up your layers! Duplicate!
  36. 36. DEMO! (^_^)
  37. 37. Slicing. Ow. -_-;
  38. 38. The Slicing Tool Doesn’t Cut It.
  39. 39. o_O?
  40. 40. 1 Tables for Layout. :( But why would you use their HTML anyway? WHY?
  41. 41. 2 It’s not flexible! You can’t overlap slices, and it creates extraneous images!
  42. 42. 3 Doesn’t teach you how to “read” a layout.
  43. 43. ? So, how do you “read” a layout?
  44. 44. Your brain is a much better slicing tool.
  45. 45. Separate Elements. • All backgrounds. • All elements needing transparency. • All images to be used for image replacement. ^_^; • Etc, etc, etc, etc.
  46. 46. DEMO! (^_^)
  47. 47. The Pen Tool. It’s drawing time kiddies.
  48. 48. The pen tool... the scariest tool ever!!! o_O!
  49. 49. The pen tool... one of the most complex! Stop laughing Illustrator users. -_-;
  50. 50. Terms to Review. • Anchor or Vertex • Direct Select Tool • Path Select Tool • Convert Point Tool • Shape Layers
  51. 51. DEMO! (^_^)
  52. 52. ? Do we still have time?

×