Exercise 104

Photoshop Editing of Digital Images

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 class, you journeyed out to take photographs.  Today, we will begin to develop a workflow for post-processing captured images in Adobe Photoshop.  There are several tutorials on the Digital Tools for Architects website that will help you through each part of today’s exercise.

Part 1:

  • Choose 3 images (your favorites) from any of the Exercise 103 categories. Please perform the rest of the steps in part 1 to each image.
  • Following the “Photoshop 1.1 [black & white]: Turning a color image to black and white,” you will create a new adjustment layer and work with the channel mixer to turn your image to black and white. Remember, you can turn off adjustments by clicking on the eye next to the layer name. You may wish to do this before creating the next adjustment layer.
  • Follow the “Photoshop 1.2 [levels]” tutorial and create another new adjustment layer with a levels adjustment.
  • Follow the “Photoshop 1.3 [curves]” tutorial. You will again create a new adjustment layer.
  • Follow the “Photoshop 1.4 [pop]” tutorial. Again you will get a new adjustment layer.
  • Follow the “Photoshop 1.5 [dodge & burn]” Tutorial.
  • Save your work as a .psd if you have not already done so.
  • Now, turn off all adjustment layers so that you see your original image. Following Photoshop 1.6 [export as], save a web version of your original photo.
  • Repeat once for each adjustment layer. Make sure you give each photo an explanatory name (A135A_20160203_photo_original_web.jpg, A135A_20160203_photo_bw_web.jpg, A135A_20160203_photo_levels_web.jpg, etc.) You can choose to stack the adjustments or to save them individually at your discretion.

Part 2:

  • You should have 18 images (1 original and 5 post processed for each image) when you are complete.  Following the steps outlined below, upload the images you created today.
  • Remember to add “Exercise 104”, “Digital Tools for Designers” and “Exercises” to the categories field.

Part 3:

  • You will notice that Assignment 101 has been posted under Assignments on the course website. Please read over the assignment and begin working on it with the remaining class time. Assignment 101 is due on Wednesday 9/20 (by midnight)!

Uploading a Gallery:

  • Create a new post on the course website by clicking on the black "+ New" button at the top of the page.
  • Click on the "Add Media" button.
  • On the left side click on "Create Gallery" (red rectangle below)
  • Click on Upload Files and select the files to add to your gallery.

  • Click the "Create a new gallery" button at the bottom of the window (orange rectangle above)
  • You will now see the "Edit Gallery" window.  Please change the gallery settings to match the image below.  You can drag the images to change the order of the images.

  • Click on the "Insert Gallery" button at the bottom of the window.
  • You will see the images you just uploaded as a grid in the body of your post.
  • Change the Format to be "Gallery" and turn on the toggle for "Slideshow on Post page"

  • You can now set a featured image (just pick your favorite image) for your post and then publish your work.