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

Design Points n PixelS


INFOGRAPHIC SERIES - Curved Paper Pointer

3/13/2017

0 Comments

 
Create a curved paper pointer for any infographic. This creates a nice edge, some dimension and can be turned any way to be used as a pointer. 
Picture

Picture
Create a rectangle and fill it with a color, no stroke. 
Picture
Create another rectangle and round the ends fully
Picture
Align the rounded shape to the top of the box, and centered on the left edge. COPY the rounded shape (for later)
Picture
Select both shapes and use the Pathfinder Panel>Minus Front

Picture
PASTE the shape again, the select both shapes and use the Pathfinder Panel>Minus Front again.
Picture
This is the result.
Picture
Paste the shape again, then using the corner widgets, unround the bottom edges so just the top edges are rounded. 
Picture
Place the new shape behind the front shape, align the tops.

Picture
Draw a line at the base of the back shape. 
Picture
Use the Width Shape Tool to make the line wider in the middle.
Picture
Under Effects Menu, choose Gaussian Blur to blur the line.
Picture
This is the result of the blur. Send it behind the main shape but in front of the back shape.

Picture
Draw a box over the blurred line, lining it up with the horizon line. Select both the blurred lines and the box. 
Picture
With both selected, choose Object>Clipping Mask>Make. This masks the bottom of the blurred line to make it a hard edge.
Picture
Select the bottom of the main shape with the Direct Selection Tool and change the corners to flat, then pull them into towards the center to make a strong point.
Picture
Select the main shape with the Selection Tool and choose Object>Path>Offset Path. This is set to -70 to create a smaller shape inside. Click OK.

Picture
Fill the shape with a gradient. 
Picture
Open the Gradient panel from the Window Menu. Double-click on the color stops on the Gradient Ramp to call up your swatches or the Color Picker.
Picture
Picture
Select the blurred line and Click on the Opacity link in the Control Bar. Set the Mode to Multiply. This makes the drop shadow look more realistic.
Picture
Add anything to the pointer and you are done!
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