In this tutorial, we’ll learn how to create an ombre text effect in Photoshop. Ombré is a French word which means “shaded”. It describes anything that starts with one color and fades into another one. This tutorial will explain how you can use a couple of filters and layer styles to apply the ombre effect to a text. Here’s the effect we’ll be creating:
To create the ombre text effect, you’ll need:
Create a new document of 1024px width and 768px height, and set the color #501d25 as the foreground color and #130709 as the background color. Now, select the Gradient Tool, choose the Radial Gradient option in the Options Bar, and click and drag from the center of the document to one of the corners.
Add the blue bokeh texture to the current document and change its blending mode to Overlay.
Create your font with the Riot Squad font, in white color and with 250px size. If you want to create more than one word, place each one in a different layer.
Change the text layer’s Fill value to 0.
To create the glossy looking effect, double click on the text layer and apply the layer styles shown below.
Create a new layer below the text layer and name it “Texture”. Next, select the Gradient Tool, and set the color #1b7889 as the foreground color and #f6989c as the background color. You can use any other colors for the gradient too, though you may have to select different filter values.
Now, create a selection from the text by command-clicking (Macs) / ctrl-clicking (Windows) on the text layer.
In the Options Bar of the Gradient Tool, select the Foreground to Background gradient and Linear Gradient option. Then, make sure the Texture layer is selected, and click and drag from the top of the text to the bottom.
Now, remove the selection by going to Select > Deselect.
Before applying any filter, convert the Texture layer into a smart object by selecting the Texture layer and going to Filter > Convert to Smart Filters.
To add depth to the text, double click on the Texture layer and apply the layer styles shown below.
For the Stroke, you need to select a darker shade of one of the colors you used for the gradient.
Finally, we will apply some filters. Go to Filter > Filter Gallery, choose Spatter from the Brush Strokes folder, and set Smoothness to 5 and Spray Radius to 22.
Go to Filter > Filter Gallery, choose Sprayed Strokes from the Brush Strokes folder, and set Spray Radius to 8 and Stroke Length to 0.
And we’re done creating the ombre text effect! The filters may require different values if you are using different colors, but just try to make your results similar to the above pictures.