Making a Metallic Gradient in Illustrator

by AkatsukiTora in Craft > Digital Graphics

155281 Views, 7 Favorites, 0 Comments

Making a Metallic Gradient in Illustrator

Metallic Gradient Title Image.jpg

I'm going to show you how to create a metallic effect easily using Gradients in Illustrator

Step 1: Draw a Box

Metallic Gradient Part 1.jpg

The first thing you'll do is make a box with the Rectangle Tool on the left hand side. The tool is in the shape of a rectangle (you can't miss it).

Step 2: Click the Gradient Tool

Metallic Gradient Part 2.jpg

You'll find the Gradient Tool on the left hand side like you did with the Rectangle Tool. They look similar in shape, but the Gradient Tool looks like it is transitioning from black to white.

Step 3: Click Your Box

Metallic Gradient Part 3.jpg

After you've selected the Gradient Tool, click on your box that you've made. This will color the box with a default gradient of black and white.

Step 4: Select the Gradient Panel

Metallic Gradient Part 4.jpg

You'll obviously want to customize your gradient to make it look more metallic. The Gradient Panel can help with that. You can find it on the right hand side of the screen. It has the same icon as the Gradient Tool.

As you can see, there is a bar going from white to black with little sliders under them.

Step 5: Add Sliders

Metallic Gradient Part 5.jpg

If you mouse under the color bar, you will see that your mouse has a plus sign next to it. Clicking while this plus sign is visible will create another color slider where you have clicked.

Create a couple more sliders to add more colors to the gradient.

Step 6: Change Colors of Sliders

Metallic Gradient Part 6.jpg

For our box to look metallic, we want to have the lighter colors on the inside and the darker colors on the outside on the gradient color bar.

Click on the last color slider to the left and change it to the third darkest shade on the greyscale color line in the color palette.

Step 7: Change Colors of Sliders 2

Metallic Gradient Part 7.jpg

Use the same color on the slider on the opposite side of the gradient color bar.

Step 8: Change Colors of Sliders 3

Metallic Gradient Part 8.jpg

Change the middle slider to the third lightest shade on the on the greyscale color line in the color palette.

Step 9: Change Colors of Sliders 4

Metallic Gradient Part 9.jpg

Now we will direct our attention to the two sliders we have between the middle slider.

Change both of their colors to the fourth darkest shade on the on the greyscale color line in the color palette.

Step 10: Add More Sliders

Metallic Gradient Part 10.jpg

Add two more sliders, one on both sides of the middle slider.

Change their colors to the sixth darkest shade on the on the greyscale color line in the color palette.

Step 11: Add More Sliders 2

Metallic Gradient Part 11.jpg

Repeat the last step by adding two more sliders, one on both sides of the middle slider.

Change their colors to the fourth lightest shade on the on the greyscale color line in the color palette.

Step 12: Arrange Your Gradient

Metallic Gradient Part 12.jpg
Metallic Gradient Extra.jpg

There is a bar in the middle of your box that will allow you to arrange your colors on the gradient bar. Play with the sliders until you are satisfied with your gradient.

PS: You can also change the direction of your gradient with the angle selector in the Gradient Panel.

Final Product

Metallic Gradient Part 13.jpg

And now you should have a metallic coloration to your box.