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

Design Points n PixelS


INFOGRAPHIC SERIES - Pull tab effect

2/20/2016

0 Comments

 
Here is a simple and fun way to create a drop shadow effect on the edge of an object or piece of paper. In this effect you can see the shadow cast on the just one side of the edge!

This is a great and easy way to add a drop shadow to several items without having the shadow bleed off all the sides.
Picture

Picture
Start with a rectangle and fill it with a color. Round the ends if you want by using the Direct Selection Tool, select only the 2 corner points, then adjust the corner widgets to round just the 2 corners.
Picture
Using the Direct Selection Tool, select the lower left corner and using the right arrow, move the selected point to create and angled end.
Picture
Create another rectangle, fill it with black. Make it taller than the original rectangle.
Picture
Rotate the black rectangle to match the angle of the first rectangle edge.

Picture
Make a copy of the rotated black rectangle (you will need it later and it is easy to not have to recreate it).
​
Picture
With one of the black rectangles selected, choose Effect>Blur>Gaussian Blur (under the Photoshop Effects section).
Picture
Set the Blur to 35, make sure you click on the Preview button to see what it looks like.
Picture
This will create a Photoshop Blur Effect on the rectangle.

Picture
Take the copy of the black rectangle and make it larger than the blurred rectangle.
Picture
Place the larger rectangle over the top of the blurred rectangle. Bring to front if needed, making sure the bigger rectangle is on top. 
Picture
Select both objects. Choose Object>Clipping Mask>Make (COMMAND + 7)
Picture
With the Masked object selected, go to the Opacity Menu in the Control bar. Set the Blending Mode to Multiply.

Picture
Move the shadow over on top of the original angled rectangle. Line it up with the edge, adjust the opacity of he shadow if needed.
Picture
Select the angled rectangle, choose Object>Path>Offset path. Set it to a negative number on the offset to make a smaller shape inside the original. 
Picture
With the new box created, bring it to the front. 
Picture
Set the color of the new box to be lighter than the original color. 

Picture
With the Direct Selection Tool, select the left edge of the new box and move it over to the right, hold the SHIFT key down to make sure it stays in line. 
Picture
Add type to the pull tab and you are done! This is a great and easy way to add a drop shadow to several items without having the shadow bleed off all the sides.
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