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

Design Points n PixelS


INFOGRAPHIC SERIES - Slice of Pumpkin Pie

11/18/2018

1 Comment

 
If you have ever made a pie chart the easy way in Illustrator, it is just a few steps away from making an entire pie; right down to the ridges in the crust and the whip cream on the slice of pie. Enjoy!
Picture

Picture
Start with a circle, fill and no stroke. 
Picture
Click on the handle on the right side of the circle and move it up and around the circle to create a pie section. 
Picture
In the Transform Panel, the flip pie button will flip the shape from the pie shape to the pie piece. Hold OPTION + CLICK on the flip to copy it as it flips. 

Picture
This will result in the two parts of the pie being a complete whole 
Picture
Ungroup the shapes to move them individually. 
Picture
Select both shapes and use the bottom handle of the transform to squish the shapes vertically. 

Picture
Duplicate the shape. On the duplicate shape, use the Direct Selection Tool to select and remove the 3 points shown.
Picture
This will leave the lower half of the pie shape. 
Picture
Remove the fill and add a darker stroke.

Picture
Draw a vertical line on the right side at the end of the half oval. 
Picture
Duplicate the line and move it to the other side of the half oval. Duplicate the line yet again and set it aside for a few steps from now. 
Picture
Select all the line and use COMMAND + J twice to join all the lines together and close the shape. 

Picture
Swap the fill for the stroke.
Picture
Select the Free Transform tool, perspective tool. 
Picture
Use the perspective tool to pinch the lower section of the oval closer together.

Picture
Place the shape behind the pie section. 
Picture
Move the vertical line that was duplicated next to the slice to use it as a marker. Draw a rectangle the size of the pie size and the height of the line. Delete the line when done. 
Picture
Use the Direct Selection Tool to select the lower right of the rectangle and move it to the left to match the angle of the pie base. 

Picture
Duplicate the rectangle of the pie shape. Remove the fill and add a heavy stroke. 
Picture
Use the Direct Selection Tool to select the upper left of the rectangle and delete the lines leaving the "crust" of the pie shape.
Picture
Move the crust in position on the pie piece. 

Picture
Duplicate the pie piece, move it over the section of the pie.
Picture
Send the pie piece to the back and line it up with the right edge of the pie. 
Picture
Duplicate the top shape of the pie. Remove the fill and add a heavy stroke. Use the Direct Selection Tool to remove the center point of the pie shape

Picture
Round the ends (hot dog the ends) of the resulting open oval in the Stroke Panel. 
Picture
​Apply a Zig Zag effect from the Effects Menu. Set the points to be smooth, small size, set the radio button to absolute. 
Picture
This will give he effect of a rippled pie crust. Adjust the size and ridges-per-segment as necessary to get the right look.

Picture
Use the Direct Selection Tool to select the edge of the pie shape. Copy and paste the curved edge. Remove the fill, add the stroke to match the color and weight of the pie.
Picture
Apply the same Zig Zag effect, to make it match the pie, reduce the number of ridges-per-segment. 
Picture
Move the pie crust edge to the pie piece. 

Picture
To create the whip cream, create an oval, white fill and light colored stroke. 
Picture
Duplicate the oval half way on itself and reduce the size.
Picture
Repeat this process and until you have 4 ovals staked.

Picture
Use the Direct Selection Tool to click on the upper point on the oval and move the point up. 
Picture
Click on the Convert Anchor Point in the Control Bar or the Properties Panel to convert the smooth point to a corner point. 
Picture
Select all the oval and duplicate the set. 

Picture
Select one set and use the Pathfinder Unite tool to make it one shape. 
Picture
On the copied version, use the Direct Selection Tool to select and copy the portions of the ovals shown. 
Picture
Paste the shapes and hot dog the ends and place them on the other shape. Group the shape and the lines together. 

Picture
Place the whip cream on the pie piece. 
Picture
Select the top piece of the pie, use the Object>Path>Offset Path to make a smaller version of the pie top for the highlight. 

Picture
Use the Direct Selection Tool to remove most of the offset shape and make the remaining arc white, set the opacity to 50%. Add a highlight to the pie piece as well. 
Picture
To create a plate, make an oval with a light fill, heavy stroke. Make a larger oval on top and move them to overlap.

Picture
Place the pie slice on the plate and enjoy! That is one nice piece of pie. 
1 Comment
Janell Amely link
11/26/2018 07:29:24 am

I really enjoyed making this pie ;p Thanks for teaching about the Transform switch and the Effects Zig Zag, those were both new to me!

Reply



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