Episode 11: Photoshopping iCloud Style Aluminium Icons

By Ash Davies
June 9, 2011 from Graphic Design,Podcast


function fbredirect(url){ window.location.href = url; }

In Apple’s recent iCloud and iOS5 keynote, a vast array of brushed aluminium style icons were used. In this tutorial we learn how to create an incredible iCloud style aluminium icon in just a few minutes.

It’s been a real rush to launch this episode (these video tutorials aren’t quick to make!) but I’m very excited to be able to offer the first full tutorial for creating these icons with a freshly pioneered method. You saw it here on PhotoGuides first!

Better still, the tutorial is versatile enough to allow you to create these aluminium icons with any logo or text embedded, and you’ll hopefully be able to adapt the brushed aluminium methods for use in other images.

As always, PhotoGuides members can download the high definition version of this tutorial and the Photoshop source files. And of course, it is free to join!

To complete this tutorial, you’ll also need to download the iCloud logo file (right click, save as).

If you have any questions or comments, feel free to leave them below. Otherwise I hope you enjoy the tutorial and stay tuned for more!

PhotoGuides iCloud Style Aluminium Button

  • http://www.photoguides.net/?fbconnect_action=myhome&userid=8490&height=400&width=370 Kev Stanton

    Gidday from New Zealand … absolutely awesome tutorial mate! I’m impressed :)

  • http://www.photoguides.net/?fbconnect_action=myhome&userid=6386&height=400&width=370 avatar1349

    Hello from the Netherlands

    I’m 62 and never used PS before. Using it now for 6 months and your tutorials has given me a awful lot of inside in the possibilities of PS. Thanks a lot!!! And this tutorial is the icing on the cake

  • http://www.photoguides.net/?fbconnect_action=myhome&userid=4435&height=400&width=370 JASKNi

    thnx a lot, very useful tutorial.

  • Jeremy

    Very need tut! Thanks!

  • Gemini

    great tut! but how to create the shadow underneath the logo?

  • http://www.photoguides.net/?fbconnect_action=myhome&userid=1&height=400&width=370 Ash Davies

    Thanks Gemini. To create the reflection, take a look at this tutorial
    http://www.photoguides.net/photoshop-quick-tip-1-reflections

    Hopefully that helps :)

  • Gemini

    woots! it really help :D Thanks!

  • Alberto

    Thanks a lot man, greetings from Central America

  • imran

    nice work bro it’s very helpful for me. thanks a lot

  • http://www.photoguides.net/?fbconnect_action=myhome&userid=9031&height=400&width=370 RAVMartin

    Great Job Man! People like you really impress me! Hugs from Argentina!

  • http://www.photoguides.net/?fbconnect_action=myhome&userid=7567&height=400&width=370 BlackSD_Colour

    Dude, you’re voice sounds weird in this video… What happened to your voice?

  • Greg

    This tutorial was very well done and helpful. I am extremely grateful of this post. Thanks!

  • Simon

    Thanks! This tutorial was really helpful!!

    http://www.youtube.com/user/calvduck

  • http://www.dojoklo.com/ Doug

    This tutorial is super-awesome! I used it to make a dSLR camera icon/ button that is unbelievable similar to the Apple icon:
    http://blog.dojoklo.com/2011/09/07/awesome-apple-icon-photoshop-tutorial/

    Not only that, I learned how to use bevels, embossing, and gradients. Thanks! I can’t wait to have a look at your other tutorials.

  • http://www.techtution.com Nishachor33

    Nice piece of work. thanks for share.
    visit my site for more easy tutorials http://www.techtution.com

  • Isaque Pereira

    i’m from BRAZIL!!!
    I’m your fan!!!
    Very nice your jobs!

  • Ryan Bischoff

    How can we do this in GIMP? I tried importing the PSD , but it doesn’t work. Would love to see you do this tutorial in GIMP!!

  • Sam Mansoor

    Thank you, Sir. Very, very helpful. Although, I did it in a slightly other way, your post was helpful to say the least.

  • david garcia

    i cannot download the file