Jason Hoppe Adobe Certified Expert & Adobe Certified Trainer
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022

Design Points n PixelS


infographic series - slip shadows

1/7/2016

0 Comments

 
Here is a quick way to take any shape, object or text and create a darker slip shadow like you see in some illustrations and infographics. 
Picture
Picture

Picture
Start with a simple shape. Filled with a color but no stroke around the object.
Picture
With the object sleected with the Selection Tool, hit the return key to bring up the Move dialog box. Set the H & V to ZERO in each field and press COPY. This duplicates the shape on top of itself, very important.
Picture
With the duplicated shape, hold OPTION + SHIFT and click and drag the shape. Holding shift allows the shapes to be dragged at a 45° angle. 
Picture
Select the first duplicated shape and the last duplicated shape and choose Object > Blend > Blend Options... and choose Specified Steps from the drop-down menu. Set the number of steps. In this case I moved the object about 2.5 inches so I chose 250 steps. 4 inches would be 400 steps.
Picture

Picture
Once the Specified Steps are set, choose Object > Blend > Make. This will blend the first and last object together with 240 steps or duplicate shapes.
Picture
Here is the result of 250 shapes blended together.
Picture
To make this into a single shape, choose Object > Expand.
Picture
The Expand panel will open, click OK.

Picture
With the Blend Expanded, choose Unite in the Pathfinder Panel to combine all the 250 shapes together into one shape
Picture
Send the object to the back by choosing Object > Send To Back. This put the "shadow" to the back behind the original shape.
Picture
Change the color of the shadow to a lighter or darker color to show the slip shadow behind the original image.
Picture
Putting it on a similar color background adds to the effect.

When using a font, make sure to outline the type before performing the same steps outlined in this tutorial.
Picture
Picture
0 Comments



Leave a Reply.

    RSS Feed

    Archives

    March 2021
    February 2021
    December 2020
    September 2020
    August 2020
    July 2020
    June 2020
    May 2020
    April 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    January 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015

    RSS Feed

Proudly powered by Weebly
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022