Create a long shadow in Adobe Illustrator

Create a long shadow in Adobe Illustrator

Long shadows are all the rage these days. In this tutorial we'll create a long shadow effect using the Blend Tool in Adobe Illustrator.

To begin, open an icon in Illustrator. Select the object make a copy.

Next, Paste In Front (Control / Command + F).

Hide this object Object > Hide > Selection (Control / Command + 3).

Long Shadow Effect

Using the Direct Selection Tool (A), select the object remaining on the art board.

Holding down the Alt + Control + Shift keys, drag the object to make a copy. (Option + Command + Shift on Mac).

Copy

With both objects selected, select Make from the Object > Blend Menu (Object > Blend > Make). We'll use this shape to cast your shadow.

In Preview mode (Control / Command + Yyour blend should look similar to this:

Blend

In Outline mode (Control / Command + Y) your blend will look similar to this:

Outline Mode

Next, expand the blend: Object > Blend > Expand

Expanded

Select the objects (Control / Command + Aand click on Unite from the Pathfinder Window.

Unite

United

Back in Preview Mode, zoom in and inspect the object:

Zoom In

Delete any unwanted points:

Cut Line Segments

Join the open paths:

Join

Clean up the other edges of your shadow. Zoom in to inspect: 

Zoom

From the Object Menu, select Show All (Alt / Option + Control / Command + 4).
Choose a new color for this foreground object.

Show All

Select the drop shadow. From the Transparency Window, select Multiply from the drop down menu. Set the Opacity to 10.

Change Opacity

Draw a shape and place it behind the object. Recolor both shapes:

Recolor

Select the background shape and the drop shadow.
From the Pathfinder Window, select Divide.

Divide

Then delete the unwanted shape:

Cut Remnant

Select all and group: Object Menu > Group (Control/Command + G). 

Now you've got a nice looking drop shadow! 

Final Render

 


Vector icons a la carte from only $.99

Samples

Shop from thousands of high quality vector icons, providing a consistent look for your project. No subscriptions. Great prices. And free icon sets too.

Shop For Vector Icons


If you like this, please share!


Leave a comment

Comments will be approved before showing up.


Also in The Icon Blog

What Car Symbols Really Mean...
What Car Symbols Really Mean...

Continue Reading →

Why attractive design works better
Why attractive design works better

It's no secret that people are drawn to attractive things. Keep reading to learn more about why attractive design is so important.

Continue Reading →

Here's what you need to know about brand psychology
Here's what you need to know about brand psychology

Branding is important to any business. So it's important to understand what attracts people. Read on to learn what you should know about brand psychology.

Continue Reading →