EDUCBA Logo

EDUCBA

MENUMENU
  • Explore
    • EDUCBA Pro
    • PRO Bundles
    • Featured Skills
    • New & Trending
    • Fresh Entries
    • Finance
    • Data Science
    • Programming and Dev
    • Excel
    • Marketing
    • HR
    • PDP
    • VFX and Design
    • Project Management
    • Exam Prep
    • All Courses
  • Blog
  • Enterprise
  • Free Courses
  • Log in
  • Sign Up
Home Design Design Tutorials Photoshop Tutorial Metallic Effect Photoshop
 

Metallic Effect Photoshop

Preeti Prajapati
Article byPreeti Prajapati
Madhuri Thakur
Reviewed byMadhuri Thakur

Updated August 25, 2023

Metallic Effect Photoshop

 

 

Introduction to Metallic Effect Photoshop

Metallic-effect in Photoshop is the most popular tool among designers for creating text effects. A metallic effect can be used to make your object look more effective. The types of Metallic effects can make your text look more realistic and can give it a natural look.

Watch our Demo Courses and Videos

Valuation, Hadoop, Excel, Mobile Apps, Web Development & many more.

Let us move toward the steps of applying the Metallic Effect to your text in an exciting manner:

How to Create Metallic Effect in Adobe Photoshop?

We will discuss it in just a few steps. These steps are as follows:

Step 1: First of all, take ‘New Document’ in this software. For taking a new document, go to the Menu bar and click on the File Menu of this software. A drop-down list will be open. Click on the ‘New ‘option of this drop-down list.

Metallic Effect Photoshop - 1

Step 2: A document set-up dialog box will open. Select the ‘Black’ color as the background color of this document and click on the Create tab of this dialog box to apply the setting.

Metallic Effect Photoshop - 2

Step 3: Now select Text Tool from the tool panel of this software on the left side of the working area.

Metallic Effect Photoshop - 3

Step 4: Now select the ‘White’ color as the text color from the property bar of the text, which is present at the top of the working area.

Metallic Effect Photoshop - 4

Step 5: And type a text which you like. You can also choose font style according to you. I will type ‘Metallic’ as my text after setting parameters of text such as Font style, size of the Font, and color of the text.

Metallic Effect Photoshop - 5

Step 6: Go to the layer section of this software, which is on the right side of the working area, and make duplicate layers of this text layer. To duplicate this layer, select this text layer and press the Ctrl + J button from the keyboard. A duplicate layer will be generated, which is named Metallic Copy. You can rename it according to your choice of name.

Metallic Effect Photoshop - 6

Step 7: Select the Copy layer of text by clicking on it. We will add style to this layer; to add style, click on this icon present at the end of the layer section.

Metallic Effect Photoshop - 7

Step 8: A drop-down list will open. Choose the ‘Gradient Overlay’ style from here.

Metallic Effect Photoshop - 8

Step 9: A new dialog box of Layer style will open. Click on the Gradient option in this dialog box.

Metallic Effect Photoshop - 9

Step 10: A Gradient Editor box will open. Click on the start Color stop head to choose the first color of the Gradient.

Metallic Effect Photoshop - 10

Step 11: Now click on the color box to choose the color.

Metallic Effect Photoshop - 11

Step 12: A Color Picker box will open. I will use the gold effect as metallic color, so I will use code ‘FAEEAD’ as starting head color of the Gradient.

Metallic Effect Photoshop - 12

Step 13: Now click on the stop head of the Gradient to choose the second color of the Gradient and click on the color box of this head.

Metallic Effect Photoshop - 13

Step 14: Now, I will use code ‘C1AC51’ as the second color of the Gradient.

Metallic Effect Photoshop - 14

Step 15: Now, we have our gold color gradient in the gradient section. Click on the New tab to save this Gradient for our future use. I will name it ‘Gold’; you can name it according to your choice.

Metallic Effect Photoshop - 15

Step 16: You can see our Gradient has been saved with the name ‘Gold’ in the preset section of the gradient editor box.

Metallic Effect Photoshop - 16

Step 17: Now, we will make some settings in the gradient effect parameter to make it smoother. Take ‘Reflected’ as a style of the Gradient.

Metallic Effect Photoshop - 17

Step 18: Now select the ‘Bevel & Emboss Effect’ option for enhancing the gold effect.

Metallic Effect Photoshop - 18

Step 19: Now choose ‘Chisel Hard’ in the Technique option of the Bevel & Emboss Effect.

Metallic Effect Photoshop - 19

Step 20: And take 180% in the Depth option.

Metallic Effect Photoshop - 20

Step 21: I will take 10 px as the size of this effect.

Metallic Effect Photoshop - 21

Step 22: Set the Opacity of Highlight Mode and Shadow Mode up to 70%.

Metallic Effect Photoshop - 22

Step 23: Take the ‘Ring- Double’ option in the ‘Anti-aliased’ option to enhance the smoothness of the gold effect.

Metallic Effect Photoshop - 23

Step 24: Now select the ‘Inner Glow’ option.

Metallic Effect Photoshop - 24

Step 25: Take the ‘Multiply’ option in Blend Mode of this effective option.

Metallic Effect Photoshop - 25

Step 26: And make Opacity up to 50%.

Metallic Effect Photoshop - 26

Step 27: Now click on the color box of this effect and type code ‘E8801F’ for the color of this effect.

Color box effect

Step 28: Now press the Ok tab of this dialog box to apply these settings.

Metallic Effect Photoshop - 28

Step 29: Now, again, click on the layer style option. A drop-down list will be open. Choose the ‘Stroke’ option from this list.

Stroke

Step 30: A dialog box will open for the Stroke option. Choose Gradient in the ‘Fill Type’ option of stroke.

Fill Type

Step 31: Click on the ‘Gradient’ option. The gradient editor box will be open.

Metallic Effect Photoshop - 31

Step 32: Choose the ‘Gold’ gradient from the presets of the Gradient which he had saved at the start of the article.

Choose ‘Gold’ gradient

Step 33: Take the ‘Reflected’ option in gradient style.

Reflected option

Step 34: Make sure the position of the stroke is ‘Outside’ for the better result of the stroke.

Metallic Effect Photoshop - 34

Step 35: I will take the stroke size as 5 px.

Metallic Effect Photoshop - 35

Step 36: Now, we will apply the ‘Bevel & Emboss’ effect in the stroke of this text. Click on the ‘Bevel & Emboss’ option.

Bevel & Emboss

Step 37: Choose Stroke Emboss in the style of this effect because we are using this effect for stroke.

Choose Stroke Emboss

Step 38: Techniques should be Chisel Hard to share stroke effect.

Chisel Hard

Step 39: Click on Anti-aliased and choose the Ring-double option from here.

 Ring-double option

Step 40: Now select the ‘Outer Glow’ option.

Outer Glow

Step 41: Take Opacity up to 60% of this effect.

 opacity 60 %

Step 42: Click on this effect’s color box and type code ‘E8801F’ for the stroke color.

Type Code ‘E8801F’

Step 43: This is our final text of the Metallic-effect.

final text

In this way, you can apply this metal effect to any of your objects to make your project more effective.

Recommended Articles

This is a guide to Metallic Effect Photoshop. Here we discuss the basic concept of giving the Metallic Effect in your text excitingly. You can also go through our other related articles to learn more –

  1. Introduction to Dispersion Effect in Photoshop
  2. Learn the Best Photoshop Versions of 2020
  3. What is Portrait Effect in Photoshop?
  4. Watercolor Brushes in Photoshop for Designers

Primary Sidebar

Footer

Follow us!
  • EDUCBA FacebookEDUCBA TwitterEDUCBA LinkedINEDUCBA Instagram
  • EDUCBA YoutubeEDUCBA CourseraEDUCBA Udemy
APPS
EDUCBA Android AppEDUCBA iOS App
Blog
  • Blog
  • Free Tutorials
  • About us
  • Contact us
  • Log in
Courses
  • Enterprise Solutions
  • Free Courses
  • Explore Programs
  • All Courses
  • All in One Bundles
  • Sign up
Email
  • [email protected]

ISO 10004:2018 & ISO 9001:2015 Certified

© 2025 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

By continuing above step, you agree to our Terms of Use and Privacy Policy.
*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

EDUCBA Login

Forgot Password?

🚀 Limited Time Offer! - 🎁 ENROLL NOW