Monofactor - Golden Age Eddition

Step 13:

Set the object’s transparency level to screen with a %60 opacity

Step 14:

Make 2 copies of the bottom top squars and give a black fill to the top positioned square, so you will be able to adjust the cutting part easier.

Step 15:

Subtract from shape area and expand it.

Step 16:

Place the frame on the corners of the box and give it the screen transparency

Step 18:

Draw a connecting rectangle from the top shining frame to bottom corner. Color doesn’t matter. We’ll change it on the next step.

Step 19:

Again, apply a white to black gradient and set the transparency to screen. So, now we have a glass box Icon!

If you want to place your logo or a symbol on it, you are welcome to read furher (though you might have already gotten the idea, right?)

Step 20:

I used my website logo for this instance. Givin the isometric 3d rotation(not 3d bevel), I placed the logo on the left corner of the box.

Step 21:

Did the same for the other copy of the logo, but this time it goes to the right and it has Isometric Right rotation.

Step 22:

We’re done! We have a good looking eye-candy icon!

You are welcome to apply more effects and play with details like I did on the below example:

> Click here to download the final Illustrator CS2 source file

I hope this was a helpful tutorial.

Please leave your comments for your questions and suggestions.

You liked this tutorial? A thank you will be quite enough. But if you’re really kind, buy me a latte by donating below.

Pages: 1 2

Tags: icons, illustrator, Tutorials, vector

This entry was posted on Thursday, February 7th, 2008 at 1:48 am and is filed under Tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.