Monday, August 2, 2010

iTune Icon

The challenge of this tutorial is to use various Blending modes and blending techniques to replicate the iTune icon. This tutorial is a good exercise to master your Blend techniques.

Download Source File

Required: Illustrator 9+


1. Basic Shapes

Start making the basic shapes of the iTune icon. If you need help on how to trace from an image, visit my Tracing Photo tutorial.

shapes

2. Music Note

Make a glossy orb by using my Glossy Button technique. First, make 3 shapes from light color to dark color. Go to Object > Blend > Blend Options, select Specified Steps = 128. Then select all 3 shapes and press Ctrl + Alt + B or go to Object > Blend > Make.

music note

Reflection

Make an oval shape and fill with black-white gradient. Make sure the black color is full black (C,M,Y,K=100). Drag it on top of the orb and select Screen Blending Mode.

screen reflection

Highlights

Make a tall vertical rectangle and an elongate circle; then Blend it. Duplicate it by Alt-drag to the right.

highlight

Make a 3 color gradient path.

gradient

Make another highlight using the same Blending technique as in the previous step and select Screen Blending Mode.

highlight

3. CD

Use the Gradient tool and fill the CD shapes with white-grey gradient.

cd

Rainbow Gradient

Make some multi-color line strokes as shown below. Make sure the first and last stroke is white because it will be transparent. Use the Blend Tool (W), click on the edge of each stroke starting from left to right.

rainbow gradient

Mask

Use the CD shape and mask the rainbow gradient by Ctrl+7 or Object > Clipping Mask > Make. Then select Multiply Blending Mode and adjust the Opacity to 26%.

mask

Repeat the previous step to make another rainbow gradient.

multiply

4. Music Note Refection

Make 3 oval paths, make sure the outer path is white color(this will make a glow effect). Select all 3 paths, go to Object > Blend > Make (Ctl+Alt+B).

reflection

Drag it below the music note and select Multiply Blending Mode , 37% Opacity. Duplicate the refection object by Alt-drag to the right side.

multiply

5. Drop Shadow

The last step is to apply a Drop Shadow effect to the CD. Select the outer CD path, go to Effect > Stylize > Drop Shadow and apply the following setting:

drop shadow

Final

Here is the final iTune icon!

final

SOURCE::http://www.ndesign-studio.com/tutorials/itune-icon

abuiyad

No comments:

Post a Comment