Brushed Metal Effect in Adobe Illustrator

Using Illustrator’s Gradient Editor and Graphic Styles, you can create a brushed metal effect that you can apply to any shape or text.

This video requires Adobe Flash Player.

Visitor Comments »

 

Pretty cool…Have you all thought about providing a text transcript of your videos down below. Makes it easier for those of us who need to repeat steps over and over cuz we just can’t get it right. :-)

 

Comment by david | March 25, 2008 @ 12:00 pm

 

I agree. Very cool tutorial. Having transcripts also makes it easier for people who are deaf or hard of hearing appreciate these lovely tips!

 

Comment by tara | March 26, 2008 @ 3:42 pm

 

Hi,

I am trying over and over again to make the steel effect but for some reason I cannot get the photoshop effect to work in illustrator. Am I doing something wrong? Is this just for CSI 3?

Thank you.

 

Comment by Elizabeth | March 28, 2008 @ 9:44 am

 

Great Tutorial! It saved me from missing a deadline.

Thanks

PS. I couldn’t hear anything. The transcript comment is good idea.

 

Comment by Creative Gong | April 1, 2008 @ 5:10 pm

 

Is anyone else having the problem where it goes into an advertisement just before showing the effects being used and it never brings you back to the tutorial afterwards?

 

Comment by Josh | April 2, 2008 @ 1:25 pm

 

I could not hear anything either?
Checked all my audio settings and they were all working, so don’t know what happened?

 

Comment by Kathryn | April 3, 2008 @ 4:57 pm

 

Really liked this tutorial, thanx!! However I can’t get new colors applied to the fill’s graphic style like he’s doing in the Text example. When I click the swatch it swaps the g.s. (gradient) for the new color. Tried holding down the Alt a/o Ctrl key but still not getting the desired affect.

 

Comment by Chief Cornplanter | April 4, 2008 @ 10:47 pm

 

Hows about a printed version of this tutorial, and a Quicktime version for someone to save, like you use to. My 2-cents

 

Comment by wallis Parnelle | April 5, 2008 @ 10:15 pm

 

I tried this and all went well until I tried to save it. It would not save because of a file error. I closed illustrator and restarted the computer and repeated my earlier steps successfully but now I can’t get the photoshop filter to work- it’s ghosted. I’m in RGB mode too. Very confused why it almost worked (except for saving it) and now won’t go at all.

 

Comment by Michael Gydé | May 2, 2008 @ 3:52 pm

 

You saved me on my final for my illustrator class. Much more interesting than this F’n school man, thanks.

 

Comment by Camryn Hernandez | May 3, 2008 @ 7:57 pm

 

I love you!

I’ve been using AI for years and have always adjusted effects for various shapes and things. Never thought to use an effect as a graphic style.

Yup, smart cookie.

 

Comment by Mikaela Arce | May 10, 2008 @ 6:06 am

 

Hi.
This is a nice looking effect, except the fact that it gets pixelated around the borders. I had to choose a pretty thick line to cover that.
The tutorial on the other hand is just great.

 

Comment by Alin Horhat | July 22, 2008 @ 1:12 pm

 

Pretty cool, very easy to do Thanks a lot

 

Comment by Alex | October 10, 2008 @ 12:19 am

 

Does anyone know if this can be done in CS2? When I select Effect>Texture>…. it then won’t let me select >Grain….Any ideas??

 

Comment by Anne | November 5, 2008 @ 12:11 pm

 

This absolutely AWESOMMMMMM
;-) )

 

Comment by Tanker | November 7, 2008 @ 5:15 am

 

[...] Yet another Illustrator tutorial on creating a brushed metal texture. A different technique that you will want to take a look at. This is an Illustrator video tutorial by Layers Magazine and you should really try it for yourself. [...]

 

Pingback by 77 Essential Photoshop Techniques for creating photo-realistic Textures | November 23, 2008 @ 5:33 am

 

[...] Brushed Metal Effect Give objects scalable “brushed metal” (also known as “brushed aluminum”) texture by following along this Illustrator video tutorial. [...]

 

Pingback by 50 Excellent Adobe Illustrator Video Tutorials | Tutorials | Smashing Magazine | January 4, 2009 @ 4:51 pm

 

[...] Brushed Metal Effect Give objects scalable “brushed metal” (also known as “brushed aluminum”) texture by following along this Illustrator video tutorial. [...]

 

Pingback by 50 Excellent Adobe Illustrator Video Tutorials « ArticleSave | January 5, 2009 @ 2:05 am

 

[...] Brushed Metal Effect Give objects scalable “brushed metal” (also known as “brushed aluminum”) texture by following along this Illustrator video tutorial. [...]

 

Pingback by 50 Excellent Adobe Illustrator Video Tutorials | How2Pc | January 5, 2009 @ 3:41 pm

 

[...] Brushed Metal Effect Give objects scalable “brushed metal” (also known as “brushed aluminum”) texture by following along this Illustrator video tutorial. [...]

 

Pingback by 50 Excellent Adobe Illustrator Video Tutorials | The Blog Specialist | January 8, 2009 @ 2:38 am

 

For some reason when I go to apply the Photoshop effect of the grain it will not let me. What do I need to do for Illustrator to allow me to select a Photoshop filter?

 

Comment by Joe | February 11, 2009 @ 11:39 am

 

I’ll keep it short. Superb & Thanks.

 

Comment by Duane | March 12, 2009 @ 11:47 am

 

[...] the Adobe Creative Suite and they even publish a magazine! I even found a tutorial on how to make a Brushed Metal look using Adobe Illustrator that is completely vector based. It works so well I even used it on my [...]

 

Pingback by Ready, Set…GO! « Edgy Art | April 10, 2009 @ 4:53 pm

 

this just helped me out big time… thanks so much

 

Comment by The Ghost | May 12, 2009 @ 8:38 pm

 

Thank a lot… this makes life so simple when using Illustrator :-)

 

Comment by Prahsan | June 3, 2009 @ 7:12 am

 

holy cow that was awesome! thank you so much! you did an amazing job at explaining and i LOVE that you added the text part.

 

Comment by kt | June 14, 2009 @ 12:17 pm

 

thanks dude! that was easy!

 

Comment by ghghghgh | June 18, 2009 @ 3:53 pm

 

For the couple of people who had trouble selecting the effect: I couldn’t select many of the effects and filters (they were ‘grayed’ out) until I changed the document color mode, under the FILE tab, to RGB.

http://en.allexperts.com/q/Adobe-Illustrator-1027/Filters-Adobe-Ilustrator-8-2.htm

Thank you very much for a nice tutorial.

 

Comment by Sajid | June 30, 2009 @ 1:36 am

 

Great Stuff!

 

Comment by Emmanuel | June 30, 2009 @ 5:53 am

 

What if my artwork is too big? It gave me an error saying “The combination of artwork size and resolution exceeds the maximum that can be rasterized.” I want the same thing you have there but I don’t want to have a size/aliasing issue with a rasterized vector effect. How do I get around this without also creating the “repeated pattern” effect either?

 

Comment by Mark | July 1, 2009 @ 12:24 pm

 

Anyone know why the edges would pixelate and the overall look isn’t as smooth? I started out in one file and had to open a new one to correct my CMYK/RGB mode mistake. …but the effect looks very pixelated and the edges are quite rough. Not sure what I did wrong! Any help would be appreciated! Great tutorial!! User error I think…

 

Comment by Blair | September 29, 2009 @ 8:57 pm

 

Very awesome tutorial! Thanks greatly!

 

Comment by senzog | November 3, 2009 @ 4:30 pm

Leave us a comment

Comments RSS | TrackBack URI

Back to Top

 
 
Advertisement
Creative Suite Tutorials
  1. Photoshop Photoshop
  2. Illustrator Illustrator
  3. Indesign Indesign
  4. Dreamweaver Dreamweaver
  5. Fireworks Fireworks
  6. Premiere Premiere
  7. Flash Flash
  8. After Effects After Effects
  9. Lightroom Lightroom
  10. Acrobat Acrobat

Get the latest tips, tricks and news delivered straight to your inbox.

From our Partners
Subscribe to Layers Magazine
 
 
 
  • Back to the Layers Magazine Homepage
  • Creative Suite Tutorials
  • Layers Magazine
  • Reviews on top products
  • Layers Magazine Reader Forums
  • Subscribe to Layers Magazine