Header Work

Print Friendly, PDF & Email

The header image for the blog was customized in the following manner:

  1. A prospective photo (Poseidon Temple at Cape Sounion near Athens, Greece” by anastasios71) was found at Fotolia.com.
    Prospective header image - Poseidon Temple
  2. The photo was tested before the rights were purchased in order to see if its size and composition would be compatible with the banner image for WordPress’ Twenty Ten theme. The photo was downloaded and its size set to 940px X 198px (the default size for this theme’s header image).
    Composition of prospective header image fits header dimensions
    Although the quality of this shot was quite poor (since its size was increased from 400px X 267px), this was not an issue at this stage. The main goal was to see whether the temple and sunset could fit into the header image.
  3. Upon discovering that main elements of the composition would fit into 940px X 198px, the rights for a 2356px X 1570px version of the photo were purchased from Fotolia. (The excess size allows the image to be used in the future in case a larger version is needed.)
  4. A copy of the original image file was made with Photoshop, and the original stored safely away.
  5. The copy’s image size was reduced to 940px X 626px, and the stage size was subsequently reduced to 940px X 198px. The location of the composition was then adjusted on the stage, and some copyright text added:
    Poseidon Temple image reduced to proper header image size after rights purchased
  6. Next, the shadows of the temple were brightened slightly:
    Shadows brightened on Poseidon Temple photo
  7. At this point, it was discovered that parts of the photo were greatly oversaturated. Areas of the temple pillars were so hot, they seemed to be dripping molten lava:
    Close-up of Poseidon Temple, showing bright orange and red areas of oversaturation
  8. In order to fix this, these areas needed to be desaturated:
    1. First, the molten pillar areas were selected with the Magic Wand tool (set to a Tolerance of 80, with the Contiguous check box unchecked).
      Photoshop screenshot of selected oversaturated areas of Poseidon Temple (and some areas that should be deselected later)
    2. Unfortunately, the Magic Wand tool also selected the red sunset colors in the sky and some rocky areas that did not need adjustment. These areas were deselected with the Selection tool:
      Photoshop screenshot of only the oversaturated areas of the Poseidon Temple (other areas have been deselected)
    3. The Hue / Saturation panel was then chosen, and the saturation reduced.

    Oversaturated areas on Poseidon Temple pillars have been desaturated with Photoshop

  9. The header image looked pretty good at this point. But the lake at the bottom right of the image seemed to rise to the right. Perhaps this was the way the shoreline actually looked…or perhaps the camera suffered from a bit of barrel-distortion.
    Close-up of lake near Poseidon Temple, which seems to tilt upwards
  10. For the final step, the Clone tool was used to cover the water to resemble part of the nearby hill.
    Final header image of Poseidon Temple, after lake has been cloned out with Photoshop
This entry was posted in Photoshop tutorials, WordPress, WordPress - Installation. Bookmark the permalink.