Beginning Photoshop & Graphic Design

  • Home
  • Syllabus
  • Weekly Lessons
    • Lesson 0 - Class Preparation
    • The Final Project
    • Lesson 1 >
      • 01-A
      • 01-B
      • 01-C
      • 01-D
    • Lesson 2 >
      • 02-A
      • 02-B
      • 02-C
      • 02-D
    • Lesson 3 >
      • 03-A
      • 03-B
      • 03-C
      • 03-D
    • Lesson 4 >
      • 04-A
      • 04-B
      • 04-C
      • 04-D
    • Lesson 5 >
      • 05-A
      • 05-B
      • 05-C
      • 05-D
    • Lesson 6 >
      • 06-A
      • 06-B
      • 06-C
      • 06-D
    • Lesson 7 >
      • 07-A
      • 07-B
      • 07-C
      • 07-D
    • Lesson 8 >
      • 08-A
      • 08-B
      • 08-C
      • 08-D
    • Lesson 9 >
      • 09-A
      • 09-B
      • 09-C
      • 09-D
    • Lesson 10 >
      • 10-A
      • 10-B
      • 10-C
      • 10-D
    • Lesson 11 >
      • 11-A
      • 11-B
      • 11-C
      • 11-D
    • Lesson 12 >
      • 12-A
      • 12-B
      • 12-C
      • 12-D
    • Lesson 13 >
      • 13-A
      • 13-B
      • 13-C
      • 13-D
    • Lesson 14 >
      • 14-A
      • 14-B
      • 14-C
      • 14-D
    • Lesson 15
  • Resources
    • Photoshop Tools
    • Photoshop Help
    • Color
    • Design
    • Grids
  • Student Galleries
  • Instructor/Contact
  • Portfolios
  • RealWorld
  • Fa20 Portfolio Galleries
    • Fa20 Portfolio 01
    • Fa20 Portfolio 02
    • Fa20 Portfolio 03
    • Fa20 Portfolio 04
    • Fa20 Portfolio 05
    • Fa20 Portfolio 06
    • Fa20 Portfolio 07
    • Fa20 Portfolio 08
    • Fa20 Portfolio 09
    • Fa20 Portfolio 10
  • Home
  • Syllabus
  • Weekly Lessons
    • Lesson 0 - Class Preparation
    • The Final Project
    • Lesson 1 >
      • 01-A
      • 01-B
      • 01-C
      • 01-D
    • Lesson 2 >
      • 02-A
      • 02-B
      • 02-C
      • 02-D
    • Lesson 3 >
      • 03-A
      • 03-B
      • 03-C
      • 03-D
    • Lesson 4 >
      • 04-A
      • 04-B
      • 04-C
      • 04-D
    • Lesson 5 >
      • 05-A
      • 05-B
      • 05-C
      • 05-D
    • Lesson 6 >
      • 06-A
      • 06-B
      • 06-C
      • 06-D
    • Lesson 7 >
      • 07-A
      • 07-B
      • 07-C
      • 07-D
    • Lesson 8 >
      • 08-A
      • 08-B
      • 08-C
      • 08-D
    • Lesson 9 >
      • 09-A
      • 09-B
      • 09-C
      • 09-D
    • Lesson 10 >
      • 10-A
      • 10-B
      • 10-C
      • 10-D
    • Lesson 11 >
      • 11-A
      • 11-B
      • 11-C
      • 11-D
    • Lesson 12 >
      • 12-A
      • 12-B
      • 12-C
      • 12-D
    • Lesson 13 >
      • 13-A
      • 13-B
      • 13-C
      • 13-D
    • Lesson 14 >
      • 14-A
      • 14-B
      • 14-C
      • 14-D
    • Lesson 15
  • Resources
    • Photoshop Tools
    • Photoshop Help
    • Color
    • Design
    • Grids
  • Student Galleries
  • Instructor/Contact
  • Portfolios
  • RealWorld
  • Fa20 Portfolio Galleries
    • Fa20 Portfolio 01
    • Fa20 Portfolio 02
    • Fa20 Portfolio 03
    • Fa20 Portfolio 04
    • Fa20 Portfolio 05
    • Fa20 Portfolio 06
    • Fa20 Portfolio 07
    • Fa20 Portfolio 08
    • Fa20 Portfolio 09
    • Fa20 Portfolio 10
QuickLINK to Lesson   00   FP   01   02   03   04   05   06   07   08   09   10   11   12   13   14   15
Lesson 8:   08-A   08-B   08-C   08-D

​​Lesson 8 - Objectives 6-7 (Wednesday) 

B08-06 Skill: Use the hue/saturation, color balance, black & white, photo filter, channel mixer, and color adjustment layers.

Objectives:
  • Understand and use the hue/saturation, color balance, black & white, photo filter, channel mixer, and color adjustment layers.
Learn:
Hue/Saturation:  This adjustment layer allows you to change the hue, saturation, and luminosity of an image.  Click on the public domain image at left, download it, and try it for yourself.  In this example, I've increased the saturation quite a bit, and I've moved the hue slider to the left to give the boy more orange-blond hair.
Picture
Picture
Picture
Color Balance:  This allows you to adjust cyan, magenta, and yellow balances in your image for shadows, midtones, and highlights.  Click on the public domain image at left, download it, and try it for yourself.  In this example, I've adjusted all three for shadows, midtones, and highlights.  I've also used the mask to bring back some of the yellow range in the center of the image.
Picture
Picture
Picture
Black & White:  This allows you to turn a color image into a black & white image.  The real power of this adjustment layer is that you can adjust the luminosity of any color range separately.  Click on the public domain image at left, download it, and try it for yourself.
Picture
Picture
Picture
Photo Filter:  This allows you to add a nearly transparent layer of color over an image to adjust it warmer or cooler, and to unify the colors. Click on the public domain image at left, download it, and try it for yourself.
Picture
Picture
Picture
Channel Mixer:  This allows you to modify a color channel and make color adjustments not easily done with other color adjustment tools. You should try to have the three channels total to 100% when finished. Click on the public domain image at left, download it, and try it for yourself.
Picture
Picture
Picture
Color Lookup: Color Lookup Tables are a more advanced feature we won't be using in this course.  The new Color Lookup Adjustment Layer in Photoshop has several options (3DLUT File, Abstract, and Device Link) that are used to load different “looks”. These looks are achieved by remapping every color in the image to a different one using a lookup table (LUT). I think that many photographers and designers will find their resulting color shifts quite interesting.

Because this feature was designed for the film and video industry that have their own LUT files, there currently is no way to create LUT files in Photoshop. You can currently create LUTs in products such as Adobe SpeedGrade CS6.  (Source)

Watch the video, "Color Lookup Tables in Photoshop."
Picture
Video: Color Lookup Tables in Photoshop (4:18)

B08-07 Skill: Use the invert, posterize, threshold, selective color, and gradient map adjustment layers

Objectives:
  • Understand and use thee invert, posterize, threshold, selective color, and gradient map adjustment layers.
Learn:
Invert: A simple adjustment layer that non-destructively inverts the image.  Click on the public domain image at left, download it, and try it for yourself.
Picture
Picture
Picture
Posterize: The posterize adjustment layer allows you to reduce the number of color levels in an image.  Click on the public domain image at left, download it, and try it for yourself.
Picture
Picture
Picture
Threshold: The threshold adjustment layer turns an image into strictly black and white pixels.  The slider under the histogram allows you to choose the level of grey between white and black where the divide occurs.  Click on the public domain image at left, download it, and try it for yourself.
Picture
Picture
Picture
Selective Color: The selective color adjustment layer allows you to selectively work with a number of color ranges, adjusting the cyan, magenta, yellow, and black for each.  In this example, I've toned down the reds and yellows, and lightened the shadows.  Click on the public domain image at left, download it, and try it for yourself.
Picture
Picture
Picture
Picture
Gradient Map: The gradient map adjustment layer allows you to apply a gradient, mapping the gradient's colors to the luminosity of the image.  Click on the public domain image at left, download it, and try it for yourself. Hint: If you click on the down arrow to the right of the gradient, you'll see thumbnails of all the gradients you can choose from.  To the right of those is a gear icon - click on that, and you can load other gradients.  I've loaded the photographic toning gradients for the example below.  You can also make your own gradients.  Watch the gradient tool videos in the Resources -> The Photoshop Tools - Tutorials About Each Tool and How They Work.

Picture
Picture
Picture
Picture
Hue/Saturation
Picture
Curves
Picture
Color Balance
Adding Multiple Adjustment Layers: One great feature is that you can add multiple adjustment layers to an image.  In the example at right, I've added the Posterize adjustment as shown earlier, along with the Gradient Map adjustment layer demonstrated just above.  It makes a completely new effect. Here I started with a gradient map adjustment layer.  I then added a color balance, curves, and Hue/Saturation adjustment layers.
Picture
Gradient Map

Optional resources to share with you! (Not required)

Picture
Video: How To Use Complimentary Colors In Photoshop - Enhance Your Photo (17:31)
Picture
Video: Color Correction and Color Matching Using Curves (21:50)
QuickLINK to Lesson   00   FP   01   02   03   04   05   06   07   08   09   10   11   12   13   14   15
Lesson 8:   08-A   08-B   08-C   08-D

​This page was last updated August 28, 2020
Powered by Create your own unique website with customizable templates.