Monofactor - Golden Age Eddition

Okay folks, here is my first in series of design tutorials.

I’m always amazed with those original mac icons and the effects they use on them.

In this tutorial, we will draw a 3d looking glass box Icon with Illustrator; which might also give you and idea of how to create isometric angled objects with Illustrator.

Allright, here we go!:

Step1:

Create a new RGB file with illustrator. Mine is a 500×500px RGB file. Draw a blue same size-cornered square.

Step 2:

Appy Effect/3d/Bevel and select the Isometric Top angle with a 100pt Extrude Depth

Step 3:

Edit/Expand Appearance and ungroup the object until you can separately edit the box pieces. Don’t forget to break apart and remove the compound path.

Step 4:

Select the bottom corners and add to shape area, using pathfinder. And expand. You can do this by alt+clicking on the add to shape area option.

Step 5:

Select a lighter blue fill color for the bottom shape

Step 6:

Apply a darkblue-to-lightblue radial gradient on your bottom shape.

Step 7:

Apply the Step 6 to the same for the top square.

Step 8:

Combine the top and bottom objects by grouping them.

Step 9:

Make a copy of the combined object and place in front of the existing box with multiply blend more.

Step 10:

Duplicate another copy of the original box and ungroup the inside objects.

Step 11:

Combine the shapes into one piece by pathfinder options -> Add to shape area

Step 12:

Fill the final shape with white to black radial gradient.

Wait, we’re not done yet =) Onwards to the next page!

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.