Last week I watched the movie “War of the Gods” (Immortals), and before that I went to the cinema to see posters. I saw a poster for this film, as well as posters for old Harry Potter films, and all of them have a similar metallic text effect. Based on this, I decided to recreate the medieval metal text effect in Photoshop.
So in this tutorial, I will show you how to create a metallic text effect using Layer styles (Layer styles). This is a simple lesson, it will not take you more than 30 minutes.
Materials for the lesson:
Step 1. Open Photoshop and Create a new document (Create new document). I set the size to 2560×1440 pixels. Fill the background layer with gray #464646.
Step 2. Find some kind of metal texture. I used the texture from Shutterstock. I took the texture from Kompaniets Taras, it is called “seamless metal texture with empty space for your text or image”. Use Blend mode (Blending mode) Multiplication (Multiply).
Step 3. Add a new layer and then set the red and yellow colors as background (background) and the main (foreground) colors respectively. After that go to menu Filter (Filter) – Rendering (Render) – Clouds (Clouds)
Step 4. While still on the layer, go to the menu Layer (Layer) – Layer mask (Layer Mask) – show all (Reveal All). Select the layer mask and then set as background (background) and the main (foreground) colors black and white colors. While remaining on the layer mask, go to the menu Filter (Filter) – Rendering (Render) – Clouds (Clouds). You will apply a cloud rendering filter to the mask.
Step 5. Put these layers in a folder, then add a mask to the folder and apply the same rendering to it.
Step 6. Change Blend mode (Blending mode) on Overlap (Overlay).
Step 7. Add the text you need. The one I used was created in Illustrator, and I also used the Roman SD font.
Step 8. Now it’s time to create a bronze effect. For this we use Layer styles (Layer Styles). We will mainly use Shadow (Drop Shadow), Inner shadow (Inner Shadow), Internal glow (Inner Glow), Stamping (Bevel and Emboss), Color overlay (Color Overlay), Pattern overlay (Pattern Overlay).
Step 9. For Pattern overlays (Pattern Overlay) create a metallic texture, the same one that we created in step 2.
Step 10. Here is the result after applying the layer styles. Looks great, you can apply it to any characters.
Step 11. Add details. This time I took a knight from Shutterstock, the image is called “4 metal medals” (4 Metal medals).
Step 12. Apply the same layer styles, the only difference will be in Pattern overlay (Pattern Overlay). This time apply Blend mode (blend mode) Overlap (Overlay).
Step 13. This is the effect after applying the layer styles. It looks good, but you need to add some details.
Step 14. This step is optional, but always adds a bit of magic to this kind of work. I’m talking about flare. You can find a suitable highlight image on Google or on Shutterstock.
Step 15. Add a vignette, it’s very easy. Add a New layer (New Layer) and fill it with black with the tool Fill (Paint Bucket). After that, take the tool Eraser (Eraser) with very soft edges, erase the center of the image.
Step 16. Select all layers, duplicate them and group them in one layer (Ctrl + Alt + Shift + E). With the new layer active go to menu Filter (Filter) – Blur (Blur) – Gaussian blur (Gaussian Blur). Use a radius of 10. Then duplicate the blurred layer. Use Blend mode (Blending Mode) Overlap (Overlay) for the bottom layer and mode Screen (Screen) for the top. Also reduce Opacity (Opacity) for both layers up to 50%.
Here is the final result. As you can see, the effect was mainly created using Layer styles (Layer Styles). It is amazing how powerful a tool are Layer styles (Layer Styles), and what effects you can create with them. So now this trick is at your disposal, you can play with the settings to create your own effect.
(click on image to enlarge)