EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login

Metallic Effect Photoshop

By Preeti PrajapatiPreeti Prajapati

Home » Design » Design Tutorials » Photoshop Tutorial » Metallic Effect Photoshop

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 for making your object look more effective. The types of Metallic effects can make your text look more realistic and can give it natural looks.

Let us move toward the steps of applying Metallic Effect to your Text in a very interesting manner:

Start Your Free Design Course

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

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 ‘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.

Popular Course in this category
Sale
Photoshop Training (9 Courses, 12+ Projects)9 Online Courses | 12 Hands-on Projects | 78+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.9 (10,630 ratings)
Course Price

View Course

Related Courses
Adobe Premiere Pro Tutorial (3 Courses, 7+ Projects)All in One Design Bundle (280+ Courses, 100+ projects)

Metallic Effect Photoshop - 3

Step 4: Now select ‘White’ color as 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: Now go to the layer section of this software which is at the right side of the working area, and make duplicate layers of this text layer. For duplicating this layer, select this text layer and press the Ctrl + J button from the keyboard. A duplicate layer will be generated, which 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 click on it. We will add Style to this layer; for adding 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 of this dialog box.

Metallic Effect Photoshop - 9

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

Metallic Effect Photoshop - 10

Step 11: Now click on the color box for choosing 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 gradient for choosing 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 so that we can save this gradient for our future use. I will name it as ‘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 as ‘Gold’ in the preset section of the gradient editor box.

Metallic Effect Photoshop - 16

Step 17: Now, we will make some setting in the parameter of gradient effect for making 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 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 for enhancing the smooth 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 be 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 ‘Gold’ gradient from the presets of the gradient which he had saved at the starting of the article.

Choose ‘Gold’ gradient

Step 33: Now, 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 size of the stroke 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: And click on the color box of this effect and type code ‘E8801F’ for 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 in any of your objects for making your project more and more effective.

Recommended Articles

This is a guide to Metallic Effect Photoshop. Here we discuss the basic concept of giving Metallic Effect in your Text in a very interesting manner. 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

Photoshop Training (9 Courses, 12+ Projects)

9 Online Courses

12 Hands-on Projects

78+ Hours

Verifiable Certificate of Completion

Lifetime Access

Learn More

0 Shares
Share
Tweet
Share
Primary Sidebar
Layers Panel in Photoshop

Docker ps

MySQL Community Server

React Native Picker

Vintage Effect Photoshop

Vaporwave Photoshop

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

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

EDUCBA
Free Design Course

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

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

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA
Free Design Course

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

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

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

EDUCBA

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

By signing up, you agree to our Terms of Use and Privacy Policy.

Special Offer - Photoshop Training (9 Courses, 12+ Projects) Learn More