Get Access to World’s largest Template Library & Tools

How to Create a Metallic Text Effect Using Layer Styles in Adobe Photoshop

Adobe Photoshop is a useful software that web designers, graphic artists, and even beginners can use to create and edit images, add text, and even incorporate effects into your project. The available tools that Photoshop presents help you to execute your creativity into a reality.

How to Create a Metallic Text Effect Using Layer Styles in Adobe Photoshop

With the ‘Text tool’ in Photoshop, you can add text that may be used in a variety of applications, such as combining it with photos to make a film poster, a holiday greeting card, or even an invitation. You will find that having different and specific effects on your text can change the entire look of your file.

  • Step 1: Adjust Text Specifications

    Launch your Adobe Photoshop software and open the file you want to use. Either as a pre-existing file or a brand new one, would be okay. Add the text you desire to use and edit the specifications accordingly.

  • Step 2: Open Layer Style

    how to create a metallic text effect using layer styles in adobe photoshop step

    Access the Layer Style by right-clicking on the Text layer and selecting ‘Blending Options’. In the advanced blending section, ensure that the ‘Blend Interior Effects as Group’, ‘Blend Clipped Layers as Group’, and ‘Transparency Shapes Layer’ are checked. Click on ‘OK’ to commit to these changes.

  • Step 3: Add Shadows

    how to create a metallic text effect using layer styles in adobe photoshop stepAdding shadows will help separate the text you have onscreen from the background you have or plan to add in the future. This guide will be using the settings with a Blend Mode that is set to normal, Opacity at 70%, Angle is 90% with an unchecked ‘Use Global Light’, Distance at 10%, Spread a 20%, and Size at 10%. But you are free to play around and experiment with the settings that best fit your needs.

  • Step 4: Edit Gradient Overlay

    how to create a metallic text effect using layer styles in adobe photoshop stepOnce you opened up Gradient Overlay, set the values accordingly to achieve that metallic effect. Set the scale to 150% and then open up the Gradient bar. Leave the settings as is but edit the color codes. The first and last ones are 0d1117, with the located 25% and 75% as a0a0a0, and the middle one or at the location of 50% as 161a20.

  • Step 5: Add Inner Glow

    how to create a metallic text effect using layer styles in adobe photoshop stepYou can further brighten the edges to achieve that metallic effect. To do so, open the ‘Blending Options’ and select ‘Inner Glow’. Set the Blend Mode as normal, values of Opacity to 100%, Choke to 40%, Size 2px, and the rest as is. Click ‘OK’ to save the settings.

  • Step 6: Incorporate 3D Effect

    how to create a metallic text effect using layer styles in adobe photoshop stepThis time, open the Layer Style and select ‘Bevel and Emboss’. Play around or try out the values set by this guide. Set the Size to 10% and the Soften to 1%, and leave the rest as is. Go to Gloss Countour and select an appropriate wavelength that fits to achieve the effect.

  • Step 7: Add Satin Effect and Stroke

    how to create a metallic text effect using layer styles in adobe photoshop stepOpen the ‘Blending Options’ to add the Satin Effect. Set the Blend Mode as color dodge, Angle at 20 degrees, Distance at 45px, Size at 8px, then add another Contour. Open the Layer Style one last time and go to Stroke. Set the Size as 2px, the Fill Type as gradient, the Style to reflected, and finally edit the Gradient bar. With the colors located at 0% and 100% at 1a1b1e and the middle or 50% at 7f7f7f.

FAQs

How do you use metallic colors in Photoshop?

Select ‘Filter’ from the menu bar, then ‘Add Noise’, and the “Gaussian” radio option and check the “Monochromatic” box, then use the slider to modify the level of noise with a number of 5% or less is suitable for achieving a metal appearance.

Is there a glitter effect on Photoshop?

From the menu bar, select ‘Filter’, ‘Noise’, then ‘Add Noise’, proceed to ‘Add Uniform noise’ and adjust the slider to roughly 50% but to make gray glitter, check the box next to ‘Monochromatic’ then click on ‘OK’ once you are satisfied with the appearance.

How do I style text in Photoshop?

Write the text to which you want to apply a style or alternatively choose a layer with existing text then, in the Tool Options bar, choose from the available presets and open the Effects panel, and double-click the thumbnail of a style you wish to apply to the text.

What are the effects in Photoshop?

Drop Shadow, Inner Shadow, Outer Glow, Inner Glow, Bevels & Emboss, Gradient Overlay, Pattern Overlay, and more effects are accessible to use in the software.

What are layer effects in photoshop?

With ten distinct layer effects to select from, layer effects are a collection of non-destructive, customizable effects that can be applied to nearly any type of layer in Photoshop.

More in Adobe

How to Combine EPS Images in Adobe PhotoshopHow to Make a Greeting Card in Adobe InDesign
How to Make a Calendar in Adobe InDesignHow to Change from Inches to MM in Adobe InDesign
How to Blend Faces in Adobe PhotoshopHow to Curve Text in Adobe InDesign
How to Remove White Background from EPS File in PhotoshopHow Do you Change the Margins in Adobe InDesign
How to Create a Brochure in Adobe InDesignHow Do I Resize a Picture on Adobe InDesign
How Long Does It Take to Learn Adobe InDesignHow to Add Columns in Adobe InDesign
How to Wrap Text in Adobe InDesignHow to Create a Newsletter in Adobe InDesign
How Do I Add PNG in Adobe Premiere ElementsHow to Apply Texture to an Image in Adobe PSD
How to Change Adobe InDesign to InchesHow to Add a Picture in Adobe InDesign
How to Save Action Set in Adobe PhotoshopHow to Convert PDF to Adobe InDesign [Templates + Examples] 2023
How to Wrap Text Around an Image in Adobe InDesignHow to Create QR Code in Adobe InDesign
How to Make a CV with Adobe InDesignHow to Change Background Color on Adobe InDesign [Templates + Examples] 2023
How to Adjust Text and Line Spacing in Adobe PSDAdobe InDesign
How to Create Shapes in Adobe InDesignHow to Crop an Image in Adobe InDesign
How to Create a Hyperlink in Adobe InDesignHow to Zoom In/Zoom Out in Adobe InDesign
How to Insert Page Numbers in Adobe InDesignHow to Make/Create Fonts in Adobe InDesign [Templates + Examples] 2023
How to Create SVG Elements with JavaScriptHow to Convert EPS File to PSD with Layers
How to Create Table in PhotoshopHow to Use the Align Tool in Photoshop
How to Open Multiple Images as Layers in Adobe PhotoshopHow to Save a Mesh Object as SVG Format in Illustrator
How to Create and Modify Brushes in Adobe PhotoshopHow to View and Edit SVG Files
How to Add an SVG Signature File in Your Outlook EmailsHow to Convert EPS to JPG
How to Batch Convert Adobe Illustrator Files into EPS FilesHow to Convert Adobe InDesign File to JPEG
How to Edit SVG File Warning Message in AndroidHow to Convert Adobe InDesign File to PDF
How to Edit a PDF in PhotoshopHow Do I See Word Count in Adobe InDesign
How to Spell Check in Adobe InDesignHow to Make Photos and Vectors in EPS Format
How to Create a Hyperlink in Adobe PSDHow to Create a Brochure in Adobe PSD
How to Print a Poster on Multiple Pages Using PhotoshopHow to Put an SVG into Any Application that Uses HTML
How to Add SVG to a WebsiteHow to Insert SVG Image into a Webpage
How to Export EPS File to BMPHow to Use EPS Files in Photoshop
How to Make Single Line SVG FilesHow to Convert PSD/PSB to JPG in Photoshop
How to Change DPI in PSD to Print High-Quality PhotosHow do I save a logo as an EPS?
How to Save Psd File for Older Version of PhotoshopHow to Convert Sketch Design File into a Layered Photoshop File
How to Include Image in Illustrator EPS FileHow Do I Use the Vector EPS File
How to Recover Deleted EPS FilesHow to Create Specific SVG Outputs through Adobe Illustrator
How to Edit EPS File in AndroidHow to Ungroup Image in Adobe Illustrator
How to Merge Layers in Adobe IllustratorHow to Use Shape Builder Tool in Adobe Illustrator
How to Send an EPS File Through EmailHow to Recover Deleted SVG File
How to Use SVG Images in CSS and HTMLHow to Save An Image As An EPS File
How to Combine Multiple EPS FilesHow Do I Create an EPS Logo?
How Do I Create a High-Resolution EPS File?How Do I Convert PNG to EPS in Illustrator?
How to Print an EPS FileHow to Export Photoshop Shapes to SVG with Stroke Effects
How Can I Open EPS Files with Adobe ReaderHow to Create a Metallic Text Effect Using Layer Styles in Adobe Photoshop
How to Make an Infographic on Adobe IllustratorHow to Curve Text in Adobe Psd
How to Use the Magic Wand Tool in Adobe IllustratorHow to Save an Image as an EPS File
How to Resize a Layer in Adobe PsdHow to Add Fonts in Adobe Psd
How to Export SVG Code in Adobe IllustratorHow to Change Stroke Thickness in Adobe Illustrator
How to Make a Business Card in Adobe IllustratorHow to Import Illustrator SVG File to InDesign
How to Resize SVG in Adobe XDHow to Draw Hair in Adobe Illustrator
How to Change the Language in Adobe IllustratorHow to Change Text Color in Adobe Illustrator
How to Animate on Adobe IllustratorHow Can You Save an EPS as a PNG File?
bottom banner