Scattered Leaves Around Text

Adding a bit of depth to some text in a design can be to have leaves or other shapes appear like they are falling both in front of and behind the text itself. In this tutorial, we are going to create just that.

Step 1: Adding the Text

After creating your new document, grab the text tool and type in the text that you want. Here, I am using the font Impact at a size of 100pt.

Step 2: Setting up the Brush

Select the “Scattered Maple Leaves” brush from the default brushes in Photoshop (circled in red above). Set your foreground color to #60ac37 and your background color to #367016.

Go into your Scattering settings for the brush. Reduce the count to 1 and set the scattering to about 250%. This should give us a nicely spread out wave of leaves.

Step 3: Painting the Brush Strokes

Create a new layer ontop of the text layer and drag some strokes with the brush we have set up to create the leaves.

Step 4: Masking out Leaves

First, add a new layer mask to the leaves layer. Then, command-click (PC: control-click) on the text layer icon to load the text as a selection. This means that when we are masking, we can only affect the area of the text and not outside.

Finally, make sure the foreground color is set to black and that you have a rounded brush selected. Paint over the areas where you do not want leaves to show through.

Final Effect

Just adding a greenish gradient background, faded into white (using the same base colors as for the leaves), you get this final result.

Tags: ,


Erik is the owner of online media company Bernskiold Media that runs tutorial website Bernskiold learning and he is a Web Designer, Photographer and Software-Trainer.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>