ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Create Stylish Metallic Text Effect in Photoshop

Updated on December 5, 2015

In this short tutorial I am going to show you how to create simple Metallic Text with default Trajan Pro font, Gold and Copper gradients and a few layer styles.

You can create the Text Effect with any Photoshop version. The Golden 2 Gradient I have used twice is exclusive for the higher versions of the program, but as I have given all its color codes, you can create the same Gradient yourself.

The tutorial is suitable for Beginners Level as all the steps are given in detail and you have to use only basic instruments to create the final effect.

The Wall Texture used for the Background is my own photo and unrestricted stock.

This is what you are going to create:


Open Adobe Photoshop program and go to the Menu bar. Select File, New to create a new .psd document. Name it Metal Text. Set the Width to 1200px and Height to 800px. Insert 72 or 96 Pixels/Inch for Resolution, then select RGB for Color Mode and Transparent for Background Contents. If you like to print the text, set the Resolution to 300 Pixels/Inch and select CMYK for Color Mode. After you press OK button, you'll see transparent Layer 1 in your Layers panel.

Double click on Layer 1 name and write Gradient in the white space to give the layer a new name. Press Ctrl+G (or go to Layer, Group Layers) to place the Gradient layer in a Group and call the newly created Group Background.

Create Dark Background with Radial Gradient and Wall Texture

In Steps 2-5 you have to colorize the first layer with dark green to black Radial Gradient, then you have to Paste the Wall Texture in your Metal Text .psd file, resize it and change its Blend Mode.


Keep Gradient layer selected, then change Foreground Color to #25401f and set the Background Color to #000000 (black).

Press G or select Gradient Tool from the Tools bar. Go to the Options bar, select Foreground to Background Gradient from the Gradient Picker, select also the icon of Radial Gradient type and drag with the tool by holding down left mouse key from the middle to any corner of the canvas.


Click on the Wall Texture below to open it in high res then right click on it and select Save Image As to save it in the file where you have placed your Metal Text .psd document.


Create a New Layer above the Gradient layer in Background group and call it Wall Texture.

Open in Adobe Photoshop my photo of Wall Texture you already downloaded, press Ctrl+A to load selection then press Ctrl+C to copy the image. Go back to your Metal Text .psd file, verify that Wall Texture layer is selected and press Ctrl+V to paste the texture. As the texture is bigger than your canvas, go to Edit, Free Transform and drag a chosen corner node in inner direction to make the Texture cover your canvas.


Change the Blend Mode of Wall Texture layer to Multiply and lower its Opacity to 50%.

Type the Text, Duplicate its Layer and Add Layer Styles

From the next step until the end of this tut you should type the Text, then create the metallic effect using Blending Options. One Text layer is not enough to implement the task, so you have to duplicate the Text layer, reduce Fill Opacity of the copied one and then add layer styles to it too.


Now firstly we are going to type the Text. Take Horizontal Type tool or press T for short. Select Trajan Pro default Font from the Font Family drop down menu. Choose Bold for Font Style and insert 200pt for Font Size. Choose #91ada6 for Text Color then type Metal using Capital Letters.

When you are ready with typing the Text, select it then click on Toggle the Character and Paragraph Panels icon in your Options bar and Set the Tracking for the Selected Characters to 70.

With Metal Text layer selected, press Ctrl+G and name the new Group Text. Place it above Background group.


Now duplicate Metal Text layer and reduce Fill Opacity of Metal copy layer to 0%.


Select the original Metal Text layer, right click on it and choose Blending Options (Layer, Layer Style, Blending Options). Firstly check Drop Shadow and change only three of its settings- increase Distance to 14px, Spread to 35% and Size to 18px.

Keep Layer Style dialog box opened. We have to add four more layer styles in the next steps.


Now check Gradient Overlay in Layer Style box and insert the following settings:

Blend Mode: Overlay

Dither: unchecked

Opacity: 100%

Select Copper Gradient

from the Gradient Picker

Reverse: unchecked

Style: Reflected type of gradient

Align with Layer: checked

Angle: 90 degrees

Scale: 101%.


In this step we are going to add Golden Gradient Type of Stroke so check Stroke Layer Style and insert the settings given below. The Gold 2 Gradient I have used is exclusive for the higher Photoshop versions, but as you can see I have given for you in this step its color stops so you can prepare it yourself.

Size: 2px

Position: Outside

Blend Mode: Normal

Opacity: 100%

Fill Type: Gradient

First Color Stop (Location 0%): #030303

Second Color Stop (Location 2%): #161512

Third Color Stop (Location 25%): #5a3b02

Fourt Color Stop (Location 50%): #997b3f

Fifth Color Stop (Location 75%): #d9bd81

Sixth Color Stop (Location 98%): #f3edc9

Seventh Color Stop (Location 100%): #ffffff

Reverse: unchecked

Style: Reflected type of gradient

Align with Layer: checked

Angle: 90 degrees

Dither: not checked

Scale: 100%.


In order to add 3D effect, check Bevel and Emboss in Layer Style dialog box. Increase its Depth to 1000% and Size to 6px, then change Color for Highlight to #476161 and reduce Color of Shadow Opacity to 50%. Don't change the other settings.


The last Layer Style to be applied on Metal Text layer is Contour. Tick it in Layer Style box and choose Rounded Steps from the Contour Picker. Don't change the other two settings.

Press OK button to apply the Blending Options and to close Layer Style dialog box.

This is the result you should get after applying Shadow, Stroke, Gradient and 3D Effect on the original Text layer:


Now select Metal copy layer, right click on it and choose Blending Options. Firstly check Gradient Overlay and change its settings as follows:

Blend Mode: Overlay

Dither: unchecked

Opacity: 100%

Select Gold 2 Gradient

from the Gradient Picker

(it is the same Gradient I used for Stroke

in Step 10)

Reverse: unchecked

Style: Reflected type of gradient

Align with Layer: checked

Angle: 90 degrees

Scale: 100%.

Keep Layer Style box active as more Blending Options are comming in the following steps.


The second Layer Style to be applied on Metal copy layer is Bevel and Emboss. Increase its Depth to 1000% and Size to 16px, change the Highlight Mode to Multiply and Color for Highlight to #7f97a2, then increase its Opacity to 100%. Lower also the Color of Shadow Opacity to 55%.


In this step only check Contour Layer Style and don't change its default settings.


The last Layer Style to be applied on Metal copy layer is Texture. Insert the following settings:

Pattern: Weave 1 (200 by 200 pixels, Grayscale mode)

Scale: 10%

Depth: +30%

Invert: not checked

Link with Layer: checked.


Our Metallic Text Effect is ready. If you have followed all my previous steps in detail, you should have these two groups in Layers panel:

  1. Background group with these two layers in it: Gradient and Wall Texture;
  2. Text group which consists of two Text layers: Metal and Metal copy.


This is how the Metal Text will look saved in .jpg format.

Hope you liked this short tutorial and found the Text Effect useful. Thanks a lot for reading and God bless! :)


    0 of 8192 characters used
    Post Comment

    • CorneliaMladenova profile imageAUTHOR

      Korneliya Yonkova 

      2 years ago from Cork, Ireland

      Thank you very much for the nice comment and support, my friend. Nice tip :)

    • PAINTDRIPS profile image

      Denise McGill 

      2 years ago from Fresno CA

      Very nice metalic effect. Although I think the brown layer through the middle is a little darker than I would make it, it looks like something I could use in future. Thanks again, for another great tutorial.


    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at:

    Show Details
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the or domains, for performance and efficiency reasons. (Privacy Policy)
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)