How to Create Silver Metallic Effect in Illustrator

In this Illustrator Tutorial, I will show, ‘How to Create Silver Metallic Effect in Illustrator’.


Just in case of one of my previous blog on ‘How to Create Metallic Effect in Illustrator‘, we will again achieve Silver Metallic Effect in two parts.

  1. Silver Metallic Color
  2. Adding Glow and Shadow

I will perform this tutorial on a Text in Illustrator but you can follow the steps to apply this effect on any Element or Design.

In case of text, you should chose your Font carefully. As we are creating a Silver look and Silver symbolizes Wealth, Success and Power (Power in terms of Position of a Person not Strength).

Jennifer Bourn in her article stated that silver is “distinguished color of riches, has cool properties like gray, but is more fun, lively, and playful.”

People who like this color are sensitive, confident, kind, calm and compassionate. I hope you get the idea of what kind of Font you should be using.

Create Background

As stated in “How to Create Metallic Effect in Illustrator‘, Metals have lustrous or shining surface. However, some metals like Silver, Gold and Platinum etc. have some shiny surface than others.

Create New Document

We will start by creating a New Document in Illustrator. For the purpose of this tutorial, I will chose the following values:

  1. Width: 1100 px
  2. Height: 500 px
  3. Color Mode: RGB
  4. Raster Effects: High (300 ppi)
New Document dialog box

Create Background

  • Take Rectangle Tool from the toolbar with Stroke color as None, Fill color as R=120, G=120 and B=151

Click on the Artboard with Rectangle Tool selected to open the Rectangle dialog box and use Width: 1120 pxx and Height: 520 px.

Rectangel dialog box

After we click on OK, a Rectangle will be created as shown below.

rectangle shape
  • Now, we need to center our Rectangle with respect to the Artboard. We can do it using Align Panel. While the Rectangle is selected, open Align Panel and do the following:
  1. Align To: Align to Artboard
  2. Click Horizontal Align Center
  3. Click Vertical Align Center

Respective pics for above steps are shown below:

Align panel
Horizontal Align Center
Vertical Align Center
  • Open Appearance Panel, click on Add New Fill button at the bottom of the Appearance Panel.
Add New Fill button
New Fill layer added in Appearance Panel
  • Change the Blending Mode of New Fill layer to Soft Light.
Blending Mode Soft Light
  • Change the solid fill of the Fill layer to Radial Gradient, from R=120, G=120 and B=151 with opacity of 0% to R=70, G=70 and B=101
Left color stop values
Right color stop values
Radial Gradient with Gradient Annotator

Add Element for Silver Metallic Effect

Now, we need to add the element for our Metallic Effect in Illustrator. In my case, I will be taking a text for the tutorial.

Remember, Typography is an important topic if you consider to use text too. I will be using Futura Light Condensed as Font at 330 px Font Size and Tracking of 50

Text details

Add Silver Colors Gradient

  • Remove Text color. Open Appearance Panel and Add New Fill.
New fill layer added in appearance panel
  • Replace the solid Fill color with a Linear Gradient at 45 degrees containing following location and color values:
  1. Location: 0%; Color Stop: R=188, G=190 and B=192;
  2. Location: 10%; Color Stop: R=231, G=230 and B=233;
  3. Location: 20%; Color Stop: R=254, G=254 and B=254;
  4. Location: 35%; Color Stop: R=152, G=154 and B=158;
  5. Location: 50%; Color Stop: R=188, G=190 and B=192;
  6. Location: 60%; Color Stop: R=241, G=241 and B=241;
  7. Location: 75%; Color Stop: R=152, G=154 and B=158;
  8. Location: 90%; Color Stop: R=241, G=241 and B=241;
  9. Location: 100%; Color Stop: R=188, G=190 and B=192;
Silver Gradient
  • Add this Gradient to Swatches for future use.
Add new swatch button
New Swatch Dialog box
Silver gradient added in swatches

Add Glow

  • Add New Fill in the Appearance Panel with color values of R=120, G=120 and B=151 with Blending Mode of Soft Light.
New Fill layer
  • Go to Effect > Distort > Diffuse Glow

Use Graininess value at 10, Glow Amount at 5 and Clear Amount at 20

Diffuse Glow
Diffuse Glow applied
  • Add New Fill with Color value R=120, G=120 and B=151; Opacity of 50% and Blending Mode set to Soft Light.
add new filladd new fill

Add Surface Shine

  • Add New Stroke in Appearance Panel with 4 pt Stroke Weight. Apply the saved Silver Gradient to the stroke.
Added new stroke
  • Go to Effect > Path > Offset Path with -2 px value
Offset Path
  • Add one more Stroke with Stroke Weight of 10 pt, Black color, Opacity at 50% and Blending Mode set at Soft Light.
new stroke added
  • Go to Effect > Path > Offset Path with -5 px value.
Offset Path
  • Go to Effect > Sketch > Chrome with Details of 8 and Smoothness 10.
Chrome applied

Add Shadow

  • Select the bottom most Fill from the Appearance Panel.
Last Fill selected in Appearance Panel
  • Then go to Effect > Stylize > Drop Shadow with shadow color of R=61, G=60 and B=93 and other values as following:
Drop Shadow dialog box
drop shadow applied
  • Add New Fill layer in Appearance Panel and drag this new fill to the bottom in Appearance Panel.
New fill at the bottom of appearance panel
  • Change the color of the selected fill to R=61, G=60 and B=93 with 75% of Opacity.
new fill layer
  • Then go to Effect > Path > Offset Path with – 4 px value
Offset Path
  • Effect > Distort & Transform > Transform
Transform effect
transform applied
  • Go to Effect > Blur > Gaussian Blur with value of 25 px
Gaussian blur applied
  • Add New Fill in Appearance Panel and drag it to the bottom. Apply Linear Gradient from R=61, G=60 and B=93 at 25% opacity to R=61, G=60 and B=93
New fill layer
  • Go to Effects > Distort & Transform > Transform
Tansform dialog box
  • Go to Effect > Blur > Gaussian Blur
Gaussian blur dialog box

Final Result

Final result of Silver Metallic Effect

Shiv Pratap Singh
Shiv Pratap Singh

Shiv Pratap Singh is professionally a 3d Gaming Artist. He loves to model props and texture them.

Articles: 11