Applying a gradient to bloat/blur effects in Photoshop


I am trying to recreate the effect demonstrated on the logo for the Tate galleries in the UK with Photoshop.

Here are some of the logo variants:

enter image description here

Using quick masking I can emulate the gradient blur, but I haven't found a way to bloat the text in addition to the blurring. I'd like to know how to do this, specifically as a gradient.

The font used for the Tate logo appears to be a variant of VAG Rounded, if that helps at all.

7/26/2017 8:33:00 PM

Accepted Answer

Looks like blur + tonal adjustment (curves, levels or similar). Here's a quick attempt at the effect.

enter image description here

The BLUR top group contains the purple text.

The BLUR shape layers are the text, with a mask feather applied (basically gaussian blurred text, which could be done many ways). Using a shape layer means you can scale the document while maintaining quality.

The curves adjustment layers above BLUR layers adjust the fatness and sharpness of the letters and are directly affected by the amount of shape mask feathering. Here's one of the curves adjustment layers.

enter image description here

The groups have bitmap masks that contain a gradient to build the final text from two differently blurred parts.

Here's the PSD:

8/7/2013 12:06:00 PM