How to create type that splashes in Adobe Photoshop.

Just add water to text.

  1. Step 1: Make a splash.

    Type a letter or word — heavy sans-serif fonts set to a light color work well for this effect. I used Cubano Regular from Adobe Fonts and set it to 140 points. Choose Layer > Smart Objects > Convert to Smart Object so you can apply layer styles and effects to it.

     ‘SPLASH’ in light-blue block letters and the Type tool and Layer > Smart Objects > Convert to Smart Objects is upper left.

  2. Step 2: Add depth.

    Click the fx button at the bottom of the Layers panel (Window > Layers) and choose Bevel & Emboss. Adjust the settings (especially Depth and Highlight Opacity) so the letters appear to lift from the page. Keep the Layer Style dialog box open for the next step.

    ‘SPLASH’ is beveled and Layer Style panel shows Inner Bevel, Smooth Technique, Depth is 220%, Size is 7, Soften is 3.

  3. Step 3: Mark the splash zone.

    Add a “lip” to the bevel; this will become the splash in the next step. Click the Contour label, choose a shape from the drop-down menu, and then click the thumbnail to customize the effect. Drag points on the curve to change its shape, or click any point that’s unnecessary and press the Delete key to remove it. Click OK twice to close the Contour Editor and Layer Styles dialog boxes.

    ‘SPLASH’ has contour edge and Layer Style panel shows five points on an S-curve in the Contour Editor.

  4. Step 4: Let it flow.

    Now you can add a watery look to the edges of the type. Choose Filter > Distort > Ripple and experiment with the settings until you get the effect you like. The size of the typeface will affect the splash size. Try setting negative percentages to see some interesting results. Click OK to apply the changes to the type layer.

    ‘SPLASH’ has a watery, jagged edge and the Ripple dialog is set to 377% for the Amount and Size is Medium.

  5. Step 5: Throw some water on it.

    Apply different images to the type and see what results you get. Find some photographs of water in your own collection, or else open the Libraries panel (Window > Libraries) and locate the Splash Type library that you added. Drag a photo over your word to create a new layer above the type.

     

    Right-click the photo layer and choose Create Clipping Mask to fill the type with the photo. Chances are, the photo will appear within only some of the letters. With the photo layer selected, use the Transform tools (Edit > Transform) to resize, rotate, stretch, or scale the photo so it fills the word to your liking.

    ‘SPLASH’ is now filled with a metallic, water ripple photo. The Layers panel shows the water photo clipped to the type layer.

Adobe, Inc.

Get help faster and easier

New user?