thor-inspired-text-photoshop

Create a Thor-inspired text effect in Photoshop

In this article we’re going to create a text effect inspired by the Thor 2 movie. Since I couldn’t find the font used by the designers, I decided to re-create the letters that I needed in Illustrator. It’s very easy and all you need to do is some research (there are a ton of different Thor posters) to find the letters you want and then simply trace them in Illustrator. Feel free to use a different pattern than the one in the tutorial assets for an even better result.

Tutorial Details
  • Program: Adobe Photoshop
  • Version: CC
  • Difficulty: Intermediate/Advanced
  • Estimated Completion Time: 2-3 Hours
Final Result

thor-final

Step 1

Create a new file in Photoshop and import the traced paths from Illustrator (Ctrl+C in Illustrator -> Ctrl+V in Photoshop -place them as shapes). Rename the black text to Outline and the red one to InText. Change the colour of the Outline to #b3ae71 and the one of the InText to #222722. Scale the shapes down.
thor-01

Step 2

Select the Outline shape and select the pixels of the InText (Ctrl+Left Click on the layer’s thumbnail). Press Shift+Ctrl+I to invert the selection and click on the mask icon. Now start applying the following styles to the Outline shape (the gradient is a random shine effect; just add black and white spots randomly).
thor-02
thor-021
thor-022
thor-023

Step 3

Duplicate the Outline shape and turn the Fill to 0%. Replace the existing styles with these.

thor-03
thor-031
thor-032

Step 4

Now select the InText layer and apply the following styles.
thor-04
thor-041
thor-042

Step 5

Create a new layer and clip it to the InText layer. Pick a big soft round brush to add some highlights. Use white as your foreground colour, lower the Opacity and the Flow of the Brush to something around 25-30% and change the Blend Mode to Color Dodge.
thor-05

Step 6

Now import the pattern (copy/paste from Illustrator) and place it on top of the layers stack. Since the pattern is very complex, your computer may slow down extremely. To avoid it, simply rasterize the pattern layer. Then, select the InText’s pixels, contract the selection by 1-2 pixels and click on the mask icon. Add these styles to your pattern.
thor-06
thor-061
thor-062
thor-063

Step 7

Duplicate the pattern layer, turn the Fill to 0% and replace the existing styles with these.
thor-07
thor-071
thor-072

Step 8

Your design should look by now like this.
thor-08
thor-081

Step 9

Duplicate this layer and replace its styles with these.
thor-09
thor-091
thor-092
thor-093
thor-094

Step 10

Next, add the Metal 006 material to the lock bars.
thor-10
thor-101

Step 11

Duplicate the InText layer and place the copy on the bottom of the layers stack. Hide it (click on the eye icon next to the layer) and rename it to InTextBak. Select all the other layers (except the background) and merge them. Rename this new layer to 1. Duplicate it, turn the Fill to 0% and select the pixels of the InTextBak layer. Click on the mask icon (of the 1 copy layer) to add a layer mask (make sure the InText part is painted black). Then add these styles.
thor-11
thor-111

Step 12

Duplicate this layer (1 copy) and replace its styles with these ones.
thor-12
thor-121

Step 13

Create a new layer and select the InTextBak’s pixels. Paint the selection white, change its Blend Mode to Color and apply the following styles.

thor-13
thor-131
thor-132

Step 14

Add some highlights using a soft round brush (Blend Mode: Soft Light, Opacity 50%).
thor-14

Step 15

Merge all the layers (except from the background and the InTextBak layers). Create a new layer and select the InTextBak’s pixels. Paint the selection with a random color and turn its Fill to 0%. Apply this Inner Shadow style.

thor-15

Step 16

Duplicate the merged layer from the previous step, place it on top of the layers stack and select InTextBak’s pixels. Press Shift+Ctrl+I to ivnert the selection and hit Delete. Make sure your foreground colour is black and the background one white and go Filter->Sketch->Bas Relief (Detail: 15, Smoothness: 1). Change the Blend Mode to Soft Light and lower the Opacity to 20%.
thor-16
thor-161

Step 17

Add some highlights and shadows manually using a soft round brush.
thor-17

Step 18

Once again merge all the layers (except from the bg and the InTextBak) and apply these styles to this new layer.

thor-18
thor-181
thor-182
thor-183

Step 19

Create a new layer and select the step 18 layer’s pixels. Paint the selection white and go Filter->Pixelate->Mezzotint and then Filter->Blur->Motion Blur (45 degrees). Change the Blend Mode to Vivid Light and the Opacity to 15-20%. Finally erase the parts outside your text layer (step 18 layer).
thor-19

Step 20

Add some final highlights with a soft brush and your Thor-inspired text effect is ready.

thor-20

Conclusion

That’s the end of this tutorial. We hope you enjoyed it and learnt something new. If you have any questions or tutorial requests feel free to post them in the comments section.

    More on Tutorials