Adobe Illustrator can be a little tricky to get your hands around, particularly after getting used to the workflow of applications like Photoshop. The differences between layer use and the creation of objects and shapes can be really strange at first hand.

In this tutorial you will learn how to create a very realistic and detailed watch using simple tools and techniques like the Pathfinder, Blend, Clipping Mask, etc. in Adobe Illustrator. Let’s start!

Final Result

Let’s see what you will be creating in this tutorial.

Create a Cool Watch in Illustrator

Step 1

Double click on the Ellipse tool (L) from the Tool palette. In the Ellipse box, enter the data as show in the first image below. While the result selected, go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -10px Offset and then click OK. Keep the result selected, go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -25px Offset and then click OK.

Double click on the Polygon tool from the Tool palette. In the Polygon box, enter the data as shown below and then click OK. Keep the result selected, hold down the Shift key, click on the biggest black object and then click on the Intersect button from the Pathfinder palette.

Now show the Ruler (press Ctrl +R). Pick the Selection tool (V), move the mouse to the Ruler, click hold and drag the Horizontal Guide and the Vertical Guide to the correct positions as shown in the first image below. The intersection of the Guides is also the center of the black circle object.

Reselect the red object, pick the Rotate tool (R), hold down the Alt key and click on the center of the black circle. In the Rotate box, enter a 60 degrees Angle and then click Copy. Next press ( Ctrl +D) four times to get the result as shown in the second image below.

Now select all red objects and the the bigger black circle object and then click on the Unite button from the Pathfinder palette.

Select the remaining black circle object and go to the Object menu/ Path/ Offset Path. Enter a -40px Offset and then click OK.

Select the bigger black circle and the red object and then duplicate (Ctrl +C, Ctrl +F) them once time. While the copies selected, click on the Minus Back button from the Pathfinder palette.

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 12px Length and a 90 degrees Angle and then click OK. Next add a 5px Stroke (R= 35, G= 31, B= 32) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the black circle. In the Rotate box, enter a 60 degrees Angle and then click Copy. Next press ( Ctrl +D) four times to get the result as shown in the second image below. Select and group (Ctrl +G) all six lines and then rotate this group an angle of about 30 degrees.

Double click on the Line tool (\). In the Line tool box, enter a 7px Length and a 90 degrees Angle and then click OK. Next add a 5px Stroke (R= 35, G= 31, B= 32) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the black circle. In the Rotate box, enter a -6 degrees Angle and then click Copy. Next press ( Ctrl +D) twenty times to get the result as shown in the second image below.

Open the Character palette (Window/ Type/ Character) and then enter the values as shown in the image. Next pick the Type tool (T) from the Tool palette, click on the document and enter the text "60". Reselect the text "60" and go to the Effect menu/ Warp/ Arc…Enter a 10% Blend and then click OK. Next duplicate the result some times.

Now select and place a text "60" to the correct position as shown below. Next duplicate (Ctrl +C, Ctrl +F) it once time and then hide the copy. Reselect the text "60" and then change it to "10". While the text "10" selected, go to the Object menu/ Expand.

Rotate the result an angle of about -60 degrees around the center of the black circle.

Now show the text "60" hidden in the previous step. Next duplicate the text once time and then hide the copy. Reselect the text "60" and then change it to "20". While the text "20" selected, go to the Object menu/ Expand. Next rotate the result an angle of about -180 degrees around the center of the black circle.

Do the same as the previous step to get the results as shown below.

Remove the yellow objects highlighted with the arrows as shown below.

Reselect the remaining yellow objects and change the stroke color of them to R= 35, G=31, B=32.

Fill the object selected as shown below with the linear gradient.

Select and then bring the bigger black object to front. Keep this object selected, go to the Object menu/ Path/ Offset Path. Enter a -7px Offset and then click OK. Now reselect two bigger black circles and duplicate (Ctrl+C, Ctrl+F) them once time. While the results selected, click on the Minus Back button from the Pathfinder palette. Next fill the result with R=230, G=231, B=232.

Fill the black circle selected as shown below with the linear gradient.

Next duplicate the result once time and then go to the Effect menu/ Texture/ Gain. Enter the data as shown below and then click OK.

Create a green curve and then set values like you see in the image.

Select two remaining black circles and then click on the Minus Back button from the Pathfinder palette.

Now pick the Rectangle tool (M) and use it to created a 10px by 30px object. Next select the bottom-left anchor point and then move it 2px to the right. Do the same with the bottom-right anchor point (but move it to the left).

Place the newly created object to the correct position as shown in the first image. Keep this object selected, go to the Object menu/ Path/ Offset Path. Enter a 3px Offset and then click OK.

Reselect two both newly created objects, pick the Rotate tool (R), hold down the Alt key and click on the center of the black circle. In the Rotate box, enter a 60 degrees Angle and then click Copy. Next press ( Ctrl +D) four times to get the result as shown in the image below.

Now select six bigger green objects and the "two black circles" object and then click on the Minus Front button from the Pathfinder palette.

Fill the result with the linear gradient.

Next add a Drop Shadow effect for the result.

Next create six magenta objects and then set values like you see in the second image below.

Fill green objects with R=205, G=230, B=197 and add a 1px Stroke (R=35, G=31, B=32) for them.

Open the Character palette (Window/ Type/ Character) and then enter the values as shown in the image. Next pick the Type tool (T) from the Tool palette, click on the document and enter the text "05". Place the text to the correct position as shown below.

Reselect the text "05", pick the Rotate tool (R), hold down the Alt key and click on the center of the black circle. In the Rotate box, enter a 60 degrees Angle and then click Copy. Next press ( Ctrl +D) four times to get the result as shown in the first image below. Next select and group (Ctrl +G) all the text "05" and then rotate this group an angle of about 30 degrees.

Next pick the Type tool (T) and then use it to change the text "05" as shown below.

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 23px Length and a 90 degrees Angle and then click OK. Next add a 2px Stroke (R= 230, G= 231, B= 232) for this line. Now add a Drop Shadow effect for this line and then place the result to the correct position as shown below.

Reselect the newly created object, pick the Rotate tool (R), hold down the Alt key and click on the center of the black circle. In the Rotate box, enter a 6 degrees Angle and then click Copy. Next press ( Ctrl +D) a lot of times to get the result as shown in the image below.

Remove objects highlighted with the red arrows

Step 2

Pick the Ellipse tool (L) and use it to create a 136px by 136px object. While the result selected, go to the Object menu/ Path/ Offset Path. Enter a -20px Offset and then click OK. Keep the result selected, go to the Object menu/ Path/ Offset Path. Enter a -5px Offset and then click OK. Next duplicate the result once time and then place the copy to the correct position as shown in the fourth image below.

Continue pick the Ellipse tool (L) and use it to create a 70px by 70px object. While the result selected, go to the Object menu/ Path/ Offset Path. Enter a -10px Offset and then click OK

Step 3

Now fill the green circle with the linear gradient. Reselect the result and go to the Object menu/ Path/ Offset Path. Enter a -2px Offset and then click OK. Next fill the result with the new linear gradient.

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 7px Length and a 90 degrees Angle and then click OK. Next add a 3px Stroke (R= 35, G= 31, B= 32) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the newly created circle. In the Rotate box, enter a 30 degrees Angle and then click Copy. Next press ( Ctrl +D) ten times to get the result as shown in the second image below.

Continue double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 5px Length and a 90 degrees Angle and then click OK. Next add a 1px Stroke (magenta color) for this line. Place the result to the correct position as shown below.

Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the newly created circle. In the Rotate box, enter a 6 degrees Angle and then click Copy. Next press ( Ctrl +D) a lot of times to get the result as shown in the second image below. Next remove the magenta objects highlighted with the arrows. Now reselect all remaining magenta objects and change the color of them to R=35, G=31, B=32.

Now select a text "60" created in the previous step and scale it down to 40%. Next place the result to the correct position as shown below.

Now duplicate (Ctrl +C, Ctrl +F) the text "60" once time and then hide the copy. Reselect the text "60" and then change it to "15". While the text "15" selected, go to the Object menu/ Expand. Rotate the result an angle of about -90 degrees around the center of the newly created circle. Continue do the same as this step to get the results as shown below.

Pick the Ellipse tool (L) and use it to create a 13px by 13px object. Fill the object with the radial gradient. Next create a red object as shown in the third image and then fill it with R=35, G=31, B=32. Reselect the result and scale it down to 50%. Next move the result 5px down.

Select two newly created object and go to the Object menu/ Blend/ Blend Option. Enter the data as shown below and then click OK. Next send the result to back.

Now select and group (Ctrl +G) two newly created objects. Next add a Drop Shadow effect for this group. Rotate the result an angle of about -45 degrees. Finally named this group is " Hand" and then duplicate it some times.

Select a "Hand" group and place it to the correct position as shown below.

Step 4

Now remove the bigger blue circle. Next select the remaining blue circle and fill it with the linear gradient. Reselect the result and go to the Object menu/ Path/ Offset Path. Enter a -1.5px Offset and then click OK. Next fill the result with the new linear gradient.

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 4px Length and a 90 degrees Angle and then click OK. Next add a 3px Stroke (R= 35, G= 31, B= 32) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the newly created circle. In the Rotate box, enter a 60 degrees Angle and then click Copy. Next press ( Ctrl +D) four times to get the result as shown in the second image below. Select and group (Ctrl +G) all six lines and then rotate this group an angle of about 30 degrees.

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 3px Length and a 90 degrees Angle and then click OK. Next add a 1px Stroke (R= 35, G= 31, B= 32) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the newly created circle. In the Rotate box, enter a 60 degrees Angle and then click Copy. Next press (Ctrl +D) four times to get the result as shown in the second image below.

Select a text "60" created in the previous step and scale it down to 32%. Next change the result to "02" and go to the Effect menu/ Warp/ Arc…Check in the Horizontal and enter a 30% Blend and then click OK. Next place the result to the correct position as shown below.

While the "02" object selected, duplicate it once time and then hide the copy. Reselect the remaining "02" object and change "02" to "06". Next go to the Object menu/ Expand Appearance. While the result selected, pick the Rotate tool (R), hold down the Alt and click on the center of the newly created circle. In the Rotate tool box, enter an angle of about -150 degrees and then click OK. Next show the "02" object hidden in the previous step and go to the Object menu/ Expand Appearance. Next go to the Object menu/ Expand Appearance. While the result selected, pick the Rotate tool (R), hold down the Alt and click on the newly created circle. In the Rotate tool box, enter an angle of about -30 degrees and then click OK.

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 4px Length and a 90 degrees Angle and then click OK. Next add a 2px Stroke (R= 35, G= 31, B= 32) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the black circle. In the Rotate box, enter a 60 degrees Angle and then click Copy. Next press ( Ctrl +D) twice times to get the result as shown in the second image below.

Select a text "60" created in the previous step and scale it down to 35%. Next change the result to "12" place the result to the correct position as shown in the first image below. While the "12" object selected, duplicate it once time and then hide the copy. Reselect the remaining "12" object and change "12" to "08". Next go to the Object menu/ Expand Appearance. While the result selected, pick the Rotate tool (R), hold down the Alt and click on the center of the newly created circle. In the Rotate tool box, enter an angle of about 150 degrees and then click OK. Next show the "12" object hidden in the previous step, duplicate it once time and go to the Object menu/ Expand Appearance. Next go to the Object menu/ Expand Appearance. While the result selected, pick the Rotate tool (R), hold down the Alt and click on the newly created circle. In the Rotate tool box, enter an angle of about 90 degrees and then click OK. Continue do the same as the previous step to get the results as shown in the final image below.

Select a "Hand" group created in the step 3 and then rotate it an angle of about 90 degrees. Next scale the result down to 60%.

Finally place the result to the correct position as shown below.

Step 5

Select and remove the medium red ellipse. Next select and fill the small red ellipse with the linear gradient. While the result selected, open the Offset Path box (Object/ Path/ Offset Path). Enter a -2px Offset and then click OK. Next fill the result with the new linear gradient.

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 5px Length and a 90 degrees Angle and then click OK. Next add a 4px Stroke (R= 35, G= 31, B= 32) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the newly created ellipse. In the Rotate box, enter a 30 degrees Angle and then click Copy. Next press ( Ctrl +D) ten times to get the result as shown in the second image below. Finally select and remove three lines as shown in the third image.

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 5px Length and a 90 degrees Angle and then click OK. Next add a 1px Stroke (magenta color) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the newly created ellipse. In the Rotate box, enter a 6 degrees Angle and then click Copy. Next press ( Ctrl +D) a lot of times to get the result as shown in the second image below. Next remove some lines as shown in the third image. Finally reselect all remaining magenta lines and change their color to R= 35, G= 31, B= 32.

Select a text "60" created in the previous step and scale it down to 32%. Next change the result to "45" and go to the Effect menu/ Warp/ Arc…Check in the Horizontal and enter a 15% Blend and then click OK. Next place the result to the correct position as shown below. While the "45" object selected, duplicate it once time and then hide the copy. Reselect the remaining "45" object and change "45" to "35". Next go to the Object menu/ Expand Appearance. While the result selected, pick the Rotate tool (R), hold down the Alt and click on the center of the newly created circle. In the Rotate tool box, enter an angle of about -60 degrees and then click OK. Next show the "45" object hidden in the previous step, duplicate it once time and go to the Object menu/ Expand Appearance. Next go to the Object menu/ Expand Appearance. While the result selected, pick the Rotate tool (R), hold down the Alt and click on the newly created circle. In the Rotate tool box, enter an angle of about 60 degrees and then click OK. Next show the "45" object hidden in the previous step and go to the Object menu/ Expand Appearance.

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 6px Length and a 90 degrees Angle and then click OK. Next add a 1px Stroke (red color) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the newly created ellipse. In the Rotate box, enter a 30 degrees Angle and then click Copy. Next press ( Ctrl +D) ten times to get the result as shown in the second image below. Next remove five lines as shown in the third image. Finally reselect all remaining red lines and change their color to R= 35, G= 31, B= 32.

Continue double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 3.5px Length and a 90 degrees Angle and then click OK. Next add a 1px Stroke (yellow color) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the newly created ellipse. In the Rotate box, enter a 6 degrees Angle and then click Copy. Next press ( Ctrl +D) a lot of times to get the result as shown in the second image below. Next remove lines as shown in the third image. Finally reselect all remaining yellow lines and change their color to R= 35, G= 31, B= 32.

Pick the Ellipse tool and use it to create a 60px by 60px object. Next place the ellipse to the correct position as shown in the first image. Open the Character palette (Window/ Type/ Character) and set values as you see in the image. Next pick the Type on the Path Tool and click on the magenta ellipse. Enter the text you want (In here, I enter the text " illustrator tutorial "). Next keep the text selected, pick the Direct Selection tool. Now move the mouse to the central handle, click hold and drag the mouse to the center of the path. When the text flipped, release the mouse. In the end your object should look roughly like the fourth image.

Step 6

Select the biggest red ellipse and open the Offset Path (Object/ Path/ Offset Path). Enter a -20px Offset and then click OK. Next double click on the Polygon tool button from the Tool palette. Enter the data as shown in the second image and then click OK. Rotate the result an angle of about 30 degrees. Finally place the result to the correct position as shown in the fourth image.

Duplicate the polygon object once time. While the copy selected, hold down the Shift, click on the big red ellipse and then click on the Minus Front button from the Pathfinder palette. Next select the remaining polygon object and the small red ellipse and then click on the Minus Front button.

Select and fill newly created objects as shown below.

Bring two newly create objects backward as shown in the first image. Next create a curve and then set the values like you see in the third image. Finally send the result backward as shown in the fourth image below.

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 11px Length and a 90 degrees Angle and then click OK. Next add a 3px Stroke (R= 147, G= 149, B= 152) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the circle path. In the Rotate box, enter a 60 degrees Angle and then click Copy. Next press ( Ctrl +D) four times to get the result as shown in the second image below. Next select and remove three lines as shown in the third image.

Select a text "60" created in the previous step and scale it down to 30%. Next change the color of the result to R=109, G=112, B=113 and then place the result to the correct position as shown below. While the "60" object selected, duplicate it once time and then hide the copy. Reselect the remaining "60" object and change "60" to "20". Next go to the Object menu/ Expand Appearance. While the result selected, pick the Rotate tool (R), hold down the Alt and click on the center of the newly created circle. In the Rotate tool box, enter an angle of about -30 degrees and then click OK. Next show the "60" object hidden in the previous step, duplicate it once time and the hide the copy. Reselect the remaining "60" object and change "60" to "30"and go to the Object menu/ Expand Appearance. Next go to the Object menu/ Expand Appearance. While the result selected, pick the Rotate tool (R), hold down the Alt and click on the newly created circle. In the Rotate tool box, enter an angle of about -90 degrees and then click OK. Next show the "60" object hidden in the previous step and go to the Object menu/ Expand Appearance. Finally rotate the result an angle of about 90 degrees.

Select and group (Ctrl +D) all objects created in the step 6. Next rotate this group an angle of about -30 degrees.

Create objects and then set their values as you see in the images below.

Select a "Hand" group created in the step 3 and rotate it an angle of about 45 degrees. Ungroup this group. Next select the object as shown in the third image and then double click on the Reflect tool button from the Tool palette. Check in the Horizontal and then click Copy. Move the copy to the position as shown in the fourth image. Next resize it to get the result as shown in the fifth image. Finally reselect and group all objects created in this step and then rotate it an angle of about -15 degrees.

Place the newly created group to the correct position as shown below.

Step 7

Pick the Rectangle tool (M) and use this tool to create a 20px by 60px object. Select the top-left anchor point and move it 5px to the right. Next select the top-right anchor point and move it 5px to the left. Continue pick the Rectangle tool (M) and use this tool to create a 10px by 48px object. Select the bottom-left anchor point and move it 2px to the right. Next select the bottom-right anchor point and move it 2px to the left.

Place two newly created objects as shown below. Next reselect two both objects and click on the Unite button from the Pathfinder palette. Now pick the Ellipse tool (L) and use it to create two 15px by 15px objects. Next place two ellipse objects to the correct position as shown in the third image. Select all three newly created objects and then click on the Minus Front button.

Keep the result selected, go to the Effect menu/ Stylize/ Round Corner. Enter a 1px Radius and then click OK. While the result selected, go to the Object menu/ Expand Appearance. Named the result is "Hand_0" and then duplicate it some times.

Double click on the Rounded Rectangle tool button from the Tool palette. Enter the data as shown below and then click OK. Now select a "Hand_0" object and place it to the correct position as shown in the second image. Reselect two both newly created objects and click on the Minus Front button. Named the result is "Hand_00" and then duplicate it some times.

Now use the Ellipse tool to create a 25px by 25px object. Next select a "Hand_00" and place it to the correct postion as shown below. Select two these objects and click on the Unite button.

Create a 5px by 18px object by the Rectangle tool (M) and then place the result to the correct position as shown below. Next fill two newly created objects as shown in the second image.

Reselect two newly created objects and duplicate it once time. Fill the copies as shown in the first image. Next move the copies 1px down and then move them 0.5px to the left.While the copies selected, send them to back. Now select and group all objects created in the step 7. Next add a Drop Shadow effect for this group and then named it is " Hand_01".

Step 8

Select a "Hand_00" and then resize it as shown below..

Create a 18px by 18px ellipse object and then place it to the correct postion as shown below. Reselect two these objects and click on the Unite button.

Create a 5px by 18px object by the Rectangle tool (M) and then place the result to the correct position as shown below. Next fill two newly created objects as shown in the second image. Reselect two newly created objects and duplicate it once time. Fill the copies as shown in the third image. Next move the copies 0.5px down and then move them 1px to the right. While the copies selected, send them to back.

Pick the Rectangle tool and use it to create two objects (2px by 110px and 2px by 42px). Next fill newly created objects as shown in the first image and second image. Reselect two newly created objects and duplicate them once time. Fill the copies as shown in the third image. Next move them 0.5px down and then move them 0.5px to the right. Finally send two newly created objects to back.

Now select and group all objects created in the step 8. Next add a Drop Shadow effect for this group and then named it is " Hand_02".

Step 9

Select a "Hand_0" object and go to the Effect menu/ Stylize/ Round Corners. Enter a 3px Radius and then click OK. Next go to the Object menu/ Expand Appearance. Scale the result down to 75%.

Create a 13px by 13px object by the Ellipse tool (L) and then place the result to the correct position as shown in the first image. Keep the ellipse selected, open the Offset Path box (Object/ Path/ Offset Path). Enter a -5px Offset and then click OK. Now reselect the bigger ellipse object and the red object and the click on the Unite button.

Fill the newly created object with R=167, G=169, B=172. Reselect the result and duplicate it once time. Next move the copy 0.5px down and 0.5px to the right. Then fill the copy with R=109, G=110, B=113 and then send it to back. Reselect the small green and set values as shown in the fourth image.

Select and group all objects created in the step 9. Next add a Drop Shadow effect for it and then named it is " Hand_03".

Place the groups ("Hand_01", "Hand_02", "Hand_03") to the correct positions as shown in the first image. Next pick the Selection tool (V), move the mouse to the Ruler, click hold and drag the Horizontal Guide and the Vertical Guide to the correct positions as shown in the first image below. The intersection of the Guides is also the center of the smallest circle object. Now select and rotate the "Hand_03" group an angle of about -35 degrees around the center of the smallest circle object.

Select and rotate the "Hand_02" group an angle of about -45 degrees around the center of the smallest circle object.

Continue select and rotate the "Hand_01" group an angle of about 55 degrees around the center of the smallest circle object. Now select and group (Ctrl + G) all objects created from beginning step 7 to this time.

Place the newly created group to the correct position as shown below.

Now select and group (Ctrl + G) all objects created from beginning step 1 to this time. While the result selected, open the Scale box (Object/ Transform/ Scale). Enter the data as shown below and then click OK.

Step 10

Pick the Ellipse tool and use it to create a 22px by 22px object. Next fill the ellipse with the linear gradient. Reselect the ellipse and open the Offset Path box (Object/ Path/ Offset Path). Enter a -3px Offset and then click OK. Next fill the result with R=35, G=31, B=32.

Now open the Character palette (Window/ Type/ Character) and then set values as shown in the first image. Next pick the Type tool (T), click on the document and enter the text "3". Reselect the text "3" and go to the Object menu/ Expand. Next place the result to the correct position as shown in the second image. Change the color of the "3" object to R=230, G=231, B=232. Now select and group all objects created from beginning step 10 to this time.

Now we’ll create a logo for the watch. You can use the logo you like. In this tutorial, I’ll use the "Instantshift" logo. The logo image have a white background. I’ll remove this background by
the Adobe Photoshop program. Now open the Photoshop and then open the logo image. Pick the Quick Selection Tool (W) and select the logo part as shown in the image below. Next press (Ctrl +J) to create a new layer have only the logo part. And then remove the background layer.

Click on the Create new fill or Adjustment layer button at the bottom of the Layer palette. Next select Black & White….

Click on the Auto button.

Finally save the file with .PNG format.

Continue open the Character palette and then set values as shown in the first image. Next pick the Type tool (T), click on the document and enter two text "Instant" and " Shift". Reselect two text and click on the Horizontal Align Right button from the Pathfinder palette. Finally go to the Object menu/ Expand.

Now place the "3" group and the logo to the correct position as shown below. Next select and group all objects created in the step 10.

Place the newly created group to the correct position as shown below.

Step 11

Select the red object and move it 10px to the right. Next remove some anchor points at the top and at the bottom of the red object.

Fill this object with the linear gradient.

Step 12

Now pick the Ellipse tool (L) and use it to create a 5px by 38px object. Next fill the result with the linear gradient.

Duplicate (Ctrl +C, Ctrl +F) the newly created object once time and then move the copy 7px to the right. Next duplicate the newly created object once time and then hide the copy. Now reselect two newly created objects and go to the Object menu/ Blend/ Blend Options. Enter the data as shown belown and then click OK.

Show the object hidden in the previous step and then fill it with the linear gradient. Reselect the result and go to the Object menu/ Transform/ Scale. In the Scale box, check in the None-Uniform. Enter a 100% Horizontal and enter a 85% Vertical and then click Copy. Nex move the result 1px to the right and then fill it with the new linear gradient.

Reselect the newly created object and duplicate it once time and then move the copy 7px to the right. Duplicate the newly created object once time and then hide the copy. Next select two both newly created objects and open the Blend Options (Object/ Blend/ Blend Options). Enter the data as shown below and then click OK. Next go to the Object menu/ Blend/ Make.

Show the object hidden in the previous step and then fill it with the new linear gradient.

Reselect the object just edited and then open the Scale (Object/ Transform/ Scale). Enter the data as shown below and then click Copy. Next fill the result with the new linear gradient.

Reselect the object just edited and then duplicate it once time. Next move the copy 9px to the right. Duplicate the newly created object once time and then hide the copy. Next select two both newly created objects and open the Blend Options (Object/ Blend/ Blend Options). Enter the data as shown below and then click OK. Next go to the Object menu/ Blend/ Make. Now show the object hidden in the previous step and then fill it with the new linear gradient.

Reselect the object just edited and then open the Scale (Object/ Transform/ Scale). Enter the data as shown below and then click Copy. Next fill the result with the new linear gradient.

Next select two both newly created objects and open the Blend Options (Object/ Blend/ Blend Options). Enter the data as shown below and then click OK. Next go to the Object menu/ Blend/ Make.

Create two curves and then set the values as you see in the image below.

Select and group (Ctrl +G) all objects created in the step 12 . Next rotate this group an angle of about 30 degrees.

Place the newly created group to the correct position as shown below.

Create a curve and then set the values as you see in the second image.

Reselect this curve and the newly created group and then group them. While this group selected, open the Reflect box (double click on the Reflect tool from the Tool palette). Check in the Horizontal and then click Copy. Next move the result to the correct position as shown below.

Step 13

Pick the Ellipse tool (L) and use it to create a 10px by 62px object. Next select the top anchor point and the bottom anchor point and then move them 1px to the right.

Fill the newly created object with the linear gradient. Next duplicate the result once time, move the copy 15px to the right and then fill it with the new linear gradient. Now duplicate the object just edited once time and then hide the copy.

Reselect two newly created object and open the Blend Options (Object/ Blend/ Blend Options). Enter the data as shown below and then click OK. Next go to the Object menu/ Blend/ Make.

Show the object hidden in the previous step and then fill it with the new linear gradient.

Create the horizontal lines as shown in the first image. Next create a red object as shown in the second image.

Select all horizontal lines and the red object and then go to the Object menu/ Clipping Mask/ Make.

Reselect the newly created ellipse object and open the Scale box (Object/ Transform/ Scale). Enter the data as shown below and then click Copy. Next move the result 3px to the right.

While the newly created object selected, open the Scale box (Object/ Transform/ Scale). Enter the data as shown below and then click Copy. Next move the result 1.5px to the right and then fill it with the new linear gradient..

Create two curves and then set the values as you see in the image below. Next add a Blur effect for these curves.

Continue create a curve and then set the values as you see in the image below. Next add a Blur effect for this curve.

Create a curve and then set the values as you see in the image below. Next send this curve to back. Now select and group (Ctrl +G) all objects created in the step 13.

Place the newly created group to the correct position as shown below.

Step 14

Now create a 88px by 526px ellipse and then place it to the correct position as shown below.

Continue create three curves and three horizontal lines as shown below.

Step 15

Now create objects and then fill them as shown below.

Add the Inner Glow effect and the Drop Shadow effect for the newly created object.

Select and group (Ctrl +G) all objects created from beginning step 15 to this time. Next send this group to back.

Continue create objects and then fill them as shown below.

Add the Inner Glow effect and the Drop Shadow effect for the newly created object. Select and group (Ctrl +G) four newly crated objects. Next send this group to back.

Continue create objects and then fill them as shown below.

Add the Inner Glow effect and the Drop Shadow effect for the newly created object.

Select and group (Ctrl +G) four newly crated objects. Next send this group to back.

Step 16

Create objects and then fill them as shown below.

Create a red object and fill it with the linear gradient. Select and group (Ctrl +G) three newly created objects and then send this group to back.

Step 17

Continue create objects and then fill them as shown below.

Create objects as shown in the first image and then fill with R=88, G=89, B=91. Now select and group (Ctrl +G) six newly created objects and then send this group to back.

Continue create objects and then fill them as shown below. Next select and group two newly created objects and then send this group to back.

Step 18

Create object and then fill it with the linear gradient.

Reselect the newly created object and open the Offset Path box (Object/ Path/ Offset Path). Enter a -2px Offset and then click OK. Now select two both newly created objects and open the Blend Options box (Object/ Blend/ Blend Options). Enter the data as shown in the second image and then click OK.

Continue create objects and then fill them as shown below.

Now create a curve and then add a 2px Stroke (R=65, G=64, B=66) for it. Next send this curve backward as shown in the second image below.

Create object and then fill it with the linear gradient.

Reselect the newly created object and open the Offset Path box (Object/ Path/ Offset Path). Enter a -2px Offset and then click OK. Now select two both newly created objects and open the Blend Options box (Object/ Blend/ Blend Options). Enter the data as shown in the second image and then click OK.

Continue create object and then fill it with the linear gradient.

Now create an object, fill it with the R=65, G=64, B=66. Select and group three newly created objects and then send this group to back.

Step 19

Continue create objects and then fill them as shown below.

Reselect five newly created objects and duplicate them once time. While the results selected, go to the Effect menu/ Sketch/ Halftone Pattern. Enter the data as shown below and then click OK. Next lowered the Opacity of the results to 30%.

Create five objects and then fill them with the linear gradient. Next select all objects created from beginning step 19 to this time and then send them to back.

Continue create three objects and then fill them as shown below.

Reselect three newly created objects and then send them to back.

Step 20

Now select and group (Ctrl +G) all objects created from the beginning step 15 to this time. While the group selected, open the Reflect box (double click on the Reflect tool from the Tool palette). Check in the Horizontal and then click Copy.

Place the result to the correct position as shown below.

Create a curve and then add a 1px Stroke (R=109, G=110, B=113) for it. Now select and group (Ctrl +G) all objects created from the beginning step 1 to this time.

Step 21

Pick the Rectangle tool (M) and use this tool to create a 850px by 1100px object. Next fill the result with the linear gradient.

Now place the "watch" group to the position as shown below.

Keep the "watch" group selected, open the Reflect box (double click on the Reflect tool from the Tool palette). Check in the Horizontal and then click Copy. Next move the result to the correct position as shown below.

Pick the Rectangle tool and use it to create a 850px by 200px object.

Fill the newly created object with the linear gradient as shown below.

The final image is below.

Final Result

This is the final result. I hope you enjoyed reading this tutorial.

Conclusion

As difficult as it looks I’m very sure if you follow my tutorial you will find a lot of help using your skills and images to produce your own creation! Ones again Thank you for using our tutorial, we will be very happy to answer any questions that you may have, You can simply leave a feedback and or a comment bellow.

Download Result Files

• Download .ai Source File (.zip, 4.56 MB)