ncet tech bite - photoshop - july 2015

Download NCET Tech Bite - Photoshop - July 2015

Post on 15-Aug-2015

81 views

Category:

Education

1 download

Embed Size (px)

TRANSCRIPT

  1. 1. Adobe Photoshop What Everyone Should Know Ron Marston 1 NCETTechBite RonMarston7.22.2015
  2. 2. Photoshop Preeminent pixel image editing software First introduced by Adobe in 1989 Current version - CC 2015 (version 16) Photoshop Lightroom for photographers Photoshop Elements Scaled down version Photoshop Express Mobile device version 2 NCETTechBite RonMarston7.22.2015
  3. 3. In Photoshop,its all about 3 NCETTechBite RonMarston7.22.2015
  4. 4. Resolution Pixels Per Inch (PPI) or (DPI) Number of pixels per linear inch of the image for sized digital images for screen resolutions Megapixels Total number of pixels in the file, in millions. for camera resolution Megapixes/image H x W = PPI2 4 NCETTechBite RonMarston7.22.2015
  5. 5. Resolution how much do you need? Printed Media: 300 ppi 180 ppi - newspaper or low quality 240 ppi - most commercial printing 360 ppi - gallery quality photo prints 5 NCETTechBite RonMarston7.22.2015
  6. 6. Resolution how much do you need? Screen Based Media: 72 ppi (?) wide range of screen sizes 6 NCETTechBite RonMarston7.22.2015
  7. 7. Resolution how much do you need? Screen Based Media: 72 ppi 577 ppi 72 ppi old-school - still hanging around dont use it! 96-132 ppi - most computer/tablet displays 25 desktop monitor 96 ppi iPad 132 ppi 300-400+ ppi most modern smart phones iPhone 5/6 Retina display - 326 ppi iPhone 6 Plus Retina display - 401 ppi Samsung Galaxy S6 HD display - 577 ppi 7 NCETTechBite RonMarston7.22.2015
  8. 8. Resolution how much do you need? Smaller Screens have higher PPI resolutions Images display smaller on smaller screens HD or Retina displays 2x or 3x resolution 8 NCETTechBite RonMarston7.22.2015
  9. 9. Resolution how much do you need? HD Smart Phones recalculate PPI for display iPhone 4/5/6 up-samples @ 2x (auto-scaling) iPhone 6 Plus up-samples @ 3x 326 ppi 163 ppi 401 ppi 134 ppi 9 NCETTechBite RonMarston7.22.2015
  10. 10. Resolution how much do you need? Bottom Line for Screen Resolution: Dont use 72 ppi or 577 ppi For most images @ 110 ppi (96 ppi 132 ppi) Video: 1080p (1920 x 1080 pixels) 4K (4096 x 2160 pixels) 5K (5120 x 2880 pixels) Photoshop CC 2015 New Device Preview feature for real time preview on any device. New Artboards feature to accommodate multiple sizes/layouts 10 NCETTechBite RonMarston7.22.2015
  11. 11. PPI and Megapixels Megapixes/image H x W = PPI2 Example: want 8 x 10 for print @ 300 ppi How many megapixels do I need? 11 NCETTechBite RonMarston7.22.2015
  12. 12. PPI and Megapixels Megapixes/image H x W = PPI2 Example: want 8 x 10 for print @ 300 ppi How many megapixels do I need? 80 in2 x 300 x 300 = 7.2 megapixels 12 NCETTechBite RonMarston7.22.2015
  13. 13. File Formats (digital Tupperware) Common formats for pixel images: JPEG PNG GIF TIF EPS PSD (Photoshop master file) 13 NCETTechBite RonMarston7.22.2015
  14. 14. File Formats JPEG (Joint Photographic Experts Group) Web friendly, highly compressed, adjustable lossy compression, no transparency support Good for: photographic images with lots of color Bad for: logos, type, vector art, charts and graphs 14 NCETTechBite RonMarston7.22.2015
  15. 15. File Formats PNG(8) and GIF Web friendly, colors limited to 256, transparency support Good for: logos, type, vector art, charts and graphs Bad for: photographic images with lots of color 15 NCETTechBite RonMarston7.22.2015
  16. 16. File Formats PNG/GIF vs.JPEG PNG/GIF JPEG 16 NCETTechBite RonMarston7.22.2015
  17. 17. File Formats GIF also support simple frame animation Done in Photoshop with Puppet Warp tool 17 NCETTechBite RonMarston7.22.2015
  18. 18. File Formats TIFF (Tagged Image File Format) Print only, lossless, high quality format, large files EPS (Encapsulated Postscript) Print only, works for pixels and vectors, older format not commonly used anymore 18 NCETTechBite RonMarston7.22.2015
  19. 19. What not to use Photoshop for Multiple page documents with little imagery (brochures, rsum, stationery, etc.) Use Word or InDesign Logos, vector artwork Use Illustrator 19 NCETTechBite RonMarston7.22.2015
  20. 20. Quick Tips: Six Key Attributes get the most out of every image with Photoshop Resolution Values Hues Saturation Sharpness File Format 20 NCETTechBite RonMarston7.22.2015
  21. 21. Six Key Attributes get the most out of every image with Photoshop 1. Resolution Essential first step know the size and how much resolution you need 300 ppi for print, 110 ppi for screen (at size) Photoshop Tools: Crop Tool Image Size Canvas Size 21 NCETTechBite RonMarston7.22.2015
  22. 22. Six Key Attributes get the most out of every image with Photoshop 2. Values (lights and darks) Human eye is most sensitive to values. Photoshop Adjustments: (use Adjustment Layers for non-destructive edits) Histogram Brightness/Contrast Levels Curves Camera Raw Filter 22 NCETTechBite RonMarston7.22.2015
  23. 23. Six Key Attributes get the most out of every image with Photoshop 3. Hues (color) Color casts can change the overall look or mood of an image. Photoshop Adjustments: Simple: Color Balance,Photo Filter Advanced: Levels,Curves,Camera Raw 23 NCETTechBite RonMarston7.22.2015
  24. 24. Six Key Attributes get the most out of every image with Photoshop 4. Saturation (vividness or purity of color) Get colors to pop, or subdue colors Photoshop Adjustments: Hue/Saturation Vibrance Curves Camera Raw Filter 24 NCETTechBite RonMarston7.22.2015
  25. 25. Six Key Attributes get the most out of every image with Photoshop 5. Sharpness (edge detail, crispness) Increase visibility of fine details in your images Photoshop Filters: Use Smart Objects for non-destructive edits Smart Sharpen Unsharp Mask Camera Raw Filter 25 NCETTechBite RonMarston7.22.2015
  26. 26. Six Key Attributes get the most out of every image with Photoshop 6. File Format Choose the best File Format for your image Photoshop Tools: Save forWeb better than Save As allows for greater optimization of file 26 NCETTechBite RonMarston7.22.2015
  27. 27. Photoshop versatility get the most out of every image with Photoshop 27 Photoshop also works with, and can create: Video files 3D content Animation Vector images Painterly images from scratch RAW camera files NCETTechBite RonMarston7.22.2015
  28. 28. Questions? Email Ron Marston: rmarston@tmcc.edu Register for Fall classes at TMCC.edu 28 NCETTechBite RonMarston7.22.2015