Floating 3D Vector Effect in Illustrator
This was the logo that I was submitted in The Perfect Design logo contest and I’m here to teach you how to create a vector 3D rendition in Adobe Illustrator.
Step 1 – Open document in Illustrator
First thing is open a new document leaving the document setting default and click Okay.
Step 2 – Create or import your logo
Start creating your logo by drawing any symbols, for example pick the ellipse tool or rectangle tool or anything that you like, in this case i already created my logo for this tutorial and supply a different colors.
Step 3 – Select, Extrude and Bevel
Select all the logo shape and click the Effect menu in the menu bar, click the 3D submenu and choose the Extrude and Bevel (see Fig 3.1)
Step 4 – Extrude & Bevel Options
The 3D Extrude & Bevel Options window will appear (see Fig. 4.1) , first check the Preview box this will enable you to see the look of the shape in 3D. There are two ways to adjust your 3D shape by rotating the 3D box or by specifying the rotation around X,Y,Z axis (see Fig 4.2) , in this case i put -21° in the Y axis and make the Extrude Depth equal to 30pt. You can explore the Extrude and Bevel and other options available, when you’re satisfied on the look and depth of your 3D shape, just hit the OK button.
Step 5 – Expand and Ungroup
Now i have my 3D rendered shape i need to work on colors and gradient, but before that you need to expand the 3D shape, by doing that just select the object and go to Object menu and click Expand Appearance (see Fig. 5.1), while still selected, right click on the object and click Ungroup (see Fig 5.2), repeat it until you don’t see the Ungroup option anymore.
Fig 5.1 Fig 5.2
Step 6 – Unite parts
Using the pathfinder tool you can unite the shape by clicking all the parts (see Fig. 6) and Alt+click the Unite Mode and click expand.
Step 7 – Add Offset Path
Adding Offset Path. First click the original shape (see Fig. 7.1) and go to Object > Path > Offset Path (see Fig. 7.2) and add the value -0.03in in Offset textbox and check the Preview checkbox (see Fig. 7.3) then hit Ok button.
Fig 7.1 Fig 7.2
Step 8 – Ungroup
After adding Offset Path you may now ungroup each of the group shape (see Fig. 8).
Step 9 – Change Colors Using Gradient Tool
Changing colors and adding Gradient effect using the Gradient Tool . Explore the colors in the gradient tool window (see Fig 9.1) and apply each to the object
Step 10 – The Star Tool
Adding some twinkling star using the Star Tool . Just click the Star tool and click on the working space area while holding the left mouse button + press the ALT key and drag the mouse so that you will create a similar star effect like in (see Fig. 10.1). When you get the star shape you like just resize it, copy and paste to the edges of the logo like what I did in (see Fig. 10.2)
Fig 10.1 Fig 10.2
Step 11 – Add the Floating Shadow
Adding floating shadow. To do these just create an ellipse using the Ellipse Tool and position below the 3D logo (see Fig. 11.1). Go the Effect > Blur > Gaussian Blur (see Fig. 11.2) and add any value in the Radius textbox, in this case I put 9.4 pixel (see Fig 11.3)
Fig 11.1 Fig 11.2 Fig 11.3
That’s it, here’s the final output of the logo.