Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

Related Links

Perspective Drop Shadows


Creating shadows in a vector drawing package such as Adobe Illustrator can be a little bit more difficult than in a raster graphics program such as Photoshop.  In this tutorial we will create a perspective drop shadow from scratch, using no filters or plug-ins.  This effect is remarkably flexible and lends itself to a great deal of individualization, an example of which will be shown at the end.

Step 1: Open up Adobe Illustrator and create a blank document of any size.  With the text tool, write some text in a bold typeface and a solid visual colour.  Typefaces with strong edges and flat bases always work best for shadows, and script-style fonts usually end up with disappointing results.  After you are finished, select your text with the selection tool.



Step 2: Pick out the Reflect Tool, hold down ALT on the keyboard and click on the light blue line at the bottom of your type object (i.e. the line on which your text should be sitting, NOT the line of the bounding box below that).  In the dialog box that appears, choose Horizontal, , and click on the Copy button.  You should now have a reflected text object directly below your original text object.  If your reflection is not lined up like mine, now is the best time to adjust it accordingly.   After you are finished, select the reflected text object with your selection tool and run Type > Create Outlines from the main menu.  This breaks apart the object into individual vectors, and is necessary to complete the next step.

NB.   Please note that if you are using a Mac, you will hold down the OPTION key instead of the ALT key wherever it is mentioned during this tutorial.



Step 3: Now for the difficult bit.  Get your Free Transform Tool, click on a bottom corner, then without letting go or moving your mouse, hold down CTRL+SHIFT+ALT on the keyboard.  Now drag out the mouse horizontally to create your perspective.   This takes a little practice, as well as nimble fingers!


 

Step 4: Load up the Gradient Palette (F9), ensure Linear is selected, as well as a -90° angle, and a black to white gradient. Now select your reflection properly with the selection tool, and drag a vertical gradient across the selected text using the Gradient Tool.


Step 5: And there you have it - a perspective drop shadow!   Minor adjustments to the gradient are easy at this stage, and can include lowering the opacity, or adding a little more skew to the shadow using the free transform tool and the direct select tool.


 

Variations: Adobe Illustrator has a vast wealth of filters to help you individualize your perspective shadows.  In my example below I have simply applied Effect > Distort & Transform > Roughen, fiddled with the gradient, altered the blending mode, and lowered the opacity to obtain a simple water-reflected effect.  The possibilities are quite endless and only limited by your imagination and willingness to fiddle around with the thousands of different settings and features that Illustrator provides.  Have fun!  ;)


 

- Tutorial written by Man1c M0g

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

User:  sethcapitulo (#29734)
Date: Mon Jul 10, 2006. 16:52:31

Post #1 of 1

just downloaded this...lotsa thanks again, Mog!

Reply to this post


--- View Entire Thread ---
Amazing Font Pack!

Featured Tutorialsmore

Soft-Edged Cel-Sha...
Soft-Edged Cel-Sha...
- Adobe Photoshop -
Clipping Masks
Clipping Masks
- Adobe Illustrator -
3D Pill
3D Pill
- Adobe Illustrator -
Night Lights (Basi...
Night Lights (Basi...
- Macromedia Flash -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links



Special Options
Printer Friendly Version
Forum Threads

 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 11:16am
Activity: 1 replies, 867 views
 changes....
Author: supertackyman
Posted: Sep 12th, 2:56am
Activity: 2 replies, 1037 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 3:50pm
Activity: 0 replies, 1042 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 12:58pm
Activity: 0 replies, 1919 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 2:18pm
Activity: 0 replies, 1816 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 2:33pm
Activity: 0 replies, 14417 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 3:37am
Activity: 0 replies, 2712 views
A New Designer has joined the ranks
Author: skates1
Posted: Mar 28th, 2:19pm
Activity: 2 replies, 2753 views
The hole in Photoshop
Author: Mars
Posted: Feb 13th, 9:28pm
Activity: 2 replies, 3427 views
Colour Swatch
Author: ebz7350
Posted: Jan 15th, 11:18am
Activity: 0 replies, 2344 views
 BioRUST Forums - Reply to Topic
Author: inonShozy
Posted: Jan 11th, 11:32am
Activity: 8 replies, 2484 views
 Version 2 of my portfolio site.
Author: andrewnleon
Posted: Jan 08th, 6:18am
Activity: 6 replies, 2792 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    441
Total Fonts:    4673