Create a Thor-inspired text effect in Photoshop

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.

 

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-inspired text effect in Photoshop

That’s the end of this tutorial. We hope you enjoyed it and learnt something new.

 

Thanks to Alan Klim

Facebook Like

We are in social

Zizaza Twitter social profile

Blogspot zizaza free design ocean blog

Pinterest zizaza free design ocean profile

Facebook Zizaza - design ocean page

Deviantart Zizaza design ocean biggest free icon storage group

Zizaza design ocean home page