Underwater Content Box Design in Photoshop

In this tutorial I will teach you how to create an underwater content box.

…U and it will turn black and white. It is now time to import it to our template. We don’t need the whole image, so using your Lasso Tool with a feather of about 10px, make a selection similar to the following and then drag and drop it onto your document:

8. This image is going to be a lot larger than our template, so we are going to want to scale it down and place it a similar way to the following in the top right of our content area:

9. Set this layers blend mode to Screen and you’ll have something that looks like this:

10. We don’t want our content box to be covered with the water, but we do want some of it to overlap. So this is where our Layer Mask will come into play. With your Splash1 layer selected, choose the Layer Mask Icon from your Layers Palette. We then want to use a Soft Brush set to black to mask out some of the Splash. Make sure you paint on the Mask, and not on the layer itself. You will want it to look similar to the following if all goes well:

11. For the left side, I simply duplicated…

Original post:
Underwater Content Box Design in Photoshop

Related posts:

  1. Create a Clean and Classy Web Design in Photoshop
  2. More Photoshop CS5 Content Aware Awesomeness
  3. Magna Brochure Template
  4. Adobe Photoshop - From 1.0 to CS2 GUI
  5. How To Create A Magnifying Glass Icon In Photoshop

Leave a Comment

Previous post: Photoshop Tutorial: How To Blend Colors Into Images

Next post: Photoshop tutorial on light trails / curved beams