VforVectors

Vector Tutorials

bookmark
my banner
Andrei Marius On December - 16 - 2010

Hi there. In the following tutorial I will show you how to create a colorful, striped Christmas ball using the 3D Revolve effect. I will also show you how to create a symbol using a white rectangle and the Transform effect. Finally you will add some linear/radial gradients, simple strokes and basic effects.

Difficulty: Beginner-Intermediate
Estimated Completion Time: 45 minutes
Number of Steps: 14


This is what you’ll be creating:

preview

Step 01

Create a 700 by 700px document. First, enable the Grid (View > Grid) and the Snap to Grid (View > Snap to Grid). Next, you’ll need a grid every 10px. Go to Edit > Preferences > Guides & Grid, enter 10 in the Gridline every box and 1 in the Subdivisions box. You can also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Do not forget to replace the unit of measurement to pixels from Edit > Preferences > Unit > General. Al these options will significantly increase your work speed.

Step 02

Pick the Rectangle Tool(M) and create 30 by 400px shape. Select it and go to Effect > Distort&Transform > Transform. Enter the data shown in the following image, click OK then go to Object > Expand Appearance. Fill the resulting shapes with white then open the Symbols panel (Window > Symbols). Select all these shapes open the fly-out menu of the Symbols panel and click on New Symbol. Name it Stripes and click OK. Now, you can delete all these rectangles from the Layers panel.

Step 03

Pick the Ellipse Tool, create 500by500px shape and fill it with R=190 G=22 B=34. Make a copy of this shape (Ctrl+C > Ctrl+F), name it “00” and make it invisible (for the moment). Grab the Rectangle Tool(M) and create a shape like the one shown in the second image. It should intersect with the left half of the circle. Select both shapes and click on the Minus Front button from the Pathfinder panel.

Step 04

Turn off the Grid and the Snap to Grid. Select the shape made in the previous step and go to Effect > 3D > Revolve. Follow the data shown in the next image then click on the Map Art button. Select the “Stripes” from the Symbol drop down menu then resize it and place it as shown in the following image. Now that your shape looks like in the image below click OK and go to Object > Expand Appearance.

Step 05

Drill down in the resulting group, find the white shapes shown in the second and move them out. Delete the rest of the group, you won’t need it anymore. Reselect these white shapes, click on the Unite button from the Pathfinder panel then go to Object > Compound Path > Make.

Step 06

Turn “00” back to visible. Duplicate this shape and the shape made in the previous step. Select these two copies and click on the Minus Front button from the Pathfinder panel. With the resulting shapes selected, click on the Unite button from the Pathfinder panel and go to Object > Compound Path > Make.

Step 07

Select the red shapes, replace the fill color with the radial gradient shown below image #1 and add a 1pt, aligned to inside stroke (R=156 G=22 B=34). Select the white shapes, replace the fill color with the radial gradient shown below image #2 and add a 1pt, aligned to inside stroke (R=255 G=245 B=0).

Step 08

Pick the Ellipse Tool(L) and create a shape like the one shown in the first image. Select it along with the original “00” shape and click on the Minus Front button from the Pathfinder panel. Fill the resulting shape with R=29 G=29 B=27 and lower its opacity to 10%. Reselect the Ellipse Tool(L), create a small circle and place it as shown in the final image. Fill it with white, lower its opacity to 10% then go to Effect > Blur > Gaussian Blur. Enter a 10px Radius and click OK.

Step 09

Turn on the Grid and the Snap to Grid. Pick the Pen Tool(P), create a shape like the one shown in the first image and fill it with R=255 G=222 B=0. Once again, the Snap to Grid will ease your work. Select it and go to Effect > 3D > Extrude&Bevel. Enter the data shown below, click OK then go to Object > Expand Appearance. Drill down in the resulting group and keep only the four shapes shown in the final image.

Step 10

Turn off the Grid and the Snap to Grid. Select the shapes made in the previous step, group them (Ctrl+G) then place them as shown in the following image.

Step 11

Select the shape selected in the first image and fill it with the linear gradient shown below. Duplicate it (Ctrl+C > Ctrl+F) then select the Pen Tool and create a shape like the red one shown in the second image. Select this new shapes along with the copy and click on the Intersect button from the Pathfinder panel. Fill the resulting shape with white and lower its opacity to 40%. Make another two copies of the large shape. Select the top copy, move it a few pixels up and to the right then enlarge it a bit. Reselect both copies and click on the Minus Front button from the Pathfinder panel. Select the resulting shape and fill it with the linear gradient shown in the final image.

Step 12

Let’s continue with the rest of the shapes. Select the ones selected in the first two images and fill them with the radial and the linear gradients. Duplicate the shape selected in the second image then grab the Pen Tool(P) and create a shape like the red one shown in the third image. Select this new shape along with the copy and click on the Intersect button from the Pathfinder panel. Fill the resulting shape with white and lower its opacity to 40%. Finally, select the shape shown in the fifth image and fill it with the last radial gradient.

Step 13

Pick the Pen Tool(P) and draw a pah like the one shown in the first image. Fill it with none, add a 6pt stroke (any color). Select this path, open the Stroke panel, click on the Round Cap button then go to Object > Expand. Fill the resulting shape with the radial gradient shown in the second image. Duplicate this shape then pick the Pen Tool(P) and create a shape like the red one shown in the third image. Select this new shape along with the fresh copy and click on the Intersect button from the Pathfinder panel. Fill the resulting shape with white and lower its opacity to 40%.

Step 14

Duplicate all the shapes created so far then select the copies and click on the Unite button from the Pathfinder panel. Select the resulting shape, fill it with white, Send it to Back (Shift + Ctrl + [) then go to Effect > Stylize > Drop Shadow. Enter the data shown below, click OK and you’re done.

Final

Now your work is done. Here is how it should look like.

Categories: Illustrations

5 Responses

  1. Vinay Bhat says:

    A great tutorial! But rather than a drop shadow, shouldn’t a “base” shadow look better?

  2. JPop says:

    Great tutorial! I love it 🙂

  3. Muhammad Farooq says:

    Great tutorial! i get knowledge from its

  4. syeda maria says:

    keep it up

Leave your comment

    preview
    Finder Logo
    BMW Logo
    Flask Illustration
    Cube