Fluid Text Effect with the Mixer Brush
This tutorial creates liquid-looking letters in Adobe Photoshop for a web page header. The main tool is the Mixer Brush, which drags and blends the colours underneath it like wet paint. The first part explains how the Mixer Brush behaves; the rest builds the word “SPIRIT” and then “FLUID” as the finished title.
Understanding the Mixer Brush
The Mixer Brush is under the brush tools. Its presets (Dry, Moist, Wet, Very Wet, with Light or Heavy Load and Mix) control how much the stroke picks up from the layers below. Dry acts like a normal brush; Very Wet almost disappears into the background. The tutorial uses Very Wet with Heavy Mix, Wet and Load at 100 percent, and pen pressure on Flow and Size if you have a tablet.
Step 1: Build a colour source
On a new layer draw rectangular selections and fill them with bands of colour: light blue, dark blue, pink, red and a couple of lighter tones. Apply Filter > Blur > Radial Blur (around 32) to melt the edges. Make random selections and push them lighter or darker with Curves (Ctrl+M) to add more tones, then Filter > Distort > Ripple for movement. Rotate and enlarge the layer, duplicate it, rotate the copy, set it to Overlay and merge. This layer is only a paint source, not part of the final design.
Step 2: Paint the letters
Create a new layer per letter. With the Mixer Brush set as above, paint each letter in one or two strokes over a colourful area of the source layer; the brush picks up whatever colours are underneath. Hide the source layer, arrange and scale the letters, rotate a few, and paint a swooping line beneath the word. Repaint any letter that does not read well.
Step 3: Background
Add a dark purple gradient background and a soft blurred stroke of a lighter colour behind the word.
Step 4: Shadows and highlights
For each letter add a clipped layer above it and paint shadows with a dark blue at about 20 percent opacity where letters overlap; set these layers to Multiply. Add a second clipped layer per letter set to Linear Dodge (Add) with “Transparency Shapes Layer” unticked in Blending Options, and paint pink and then yellow highlights along the lit edges. Group everything.
Step 5: Glow and shadow
Duplicate the group, set the copy to Soft Light on top. Make another copy, merge it, darken it with Levels, blur it, move it below, add a black Color Overlay at about 80 percent on Multiply and blur again for a soft coloured shadow. On a clipped layer set to Color Dodge, brush white over the brightest areas.
Step 6: Frame and interlocking word
Draw a rounded rectangle with a 25 px white stroke and no fill, mask it, and paint the mask black where letters should pass in front of the frame. Copy the frame as a blurred black stroke below for a soft shadow. Type “FLUID” in a heavy typeface in white with a drop shadow and wide tracking, then mask parts of the type so the painted letters weave over and under it.
Step 7: Final touches
Paint a couple of large Mixer Brush strokes on a new layer, set to Pin Light with lower opacity, duplicate one with Radial Blur, then convert everything to a Smart Object and apply Camera Raw with grain, a vignette and a gentle curve.
Conclusion
The whole look depends on the paint source layer: the more colour variation you build into it, the richer the letters. The same brush and source layer also make fluid backgrounds, as in the wave background tutorial on this site.
Links from the video
- Join the members-only content: https://bit.ly/3fEEvD4
- Members-only videos: https://bit.ly/3fJieDV
