Create a Modern Style Icon with a Professional Finish – Vector Premium Tutorial
plus

Create a Modern Style Icon with a Professional Finish – Vector Premium Tutorial

on Aug 19th 2010 with 18 comments
Tutorial Details
  • Program: Adobe Illustrator CS4
  • Difficulty: Advanced
  • Estimated Completion Time: 3 hours
Download Source Files
This entry is part 2 of 20 in the Icon Design Session
« PreviousNext »

We have another great Vector Premium tutorial available exclusively for Premium members today. If you want to learn how how to create a professional level Hard Drive icon with shading and lighting the techniques, then we have an awesome tutorial for you.

This Tutorial is Filled with Professional Techniques

You will learn how to use the the Path Finder Tool, Free Transform and some effects, such as Gaussian Blur and Inner Glow to create a modern style Icon with a professional finish.

Premium members can Log in and Download! Otherwise, Join Now! Below are sample images, which show some of the development of this tutorial.

4

15

17

19

Vector Premium Membership

As you know, we run a Premium membership system that costs $19 a month which gives members access to the Source files for tutorials as well as periodic extra tutorials, like this one! If you’re a Plus member you can log in and download the tutorial. If you’re not a member, you can of course join today!

Tags: Premium
 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

My name is Nando, I design icons and interfaces and love what I do! Adobe Illustrator is my tool of choice, although I often use Photoshop for touch-ups. Visit my website at nando.me and twitter @nando for tips and useful links!  

Plus Premium
 
 
  • http://www.designioustimes.com/ Doink

    Cool, looks clean! Thanks! :)

  • Fippzor

    Looks wierd… Pretty, but wierd.

  • http://twitter.com/marcosvca_ Marcos

    Cool.. i Like iT

  • http://www.chewedkandi.net Sharon Milne

    Beautiful gradient work!

  • eu4ria

    Looks very nice with the exception of the LED; I have never seen an internal drive with an LED on it.

    • Rui

      With that perspective would the LED be completely round or more of an ellipse? Details, details, details!

  • http://danwiersema.com Dan Wiersema

    Whoa! Amazing that is all vector. Love the LED light too, real or not, its a eye-catching addition, I could use that kind of thing in a lot of different scenarios. Outstanding final outcome, congrats!

    • http://www.nando.me Fernando Albuquerque
      Author

      Thanks, man!

  • http://www.crearedesign.co.uk will creare

    nice tut, really impressed with the realism of this icon, really smart and can be adapted to something different easily. thanks

  • Chris

    Thanks envato for a quality tut, this looks great and I’ve been waiting for a while to see a solid tut on making pro-quality icons.

  • http://ordogz.blogspot.com ordogz

    Nice tutorial!

  • http://www.ladygagaws.com kelmen

    thanks for the great tutorials, this is good technique for some technical drawing or illustration like 3d products.

  • Paul

    Use gradients on everyting to increase realism … that’s what I learned! Good one. Thanks, Fernando.

    • http://www.nando.me Fernando Albuquerque
      Author

      You’re welcome. Yes, gradients, along with highlights, are the key. ;)

  • http://desaindigital.com Jeprie

    Just notice that in Fernando’s bio link to his site is mistaken. It goes to nando.com not nando.me.
    I hope the admin can fix that.

    • http://bucketothought.com/loungekat/blog/ LoungeKat

      I’ve fixed that up :)

  • http://www.macrored.com.ar Diseño Web

    Thanks so much, these are very useful.

  • http://www.SamuelOrf.com Samuel Orf

    Thanks for your tutorial. I learned some nice techniques.