In this tutorial, I will show you the process of creating an epic text effect inspired by the popular game Elden Ring.
Along the way, we will practice layer blending, free transform, clipping masks and more. Great for beginners who just started learning about making text effect in Photoshop
The PSD file of this tutorial is available for download via the PSD Vault VIP members area.
Here is a preview of the final effect I have for this tutorial: (click to enlarge)
Update – I’ve created a quick video tutorial to demonstrate how to use the Lasso Tool to create the break apart effect for this tutorial, you can watch it below:
PSD Vault VIP Membership
You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 250+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive!
Looking for Elden Ring Font?
Unfortunately, the exact font used in Elden Ring’s UI text boxes and menus isn’t freely available for commercial use. The closest font identified in the game’s credits is Agmena, but it appears to be a proprietary font.
However, there are some good alternatives you can recommend in your article that capture the essence of the Elden Ring aesthetic which is a classic, serif font with a regal feel. Here are a couple of options:
- Garamond Premier Pro: This is a very close match to the Elden Ring font, with similar serifs and letter shapes. It’s a classic and versatile font that would be a great choice for any Elden Ring-inspired text effect.
- Mantinia: This is another good option, with a slightly more modern feel than Garamond. It’s still a serif font, but the serifs are a bit more squared off.
While using these fonts won’t guarantee you achieve an identical replica of the Elden Ring text effect, they’ll get you much closer than using a random font. In this tutorial, we will be using the Mantinia font.
Let’s Get Started
To complete this tutorial, you will need the following stocks:
You will also need a few cloud brushes, particle brushes and crack brushes. There are plenty of these on the net, feel free to use any of those.
Step 1
Create a new document sized 1440x768px, fill the background with dark grey color. Create a new layer and use a cloud brush to paint some cloud as shown below:
Press Ctrl + T and bring up the Free Transform Tool, use the Warp option to warp the cloud into an angle as shown below:
Duplicate this cloud layer once and flip it horizontally:
Place the flipped layer to the left of the canvas as shown below:
Here we’ve completed the preparation of the cloud background.
Step 2
Use the font we downloaded, type some texts onto the document with a gold colour:
Apply the following “Satin” layer style on this text layer:
Duplicate this text layer once and make a copy. Turn off the previous layer. Then right-click on the duplicated text layer and choose “Rasterize Type”:
Use a crack brush as eraser, work through the entire duplicated text and add cracks over the text:
We can also use the Lasso Tool to cut & move some parts of the texts, as shown in this video tutorial below:
Step 3
Load the stone texture into Photoshop, select a portion and cover the text as shown below
Right-click on the stone layer and choose “Create Clipping Mask”:
Change the stone layer blend mode to “Overlay”:
Load the gold texture into Photoshop, select a portion and cover the texture as shown below:
Set the layer blend mode to “Lighten” for this gold texture layer and set it as clipping mask, same as the stone texture layer:
And here is the effect so far:
Step 4
Use a particle brush, add some particles around the text. Use gold colour so they look like golden dusts from the texts:
I applied some dark-blue colour to the background and here is my final result: (click to enlarge)