Thursday, April 30, 2015

Illustrator Cs6 Tutorial 3D Logo

This tutorial will show you how to make a 3D gradient logo in minutes by using the Warp and 3D effects. It is great for making 3D graphics and icons.

Download Source File
Required: Illustrator CS2+

1. 3D Text  Illustrator Cs6 Tutorial

Use the Type tool, type in “3D Logo”. Go to Effect >Warp > Arc and apply the following settings:
warp text

2. 3D Extrude & Bevel  Illustrator Cs6 Tutorial

Then go to Effect > 3D > Extrude & Bevel and apply the setting as shown in the image below. You can drag around the cube to set the X,Y,Z rotation values. Set the Extrude Depth to 20pt.
3d extrude & bevel  Illustrator Cs6 Tutorial

3. Expand Appearance

Now go to Object > Expand Appearance to remove all effects and convert to paths. After the text object is expanded, Ungrounp the object by Object > Ungroup or press Ctrl+Shift+G. You probably need to do Ungroup 4-5 times in order to break the object apart.
expand appearance

4. Merge Paths

Select the round corner paths and merge them together by using the Pathfinder tool. Hold down Alt key, click on the Add to shape area to merge the selected paths. Repeat this step to clean up all round corner paths.
pathfinder

5. Apply Gradient  Illustrator Cs6 Tutorial

Select the top level paths and apply a yellow-green color gradient.
 Illustrator Cs6 Tutorial

6. Eyedropper

Select the back(depth) paths, use the Eyedropper tool and click on the front paths. This will copy the gradient fill.
eyedropper

7. Darken  Illustrator Cs6 Tutorial

Keep the back paths selected, go to Gradient palette and adjust the gradient colors to a darker tone.
darker gradient

8. 3D Logo Illustrator Cs6 Tutorial 3D Logo

You can use this technique to make 3D objects from any shape, text, etc.
Here are the steps:
  1. Apply 3D Extrude & Bevel effect
  2. Expand object
  3. Ungroup object
  4. Apply gradient
  5. Eyedropper gradient fill
3d logo  Illustrator Cs6 Tutorial

More…

Here are more samples I made using the same technique.
more 3d logo  Illustrator Cs6 Tutorial

0 comments:

Post a Comment

 
;