Create Melted Metal Text Effect in Photoshop - PSD Vault

download Create Melted Metal Text Effect in Photoshop - PSD Vault

of 33

description

photoshop

Transcript of Create Melted Metal Text Effect in Photoshop - PSD Vault

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    JUL082013

    by James Qu

    CREATE MELTED METAL TEXT EFFECT IN PHOTOSHOPPOSTED IN TEXT EFFECTS advertise here

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    Advertise Here In this

    tutorial, I will show you how you can create this melted metal text effect inPhotoshop. We will mainly go through the use of layer blending options, imageadjustments, and various filter effects which you use to produce this cool texteffect.

    This is an intermediate level tutorial so some steps can be tricky, but why not havea try!

    Note: The Photoshop tutorial is done in CS6 therefore somescreenshot may have slighting different layout as in theearlier version. Some brushes are exclusive to PhotoshopCS6.

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

    NEED VIDEO

    Advertise Here

    Temukan kami di Facebook

    PSD Vault

    121.624 orang menyukai PSD Vault.

    Suka

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    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 PSDFiles + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and getexclusive :) Find out more about the VIP Members Areas

    TUTORIALS?

    POPULAR POSTS

    Subscribe to our YoutubeChannel now and gainaccess to our video tutorialcollections!

    psdvault

    YouTube 8R

    DESIGN MAGICAL FIREENERGY TEXTEFFECT INPHOTOSHOP4,989 VIEWS

    CREATEAWESOMESPLASHINGWATER TEXT

    EFFECT IN PHOTOSHOP3,669 VIEWS

    CREATE 3D TEXTSURROUNDED BYFLAME INPHOTOSHOP

    3,207 VIEWS

    CREATEREALISTICFROZEN TEXTEFFECT IN

    PHOTOSHOP3,196 VIEWS

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    OK Lets get started!

    To complete this tutorial, you will need the following stocks:

    Font

    Metal Texture

    Fire

    Step 1

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

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

    DESIGN VINTAGEARTWORK WITHOLD NEWSPAPERAND

    WATERCOLOR BRUSH INPHOTOSHOP3,085 VIEWS

    MANIPULATE AMAN PORTRAITINTO DARKWIZARD IN

    PHOTOSHOP3,079 VIEWS

    CREATEABSTRACTPHOTOMANIPULATION

    WITH TREE BARK TEXTUREAND BRUSH ELEMENTS2,832 VIEWS

    CREATE AGLOWING LIQUIDTEXT WITHWATER SPLASH

    EFFECT IN PHOTOSHOP2,685 VIEWS

    CREATE 3DSNOW TEXTEFFECT USINGCINEMA4D AND

    PHOTOSHOP2,664 VIEWS

    CREATE LEAFYFACE PHOTOMANIPULATIONIN PHOTOSHOP

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    Apply the following levels adjustment layer to this texture:

    POST TAGS

    2,329 VIEWS

    ABSTRACT ADJUSTMENT

    ART ARTWORK BASICS

    BEGINNER BLENDING BLENDR

    BRUSH CITY CLOUD

    CREATIVE CREATIVEARTWORK CREATIVITYDARK DESIGNDEVIANTARTDEVIANTART SHOWCASE

    DIGITAL DIGITALART SHOWCASEDRAWING EFFECTFANTASY FILTER FLICKRFREEBIE GRAPHIC GROUP

    INSPIRATIONINTERMEDIATE LAYERLIGHTING MANIPULATION

    PHOTOPHOTOSHOPPSDVAULT PSDVAULTDEVIANTART RESOURCE

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

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

    HOSTED BY

    RETOUCH

    SHOWCASESURREAL TEXT TEXTURE

    TUTORIALTYPOGRAPHY

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

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

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    and here is the effect so far:

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    Step 2

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

    Apply the following layer blending options to this text effect:

    Bevel and Emboss

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    Inner Shadow

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    Gradient Overlay

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    Pattern Overlay

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    Drop Shadow

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    and here is the effect so far:

    Step 3

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

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

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

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

    Levels

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    Curves

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    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 choosethe Stroke option:

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    Apply the following stroke options:

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

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

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    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:

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    Step 4

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

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

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

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

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

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

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

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

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    Step 5

    We can now add some filter effect to the text to form the melted effect. Firstlyflatten the image, duplicate the background layer and apply the following OceanRipple Filter:

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

    TUTORIALS ARTICLES VIP MEMBERS AREA PLACE AN AD CONTACT

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

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

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

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

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    and here is the effect so far:

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

    Selective Color

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    Curves

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

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

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    Create an Electrified Text Effect in Photoshop

    Create a Real Steel Film Poster Inspired Text Effect inPhotoshop

    Create Electrified Metal Text Effect in Photoshop

    Hope you enjoy this tutorial and find it useful. Drop me a comment below if youhave any question.

    Till next time, have a great day!

    Recommended for you:

  • 10/16/2014 Create Melted Metal Text Effect in Photoshop - PSD Vault

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

    Create a Burning Metal Text with Melting Effect in Photoshop

    Design an Awesome Electrified Metal Scrap Text Effect inPhotoshop

    Next PostPrevious Post

    Tags: effect melted metal photoshop text

    Meet Merry Vampires AndHalloween Ghosts!

    Mysterious Fantasy CastleOn Your Desktop

    Truly Bizarre ArchitectureFrom Around The World