All in one forum  - Applications | Games | E-Books | Music, Movies & Videos | Mobile Stuff | Live Discussions | Webmaster Stuff | Many More | Community to Hang Out and Stick to
Search Today's Posts Mark Forums Read

Go Back   Home > Tutorial Section > Softwares > Adobe Illustrator
Reload this Page [Tutorial] Create Non-Raster Drop Shadows
Forgot Password? Join Us!
Adobe Illustrator Post your Adobe Illustrator Tutorial Here

Notices
Your link here Your link here Your link here Your link here Your link here

Your Ad Here


Rate This Thread - Create Non-Raster Drop Shadows.

Post New Thread Reply
Bookmarks
 
LinkBack Thread Tools Display Modes
Old 06-13-2008, 06:05 AM   #1 (permalink)
 
KoOL's Avatar
 
User Info
Join Date: Oct 2007
Location: In You Mind
Age: 26
Achievements Posts: 10,583
Casino Cash: $1107970

Total Points: 237,141,950,102.90
Donate

Reputation: 95991
KoOL has a reputation beyond reputeKoOL has a reputation beyond reputeKoOL has a reputation beyond reputeKoOL has a reputation beyond reputeKoOL has a reputation beyond reputeKoOL has a reputation beyond reputeKoOL has a reputation beyond reputeKoOL has a reputation beyond reputeKoOL has a reputation beyond reputeKoOL has a reputation beyond reputeKoOL has a reputation beyond repute


Awards Showcase
Administrator Of the Month Of Jan 
Total Awards: 1
Create Non-Raster Drop Shadows


Illustrator has the ability to add raster effects to elements like outer glows, inner glows, and drop shadows. Vector art is great because you can scale them to any size. That is why I try not to use the raster effects in final output. One area this creates a problem, is drop shadows, but there are a couple of easy ways to add drop shadows using blends and gradients rather than raster effects.

Notes

This tutorial was created with Illustrator CS3.
Keyboard shortcuts are displayed in orange. ⌘ is displayed for the Command key (mac), with the Ctrl key being the Windows equivalent (not displayed).
Gradient Drop Shadows - Hover

First draw a ellipse with the Ellipse Tool (l). When you are drawing the ellipse, hold down shift to constrain the height and width to make a perfect circle. Next, fill the circle with a Radial Gradient from the Gradient Panel and take off the stoke. Make the inside color of the gradient black (the left swatch on the Gradient Slider) and make the outside color white (the right swatch on the Gradient Slider).

Select the circle with the Direct Selection Tool (v), grab the bottom handle, and squish the circle to about 1/8 the original size.

Next, place you artwork over the newly created drop shadow so the bottom of the artwork sits in the middle of the gradient. Done!

If you want the drop shadow over a particular color, you have some options. You can either change the white swatch in the Gradient Slider to match your background or select Multiply from the left drop-down menu in the Transparency Panel. Multiply is great for complicated backgrounds.

Gradient Drop Shadows - Perspective

Start with the object you want to add a drop shadow to, Copy (⌘c) the object and Paste In Front (⌘f). Create a Linear Gradient (>) from the Gradient Panel, and keep the default black and white gradient swatches. Use the Gradient Tool (g) and click and drag from the top of the object to the bottom, so black is at the bottom of the object.

Next, go Object > Transform > Shear, to bring up the Shear dialog. Change the Shear Angle to -40, select Horizontal, change the Angle to 0 and press OK. Send the gradient behind the original shape by going Object > Arrange >Send Backward (⌘[).

Select the gradient with the Direct Selection Tool (v), grab the top handle, and squish the gradient to the desired angle. Next, select both shapes and press the Horizontal Align Right button from the Align Panel, and scale and move as desired. All done!

You can also change the color of the white swatch on the Gradient Slider or set the object to Multiply if you want to put the drop shadow on a color background.

Blend Drop Shadows

Gradient Drop Shadow are great, but the Blend Drop Shadows are more versatile for complex shapes and objects.
Select the object you want to add a drop shadow to and Copy (⌘c) the object and Paste In Front (⌘f). Fill the object with black and take off the stroke. Next, go Object > Path > Offset Path. In the Offset Path dialog you are going to want to change the Offset. I haven’t found any consistent way to proportionately create an offset for any sized object. I have tried to use percentages, but get varied results from time to time. The best way I came up with, is the treat the offset like a stroke by filling in the Offset number with a point value. In the example I show below, I typed 20 pt for the Offset (the pic below shows .2778 in because Illustrator converts the value to your documents unit value).

Once you get the Offset how you like it, fill it with white. Next, select both the white and black objects an create a Blend by going Object > Blend > Make (⌘ alt/option b). With the blend still selected, send it behind the original artwork by going going Object > Arrange >Send Backward (⌘[). Now, scale and move the blend for the desired effect!

Just like the Gradient Drop Shadows, you can place the Blend Drop Shadows over color. You can set the drop shadow to Multiply or change the color of the white object in the blend to match the background color.

Example Uses

Below are some basic examples of using these drop shadows, but there is room for a great deal of experimentation and exploration!


For Download Links U need to Press Thanks Button

Please don't PM me For Posts, Request and Not Working Threads. Use Button.
KoOL is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply
Click here to Donate to remove the Adverts.
Your Ad Here
Post New Thread Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
[Music] Evanescence - In The Shadows (2007) Nawainruk HollyWood Music 1 12-13-2007 05:19 PM
Eidos Thief Deadly Shadows 2D Nawainruk Symbian (S60/S80/S90) Games 0 12-11-2007 11:42 AM
[MUSIC] Evanescence - In The Shadows KoOL HollyWood Music 0 12-08-2007 05:28 PM
AutoCAD? Raster Design Zoe Appz Zone 0 10-15-2007 09:49 AM
Thief 3: Deadly Shadows - RIP by TECHNiC Zoe PC Games 0 07-09-2007 06:33 PM



Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
vBulletin Skin developed by: vBStyles

RapidShare Links PhazeDDL Warez
PhazeDDL Warez