Spring text in Photoshop

In this tutorial, I will show you how to create foliage text in Photoshop.

This method can be easily used to create other text effects, just replace the leaves with something else (flowers, hearts, etc.). For a beautiful result, we need a nice font and a few textures.

I think this lesson will not leave you indifferent! Let’s start!


Step 1. Background

Create a new document. Activate the tool Gradient (Gradient Tool). Set the following settings for the tool: gradient type – Linear (Linear Gradient); color – from # dad8d8 to #cecccc. Drag the gradient line from the top to the bottom.

Download and install the Cardboard Patterns. Open the window Layer style (Layer Style) and go to Pattern overlay (Pattern Overlay). From the list of patterns, choose the texture of cardboard No. 7. Of course, you can use a different texture, for example, a paper texture – it will also look very nice.

In the same window (Layer Style) go to Color overlay (Color Overlay). Change the default color value to # 969595. Set the blending mode to Blackout basicss (Color Burn).

Add a new adjustment layer Gradient (Gradient Fill) over the background. Blend mode for the layer (blend mode) with a gradient set Soft light (Soft Light).

As you can see in the example image, the gradient has an area where the opacity is 0%.

Step 2. Add text

Activate the tool Horizontal text (Horizontal Type Tool). Select a standard font from the list of fonts. Hobo std. Apply the following parameters:

Step 3. Convert text to outline

If we want to change the shape of the text without losing image quality, we need to convert the text into a vector. In Photoshop we can do this with the “Convert to curves“(Convert Text to Shape). Now we can use the contour shape correction tools (covert point tol) to change the text. If you like the source text, you can not do the contour conversion.

Step 4. Add a layer style to the text.

Duplicate the text layer three times. Turn off the visibility of the original layer with text. Double-click the first copy layer and go to the menu. Layer style (Layer Style). Use the settings shown in the pictures below:

Stamping (Bevel and Emboss):

Color overlay (Color Overlay):

Gradient overlay (Gradient Overlay):

Pattern overlay (Pattern Overlay):
For this step, use the “Paper” pattern provided in the source code.

Now let’s move on to the second copy layer. Decrease Fill (Fill) layer up 0% and add the following layer styles:

Inner shadow (Inner Shadow):

Pattern overlay (Pattern Overlay):

For this step, use the pattern “Leaves”. Copy and open in the new document the image from resources to the lesson. Reduce its size to 200px. Switch to Editing – Define a pattern (Edit – Define Pattern).

Stamping (Bevel and Emboss):

Moving on to adding styles for the third copy layer. Lowering styles before adding styles Fill (Fill) to 0% And apply:

Inner shadow (Inner Shadow):

Gradient overlay (Gradient Overlay):

Step 5. Add Shadow

Turn on the visibility of the original layer with the text. Turn the text using the function “Flip Vertically“(Flip Vertical).

Change the location of the shadow using the transform tool. Perspective (Perspective Tool).

To make the shadow look softer, add Gaussian blur (Gaussian Blur). Decrease Fill (Fill) layer up 0% and add style Gradient overlay (Gradient Overlay). You can also use any other methods to give the shadow a more realistic look.

Here is what we have at this stage:

Step 6. Add leaves

As planned, around the text should be located a lot of leaves. To add foliage, I will use the “Leaves” template that we used in step # 4.

Create a new layer, under the first text layer, and place an image of the leaves on it. Name the new layer “Background Leafs” (Leaves in the background).

Use the tool Magic wand (Magic Wand Tool) to select white areas and delete them. You may need to adjust Brightness / Contrast (Brightness / Contrast) images with leaves, for a good result.

To remove unnecessary leaves, use the Eraser tool. (Eraser Tool). Add a correction to the foliage layer Color tone \ Saturation (Hue / Saturation). The settings for this correction are listed below.

We also need to darken the lower leaves, for which we use an adjustment layer. Brightness \ Contrast (Brightness / Contrast).

Create another new layer on top of all the text layers. Name this layer “Leafs Layer” (“Foliage”). Activate the tool Stamp (Clone Stamp Tool). Using this tool, copy a few sheets from the “Background Leafs” layer. In the image below, in orange, the leaves that have been added are marked.

Create a duplicate of the “Leafs Layer” layer and shift the copy to the right and down, as in the picture. Decrease Fill (Fill) layer copy to 0% Go to Layer style (Layer Style) and add Color Overlay (Color Overlay). In the settings of the “Color Overlay” parameter set the following values: color – black; opacity – 55%.

Standing on the “Leafs Layer copy” copy layer, hold down the key CTRL and click on the text layer. Next, press the key combination SHIFT + CTRL + I in order to invert the selection. Click Delete.

We got the shadow of the leaves that are in front of the letters. It now remains to add to the shadow Gaussian blur (Gaussian Blur), for a more realistic result.

Step 7. General correction

It remains to add a few final touches. They will be adjustment layers, which we will add on top of all previous ones.

Gradient (Gradient Fill):

Blend mode (in the next mod) of the adjustment layer set to Soft light (Soft Light) and lower the opacity to 50%.

Brightness \ Contrast (Brightness / Contrast):

I hope you enjoyed the lesson and you are happy with the result! We are done!

Like this post? Please share to your friends: