ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Create Metallic Text with Patina in Photoshop

Updated on April 14, 2016

In this short tutorial I will show you how to create beautiful metallic Text Effect with the help of Blending Options and Textures. You will also learn how to use Character panel in order to modify your Text and achieve unique results.

The font I have used is the famous Times New Roman and both textures- Tree Bark and Stone are my own photos and unrestricted stock.

All Photoshop versions are applicable.

This is the outcome you should get:


Firstly you need to create a new folder where you are going to save both textures you have to download, the .psd document and your final result.

After you are ready with the folder, open Adobe Photoshop and go to File, New to create a new document. Name it Metallic Text then insert 1200 Pixels for Width and 700 Pixels for Height. Now we have to set the Resolution. If you want to print your masterpiece, you should insert 300 Pixels/Inch. As my effect is for online use only, I typed 96 Pixels/Inch. I have also chosen RGB Color for Color Mode but if you want to print, you should select CMYK Color from the drop down menu.

Select also Transparen for Background Contents as you will get automatically transparent and editable Layer 1 in Layers panel.

Double click on Layer 1 name and type Radial Gradient to change it. Press Ctrl+G to put your first layer in a group. Rename this Group 1 to Background.

Fill the Background with Radial Gradient and Blend it with Tree Bark Texture

In Steps 2-7 you should fill the first layer in Background group with cyan to purple Radial Gradient. After you have colorized the Background, you have to Create a New Layer in Background group and Paste there awesome Tree Bark Texture. Your next task is to resize the Texture using Free Transform option and change its Blend Mode.


We have to fill our first layer with Gradient in this step. Keep Radial Gradient layer highlighted and Set Foreground Color to #036c82 then Set Background Color to #120114. Press G key to activate Gradient Tool, select Foreground to Background type of Gradient from the Gradient Picker in the Options bar and click on Radial Gradient icon. Now hold down left mouse key and drag with the instrument from the middle to a chosen corner of the canvas.


In this step your task is to download the Tree Bark Texture you see below. Click on it to open it in high resolution, then right click and select Save As to place it in your folder.


Create a New Layer (Layer, New, Layer) on top of Background group and rename it to Three Bark Texture.

Open the Tree Bark Texture in Adobe Photoshop, press Ctrl+A to Select its whole image then press Ctrl+C to Copy it. Return to your Metallic Text .psd file and make sure that your Tree Bark Texture layer is highlighted. Press Ctrl+V to Paste the Texture there.

You can see that the Texture is bigger that your canvas. To solve this problem, go to Edit, Free Transform then select and move in inner direction chosen nodes to make the Texture cover your canvas. Press Enter to apply the Transformation.


Change Blend Mode of Tree Bark Texture layer to Overlay. You can see thet there is a white line crossing the Texture almost in the middle. This will be distracting when we create the Text so in the next step we'll use a simple method to cover this white line.


Create a New Layer on top of Background group and call it Black Line. Press D key to set Foreground/ Background Color to Black/ White, then grab Brush Tool and in the Options bar select Soft Round Brush from the Brush Preset Picker. Set its Size to 35px then brush over the white line. Use the help of Eraser tool (with Soft Brush) if you brush out of the white line. You should get the following outcome:


Change the Blend Mode of Black Line layer to Soft Light. Now you see that the distracting white line is hidden and our Texture looks much better.

Type the Text and Add Six Blending Options to Make it Glossy and Embossed

In Steps 8-15 you should type your Text using the famous Times New Roman Font with modified Horizontally Scale. You also have to duplicate the first Text layer and lower the Fill Opacity value of the copied one to 0%.

Your next task is to highlight the original Text layer and apply on it Shadow, light brown Outer Glow, Gradient Overlay with pastel color shades, orange Inner Glow and 3D Effect with Rounded Steps Contour.


Let us start to create our Metallic Text Effect with Patina. Firstly we have to modify the settings of the instrument we are going to use. Select Horizontal Type tool or press T. Navigate to the Options bar. Firstly select Times New Roman from Font Family drop down menu, Set Font Style to Bold and insert 480pt for Font Size then set the Text Color to #8c4b10. Type Tough or any other five letters word on your canvas using capital letters. Now highlight the Text and click on Toggle the Character and Paragraph panels icon (Window, Character). Set the Tracking value to 100 and set the Horizontally Scale to 40%- this will increase the height of the Text and you'll get the result shown on the screenshot below.

Move Tough Text layer on top of Layers pane and press Ctrl+G to place it in a group. Call your second group Text.


With Tough Text layer selected press Ctrl+J (Layer, Duplicate Layer) to make a copy of it. Reduce Fill Opacity value of Tough Text copy layer to 0%.


Now go back to the original Tough Text layer, right click on it and select Blending Options (Layer, Layer Style, Blending Options). Firstly select Drop Shadow Layer Style, reduce Distance to 0px, increase Spread to 25% and Size to 40px and don't close Layer Style dialog box as we have another five Blending Options to add to the first Text layer.


This time apply Outer Glow Layer Style on the original Text layer. Reduce Opacity to 35%, Set Color of Glow to #da922b, increase Size to 9px and select Rounded Steps Contour from the Contour Picker.


Now check Gradient Overlay Layer Style and set the Angle to 90 degrees then click on the Gradient swatch to change its Color Stops like this:

First Color Stop (Location 0%): #824026

Second Color Stop (Location 25%): #94711e

Third Color Stop (Location 50%): #7e3a08

Fourth Color Stop (Location 75%): #b67c31

Fifth Color Stop (Location 100%): #672c0d.


The next Layer Style to be added to Tough Text layer is Inner Glow. Increase Opacity to 100%, change Color of Glow to #f8ba34 and heighten the value of Size to 25px.


In this and the next step we are going to add 3D Effect to our Text. So check Bevel and Emboss Layer Style, increase its Size to 9px, Set Color for Highlight to #f5ea39 and change Color for Highlight Opacity to 80%. Lower Color of Shadow Opacity to 65%.


Check Contour Layer Style which is below Bevel and Emboss and find Rounded Steps Contour in the Contour Picker. Leave the other two settings as given by default.

This is the result of applying Blending Options to the first Text layer:

Apply Blending Options on the Duplicated Text Layer

In Steps 16-20 you have to add five Blending Options to the duplicated Text layer. The effects you should apply are Gradient, Inner Glow, golden colored Inner Shadow and 3D Effect with navy blue Highlight Color and default Contour.


Now select Tough copy Text layer, right click on it and choose Blending Options. Firstly apply Gradient Overlay. Change its Blend Mode to Overlay and set the Angle to 90 degrees then click on the Gradient rectangle to change the Color Stops as follows:

First Color Stop (Location 0%): #3a1b08

Second Color Stop (Location 50%): #b39268

Third Color Stop (Location 100%): #aa5102.


The second Layer Style we have to add to the duplicated Text layer is Inner Glow. Change Opacity to 100%, Set Color of Glow to #f8ba34, check Center from both Source options and increase Size to 25px.


Now tick Inner Shadow in Layer Style box. Select #f4ea7a for Color of Shadow and increase Opacity to 100%. Set Distance to 0px, Size to 8px and choose Sawtooth 1 for Contour.


In this and next step we are going to increase the 3D Efect on the Text. Tick Bevel and Emboss Layer Style and increase its Depth to the maximum value of 1000%. Increase also Size to 20px, change Color for Highlight to #52807d and slightly lower Color of Shadow Opacity to 45%.


The last Layer Style we have to apply on our second Text layer is Contour. Only tick it in Layer Style box and leave the default settings unchanged.

This is how the Text Effect will look after applying all the necessary Blending Options. In the coming steps we are going to add patina.

Add Stone Texture to Create Patina Effect

From the next step to the end of the tut you should download grunge style Stone Texture and Paste it on a new layer on top of Text group. You have to resize the Texture with the help of Free Transform option so that it covers the glossy Text.

To achieve Patina Effect you should Load Selection on the Text Layer and Apply Layer Mask, then change the Blend Mode of the Texture and lower its Opacity value.


Now download this Stone Texture the same way you did with the Texture in Step 3.


Create a New Layer on top of Text group and name it Patina. Paste in this new layer the Stone Texture you already downloaded (see Step 4) and resize it using Edit, Free Transform so that it covers your Text.


While Patina layer is selected, hold down Ctrl and click on Tough Text layer's thumbnail to Load Selection. Please click on the screenshot below to see the result in high res for a better visibility.

Now click on Add Layer Mask icon at the bottom of Layers pane or go to Layer, Layer Mask, Reveal Selection. Your Text will get covered with the Stone Texture like this:


Change the Blend Mode of Patina layer to Overlay and lower its Opacity to 20%.

We are ready with all our work on the Metallic Text Effect with Patina. You should have these two groups of layers in your Layers pane:

  1. Background group with three layers in it: Radial Gradient, Tree Bark Texture and Black Line and

  2. Text group which also includes three layers: Tough, Tough copy and Patina layer.


You should get this result if you save your work in .jpg or .png format. To improve the final look of your Text you can open the .jpg or .png file in Photoshop and apply Filter, Sharpen, Unsharp Mask with settings according to your taste.

Hope you find this tutorial useful and learned something new from it. If you have any questions, please post a comment below.

Thank you very much for reading and God bless! :)


    0 of 8192 characters used
    Post Comment

    No comments yet.


    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)