Posts Tagged ‘transparent’

Techie Tip of the Week: Making Part of a Photo Transparent in Photoshop

Friday, April 13th, 2012

Have you ever wanted to take out part of a photograph and make the deleted part transparent but were disappointed because Photoshop made the deleted part white? This week’s tip will show you how to make your deleted sections transparent!

Let’s say we want to take the photo of the house and change all of the windows to show the green background of our web page.

photo of a house

  1. In Photoshop, open the photo of the house.
  2. Unlock the background layer by doing the following:
    • Layer>New>Layer from background
      Screen shot of Layer > Layer from background
    • Click OK.
      Screenshot of clicking OK
  3. Select and delete all of the windows.
    house wth windows deleted
  4. Save the image as a PNG (if it’s a photo) or Compuserve GIF (if it’s a button, line art, or other image with fewer than 256 colors). Be sure to select Interlaced.
    interlace

That’s it! Now, if we place this photo in our web page, the windows will “bleed” through:

House with green windows