You are on page 1of 33

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

JUL

08
2013

by James Qu

CREATE MELTED METAL TEXT EFFECT IN PHOTOSHOP


POSTED IN TEXT EFFECTS

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

advertise here

1/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

Advertise Here

In this

tutorial, I will show you how you can create this melted metal text effect in
Photoshop. We will mainly go through the use of layer blending options, image
adjustments, and various filter effects which you use to produce this cool text
effect.
This is an intermediate level tutorial so some steps can be tricky, but why not have
a try!

Note: The Photoshop tutorial is done in CS6 therefore some


screenshot may have slighting different layout as in the
earlier version. Some brushes are exclusive to Photoshop
CS6.

Advertise Here

Temukan kami di Facebook

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

PSD Vault
Suka

121.624 orang menyukai PSD Vault.

NEED VIDEO
http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

2/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

TUTORIALS?
Subscribe to our Youtube
Channel now and gain
access to our video tutorial
collections!
psdvault
YouTube

8R

POPULAR POSTS

PSD File Download


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 100+ other PSD
Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get
exclusive :) Find out more about the VIP Members Areas

DESIGN MAGICAL FIRE


ENERGY TEXT
EFFECT IN
PHOTOSHOP
4,989 VIEWS

CREATE
AWESOME
SPLASHING
WATER TEXT
EFFECT IN PHOTOSHOP
3,669 VIEWS

CREATE 3D TEXT
SURROUNDED BY
FLAME IN
PHOTOSHOP
3,207 VIEWS

CREATE
REALISTIC
FROZEN TEXT
EFFECT IN
PHOTOSHOP
3,196 VIEWS

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

3/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

OK Lets get started!


To complete this tutorial, you will need the following stocks:
Font
Metal Texture
Fire

Step 1

DESIGN VINTAGE
ARTWORK WITH
OLD NEWSPAPER
AND
WATERCOLOR BRUSH IN
PHOTOSHOP
3,085 VIEWS

MANIPULATE A
MAN PORTRAIT
INTO DARK
WIZARD IN
PHOTOSHOP
3,079 VIEWS

Create a new document sized 1290px * 720px with black background. Load the
metal texture into Photoshop and select a piece from it, then copy and paste the
selection over to our document. Use the Free Transform tool to scale and distort
this new layer, as shown below:

CREATE
ABSTRACT
PHOTO
MANIPULATION
WITH TREE BARK TEXTURE
AND BRUSH ELEMENTS
2,832 VIEWS

CREATE A
GLOWING LIQUID
TEXT WITH
WATER SPLASH
EFFECT IN PHOTOSHOP
2,685 VIEWS

CREATE 3D
SNOW TEXT
EFFECT USING
CINEMA4D AND
PHOTOSHOP
2,664 VIEWS

Use a soft eraser, remove/fade the edges as shown below:


http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

CREATE LEAFY
FACE PHOTO
MANIPULATION
IN PHOTOSHOP
4/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault


2,329 VIEWS

POST TAGS
ABSTRACT

ADJUSTMENT

ART ARTWORK

BASICS

BEGINNER BLENDING BLENDR


BRUSH CITY CLOUD

CREATIVE CREATIVE
ARTWORK CREATIVITY
DARK

DESIGN

DEVIANTART
Apply the following levels adjustment layer to this texture:

DEVIANTART SHOWCASE

DIGITAL DIGITAL
ART SHOWCASE
DRAWING

EFFECT

FANTASY FILTER

FLICKR

FREEBIE GRAPHIC GROUP

INSPIRATION
INTERMEDIATE LAYER
LIGHTING

MANIPULATION

PHOTO

PHOTOSHOP
PSDVAULT PSDVAULT

DEVIANTART RESOURCE
http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

5/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault


RETOUCH

SHOWCASE
SURREAL

TEXT TEXTURE

TUTORIAL
TYPOGRAPHY

HOSTED BY

Then create a new layer above the previous layers, use a soft white brush and paint
a dot in the centre as shown below:

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

6/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

Change the blending mode of this new light layer to Overlay:

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

7/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

and here is the effect so far:

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

8/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

Step 2
Lets type some texts onto our document, using the font we downloaded at the
beginning of the tutorial, set the font color to dark grey:

Apply the following layer blending options to this text effect:


Bevel and Emboss
http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

9/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

Inner Shadow

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

10/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

Gradient Overlay

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

11/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

Pattern Overlay

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

12/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

Drop Shadow

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

13/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

and here is the effect so far:

Step 3
http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

14/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

We can now add some metal texture over the text. Load the selection of the text
layer and move it over to the metal texture:

Copy and paste the selection to our document, and set the blending mode to
Hard Light:

Add the following adjustment layers as clipping mask to this metal layer:
Levels

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

15/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

Curves

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

16/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

Create a new above all the previous layers, load the selection of the text layer,
select the rectangular marquee tool and right-click on the selection, then choose
the Stroke option:

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

17/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

Apply the following stroke options:

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

18/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

As you can see, now we can a red stroke line outside the text:

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

19/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

Use a soft eraser tool to remove parts of the red stroke line:

This adds variety into the text and here is the effect so far:

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

20/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

Step 4
In order to add some more metal pieces onto our document, we can go back to the
metal texture and select a piece as shown below:

Copy and paste the selection over to our document and desaturate the metal
texture. Duplicate the metal texture layer a few more times and scatter them
around canvas:

Hint: you can use the Free Transform tool to adjust the angel
and shape of the metal texture, also try adjusting the layer
opacity of the metal layers to add more depth to your image.

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

21/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

We can add some fire texture over the metal so load the fire image into
Photoshop and select a piece as shown below:

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

22/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

Copy and paste the selection over to our document, and use the free transform to
manipulate the fire texture into different shapes:

Make sure you explore different layer blending options (screen, hard light, vivid
light) for the fire texture and see what result they bring you:

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

23/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

Step 5
We can now add some filter effect to the text to form the melted effect. Firstly
flatten the image, duplicate the background layer and apply the following Ocean
Ripple Filter:

TUTORIALS

ARTICLES

VIP MEMBERS AREA

PLACE AN AD

CONTACT

Then duplicate this layer again, and apply the following Accented Edges filter:

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

24/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

Change the layer blending mode of the Accented Edges layer to Difference:

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

25/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

Then apply the following layer mask on this Accented Edge layer:

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

26/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

and here is the effect so far:

Add the following image adjustment layer on top to fine-tune the colors a bit:
Selective Color

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

27/37

10/16/2014

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

Create Melted Metal Text Effect in Photoshop - PSD Vault

28/37

10/16/2014

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

Create Melted Metal Text Effect in Photoshop - PSD Vault

29/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

Curves

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

30/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

and here is the final effect: (click to enlarge)

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

31/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

Hope you enjoy this tutorial and find it useful. Drop me a comment below if you
have any question.
Till next time, have a great day!

Recommended for you:


Create an Electrified Text Effect in Photoshop

Create a Real Steel Film Poster Inspired Text Effect in


Photoshop

Create Electrified Metal Text Effect in Photoshop

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

32/37

10/16/2014

Create Melted Metal Text Effect in Photoshop - PSD Vault

Create a Burning Metal Text with Melting Effect in Photoshop

Design an Awesome Electrified Metal Scrap Text Effect in


Photoshop

Tags:

effect

melted

metal

photoshop

text

Previous Post

Meet Merry Vampires And


Halloween Ghosts!

Next Post

Mysterious Fantasy Castle


On Your Desktop

http://www.psdvault.com/text-effects/create-melted-metal-text-effect-in-photoshop/

Truly Bizarre Architecture


From Around The World

33/37

You might also like