GunMetal Metallic Interface – Photoshop Graphic Design Tutorial 19

Great, now we have the border for our interface. So let’s start adding the detail touches so that we can make it look more metal-like. Using our Dodge Tool with a diameter set to 45px, start stroking the left edge of the frame as shown below. Apply the following effect over and over with different sizes along the other edges.

Pages: 1 2 3 4 5 6 7 8 9 10 11 12

Your Ad Here

Posted in Intermediate Photoshop Tutorials • Tags: Design, gunmetal, Interface, Intermediate Photoshop Tutorials, metallic, Photoshop, Tutor • Top Of Page

See comments (15)

Hide comments

15 Responses to “GunMetal Metallic Interface – Photoshop Graphic Design Tutorial 19”

Comment from Blaz
Time May 10, 2008 at 4:32 am

Very well written and I love the outcome! Good job =]

Comment from Karamela
Time May 10, 2008 at 8:09 am

very cool. ….just what i needed. thanks

Comment from Michael
Time May 10, 2008 at 8:48 am

I’m glad you guys like it! There is another tutorial being published today.

Comment from Tim Dobson
Time May 11, 2008 at 4:46 pm

Another fantastic tutorial i must say Michael. Loving these “Metal Type” tutorials and “Glass Box” type tutorials.

Comment from Michael
Time May 11, 2008 at 9:46 pm

Thank you Tim! I’m working on a few new releases as we speak.

Comment from Stewart
Time May 13, 2008 at 12:13 am

Nice stuff indeed and extremely well explained. I’ll be using a couple of your techniques on our site in the near future I think… We’ll reference you of course Thanks!

Comment from Mega
Time May 17, 2008 at 7:14 pm

Gunmetal interface?!,
I hardly know her!

Comment from ZaFaR
Time May 29, 2008 at 12:25 am

very nice, good tutorial.

Comment from Marcus
Time June 2, 2008 at 6:26 am

Nice tutorial. Thanx! Could you provide a tutorial on creating that nice background that you made…in the near future.

Thankx!!!

Comment from Ruben
Time June 2, 2008 at 12:24 pm

VERY nice and moreover, useful! Thanks!

Comment from Justin
Time June 3, 2008 at 5:24 pm

I’m really interested in how that background was made too. Most of my efforts to replicate have been way off, and the file you posted is definitely way too small to make into an interface for me.

Feeling generous?

Comment from A-not-HER T.o.M
Time June 5, 2008 at 3:58 am

another great M.i.c.h.a.e.l

B.R.A.V.O.!.!.!.!

Comment from Fenrus
Time July 3, 2008 at 4:09 pm

What made this style really work was the creative use of the fonts against this button. I would have liked to see more in the tutorial showing how simple changes in the style of the lettering works against this background.

Good stuff, all in all. Thanks for the tips.

Comment from ceostoy
Time July 8, 2008 at 1:38 pm

really useful

Comment from techconsult
Time August 5, 2008 at 7:18 pm

thank you very much for sharing

Graphic Design Tutorials | Web Design, Icons, Logos, Text Effects

Do More on Photoshop Tutor

Other Resources

GunMetal Metallic Interface – Photoshop Graphic Design Tutorial 19

15 Responses to “GunMetal Metallic Interface – Photoshop Graphic Design Tutorial 19”