Exercise 106

Working With Photographs (Blending Modes)

There is content on this page that is restricted to members. You must login to view this premium content.
If you are not yet a member, click here to learn about becoming a member.


Last Wednesday, you worked with Photoshop to enhance images using adjustment layers. Today we will further enhance images using layer blending modes.

Part 1: Understanding Blending Modes

  • Download the sample file ([Premium Content - Login] [Membership Options]) from the course website. Open the file.
  • Follow Photoshop 1.24 [blending modes] to change the blending mode of “Layer 1” to be Multiply. What do you notice happens?
  • Repeat for Screen and Overlay. Again, pay attention to what happens.
  • Turn off Layer 1 and turn on Layer 2. Test each blending mode (Multiply, Screen, & Overlay) and notice what happens. You can also try other blending modes and make notes as to what happens.
  • Finally, repeat the above steps for Layer 3.

Part 2: Multiply (in Photos)

  • Use Creative Commons Search (search.creativecommons.org) to find an old, faded image to work with for this part of the exercise. Save this image to your flash drive. Make a note of the URL to the file as you will need to post it with your work on this exercise.
  • Follow Photoshop 1.2 [levels] to create a levels adjustment layer.
  • Follow Photoshop 1.24 [blending modes] to add a “Multiply” blending mode to the adjustment layer. Adjust the opacity of the adjustment layer to be appropriate for enhancing your image. You may elect to add more adjustments to your image based on your own “eye.” You may also wish to explore converting the image to true black & white (Photoshop 1.1 [black & white]).
  • Use File>Save for Web... (Photoshop 1.6 [save for web]) to save the original image and the enhanced image.
  • Repeat this on one of your own images. Save the original image and the edited image.

Part 3: Screen (in Photos)

  • Repeat the Part 2 steps above only use “Screen” mode. Leave both adjustment layers on and use File>Save for Web... (Photoshop 1.6 [save for web]) to save another version of your work (do this for both your own photo and for the old, faded photo).

Part 4: Overlay (in Photos)

  • Repeat the Part 2 steps above only use “Overlay” mode. Turn off prior adjustment layers and use File>Save for Web... (Photoshop 1.6 [save for web]) to save another version of your work (do this for both your own photo and for the old, faded photo).

Part 4: Luminosity (in Photos)

  • Select a photo dominated by reds and/or blues. This can be one of your own images, or one you find by searching search.creativecommons.org (remember to make a note of the link so you can post it with your images later).
  • Create a new curves adjustment layer by following Photoshop 1.3 [curves]. Your curve should be a traditional “S” curve and look like the image on the back of this page.
  • Now change the layer blending mode for the curves adjustment layer to “Luminosity.” You should notice a change in the color saturation of the photo. (This is particularly good for landscapes, including HDR images and sunsets).
  • You may need to adjust the layer opacity if the blending mode is too strong for the image.

Part 5: Screen (for “grunge” background)

  • Select a new image from your image collection.
  • Use search.creativecommons.org to find a “grunge paper texture.” Save the image (or a series of these images) to your flash drive.
  • Use File>Place to insert the image on top of your selected image in Photoshop.
  • Follow Photoshop 1.24 [blending modes] to change the blending mode to “Screen” (you may wish to experiment with other blending modes as well)
  • Adjust the opacity of the layer (grunge texture) to make it less dominant in the image. Save your work using File>Save for Web...

Part 6: Posting your work

  • Post all of your images from this exercise (there should be 9 images) as a gallery post (see below). Make sure to also put links to any Creative Commons Work you used for today’s exercise. Select "Exercise 106" from the categories menu. Remember to comment on other student’s work from this exercise.
  • Post all of your images from last class (18 images) to the course website as a gallery post if you have not done so already.

Posting a Gallery of Images to the Course Website:

Login to www.digitaltoolsforarchitects.com and create a new post. Give the post a title with your name and Exercise 106.

  • Select the “Exercise 106” checkbox from the “Categories” section as well as “Exercises” and "Digital Tools For Designers"
  • Now change the “Format” to be “Gallery” (This should be directly below where you select “Publish” in the Format box).
  • In the Content tab, check the box (slide the slider to green) for “Slideshow on Post Page” then move to the Gallery tab.
  • In this “Gallery” tab, click on the “Add images to gallery” button below “Selected Images From Gallery” You should then navigate and select your images from your flash drive. You can do a multiple file upload, but be patient as it can take some time to upload.
  • Click on “Publish” to publish your post. You’re not done, continue below.
  • Set a featured image for your post by clicking the “Add Media” button. Click on the “Set Featured Image” link and choose “Images Uploaded to this Post” from the dropdown menu. Select your favorite image and click “Set Featured Image”
  • Navigate to the Gallery tab again and confirm all of your images have been uploaded. Click “Update” one last time and then view your post to be sure that your images load correctly.