Textured Glass
Photoshop Instructions

We ask that you work with Lab Center Designers and Content Producers, well-versed in Photoshop, to help you create and employ the textured glass effect.

  • Cropping the image

    Define the composition

    Select an image and think about which section will 
be blurred. The blur should take up the full width or height of the image while ensuring a good portion of the animal is in focus. Open the image in Photoshop. Crop the image to fit the desired dimensions and determine where the blur will occur.

  • Adding a line

    Draw a Dividing Line

    Select the line tool. In the options bar at the top, change the fill and stroke colors to white, the stroke to 0 px and the weight to 5 px. Draw a line where you’d like the blurring effect to occur (Hold shift while drawing to ensure the line is perfectly horizontal or vertical).

  • Adding gaussian blur to the layer

    Duplicate Image & Blur

    Duplicate the image layer. The new image layer should be above the original with the line from the previous step on the top. With the new image layer selected, add 
a blur to the layer (Filter > Blur > Gaussian Blur). 
Set the Radius to 30 Pixels, press “OK.”

  • Selecting the blurred area

    Select Blurred Area

    Select the Marquee tool in the toolbar. Click and drag to select the section you’d like to blur in the final image (on either side of the line you drew). This selection should now be framed with a rotating dotted outline.

  • Adding a mask to the blurred layer

    Add a Layer Mask

    With the area selected, click on the top layer that’s blurred and click the “Add layer mask” button at the bottom of the layers window. This means that layer is masked (the white section in that mask is where the blurring effect is visible and the black section of the mask is hidden). This can be edited using the marquee tool and black and white color fills.

  • Adding the texture

    Add Texture Overlay

    Insert the Lab’s “texture.png” into the file in a new layer. Resize the texture image if needed so it covers the blurred section. At the top of the Layers window, set the layer blending mode to Overlay and the Opacity to 20%. Select the same section from the layer mask of the blurred layer and add a layer mask to this layer.

  • Adding the black overlay

    Add Black Overlay

    Add another layer and fill it with warm black (#2E261F). Set the layer blending mode to Multiply and the Opacity to 30%. Select the same section from the layer mask of the blurred layer and add a layer mask. This will darken the blurred section so the type will have maximum contrast and legibility. Opacity can be increased if needed.

  • Text and logo on the content area

    Add a Logo and/or Type

    Select the type tool to add headline text or the species, photographer, and ML#. You can also drop in logos if needed. The type and logo layers should reside above all the other layers below. Save as a PSD to create a template you can edit and use for other posts. Flatten layers and save as a PNG to share on social platforms.


  • Final Photoshop layers

    Final photoshop layers
  • Resulting image

    Textured glass example