Photoshop Selections 01 - Tower of London

Selecting is the term used by many computer graphics programs to refer to the process of identifying certain pixels (usually a group of them) that may require different image manipulation than the other pixels in the image. Selected pixels can be cut, moved, brightened, blurred, or any of a myriad of potential modifications to the image.

Once a selection has been made, the selected pixels can be stored as a bitmap image that uses eight bits per pixel, which allows for 256 possible values ranging from 0-255. Those values are then translated into values ranging from from 0 - 1 which can then be multiplied, pixel-by-pixel, against any image's pixels in order to control which pixels can be affected. A value of 0.5 will allow half the color pixel's value. The other half of the value will be transparent. Zero (0) will not allow any of a color pixel to be seen (the product of zero times any number results in zero).

Those values of 0 to 1 can be represented by a black and white image where 0 = black and 1 = white. Such images are often referred to as masks. The pixels can be black, white, or any shade of gray in between.

Selecting pixels in an image using Photoshop can be done using many different methods including by using the image's:

In this exercise you will create selections, save them, use them to control color, then submit the photoshop file that you used and an optimized jpg file following the instructions below.

  1. First, right-click on * this link * and select Save Link As...
  2. Open the file in Photoshop.
  3. Then... File > Save As...
  4. Before you save the file, use the Save As dialog box to create a new folder where you will save this file and also, later, the exported jpg file that you will create.
    • Name the new folder selections-01-yourlastname-yourfirstname
      • Replace yourlastname with YOUR last name and yourfirstname with YOUR first name.
      • For example, I would name my folder:
        • selections-01-vaughan-daniel
  5. In Save As dialog box > Format > Photoshop
  6. In the Save As field enter (you will see that this is the same name as the folder name, but with the .psd file extension at the end of it):
    1. selections-01-yourlastname-yourfirstname.psd
      1. Replace yourlastname with YOUR last name and yourfirstname with YOUR first name.
    2. For example, I would name my file:
      • selections--01-vaughan-daniel.psd
  7. Be sure that you will be saving the file inside the new folder you just created and then click > Save
  8. In the Layers panel right click on the one layer "Background" and select Duplicate Layer from the menu.
  9. The Duplicate Layer dialog box opens.
  10. In the As field enter > sky
  11. A new layer named sky will appear.
  12. Follow steps 8-9 again, but now save the layer As > buildings
  13. A new layer named buildings will appear beneath the sky layer in the Layers panel.
  14. Click on the sky layer to select that layer.
  15. Select the Magic Wand tool in the tool bar and set the Tolerance to 50 as per this illustration:



  16. Click in the middle of the sky area of the image once. This will create an initial selection which will be bordered by crawling ants (rapidly moving black and white dashes).
  17. Then hold the Shift key down and click one or more times in the areas of the sky that were not initially selected in order to select the entire sky. The crawling ants ought to surround the edges of the sky.
  18. Select menu > Save Selection > Name > sky > OK
  19. Make sure that the sky layer is selected.
  20. Layer > Layer Mask > Reveal Selection
    1. This creates a layer mask that will limit any effects applied to that layer to just that area - the sky.
    2. A thumbnail image of the mask will be shown in the layer to the right of the color thumbnail image.
    3. The mask is represented there in black and white.
    4. The white area is what will be affected when anything is applied to that layer.
  21. Select the buildings layer.
  22. Select > Load Selection > Channel > sky > and now check Invert > OK
  23. Once again: Layer > Layer Mask > Reveal Selection
  24. Make sure that the buildings layer is selected.
  25. Layer > New Adjustment Layer > Brightness/Contrast > accept the default settings > OK
  26. The Brightness/Contrast Properties panel ought to open.
  27. Click on the little icon at the bottom of the panel that looks like a white square with a downward-pointing arrow to its left. This will limit the affect of the adjustment layer to only the layer directly beneath it:



  28. Enter these values:
    • Brightness >70
    • Contrast > 100
  29. Select the sky layer.
  30. Layer > New Adjustment Layer > Brightness/Contrast > accept the default settings > OK
  31. The Brightness/Contrast Properties panel ought to open.
  32. Once again, click on the little icon at the bottom of the panel as mentioned and illustrated above.
  33. Enter these values:
    • Brightness > -75
    • Contrast > 100
  34. The image ought to appear very ominous and forbidding now.
  35. Save your Photoshop psd file: File > Save
  36. Now export your file as a new jpg file for use on the Web, as follows...
  37. File > Export > Save for Web (Legacy)
  38. In the Save for Web dialog box that opens, make these settings:
    1. Preset > JPEG High
    2. Image Size > Percent > 50 > Enter
  39. Your exported/optimized file needs to be saved in the same folder that you have your .psd file in.
    • Name the file (be sure to include –50pct):
      • selections-01-yourlastname-yourfirstname-50pct.jpg
      • Replace yourlastname with YOUR last name and yourfirstname with YOUR first name.
      • For example, I would name my file:
        • selections-01-vaughan-daniel-50pct.jpg
  40. Your folder ought to now include:
    • your psd file.
    • your jpg file.
  41. Zip your folder (but not the files in the folder):
    • name the zip file as followst:
      • selections-01-yourlastname-yourfirstname.zip
      • Replace yourlastname with YOUR last name and yourfirstname with YOUR first name.
      • For example, I would name my zip file:
        • selections-vaughan-daniel.zip
  42. Submit your zip file.

Original

My result - ominous!