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

Design Points n PixelS


infographic series - Simple paper cup

10/7/2015

0 Comments

 
How to create a simple paper cup, nice rolled top edge.

Start with a rectangle and fill it with a color, no stroke on it.
Picture
Take the Direct Selection Tool (A) and select only the upper left corner point.
hold SHIFT and then use the left arrow to move the point to the left. Shift increases the increment of the left arrow movement by 10. Do this action 2 or 3 times to angle the edge out. Do this on both upper points to match the angle on each side.
Picture
Repeat the same action by selecting the upper right point with the Direct Selection tool and SHIFT + right arrow to move the point.
Picture
Draw a line above the cup, the same width as the cup. Add a stroke weight to the cup and choose the same color stroke as the fill color of the cup. Add rounded caps on the end of the lines.
Picture
Select the line with the Selection Tool and convert the path to a shape. Object > Path > Outline stroke
Picture
Move the line down to touch the top of the cup, the select both the cup and the line and use the Unite action in the Pathfinder panel.
Picture
Picture
Select the cup with the Selection Tool, hold OPTION and SHIFT. Click and drag the cup to the left to duplicate the cup, about 1/3 of the way left. Preview Mode ( COMMAND + Y) shows the outline of the cup duplicated.
Picture
With the Preview Mode turned back on (COMMAND + Y), select both cups and use the Divide action in the Pathfinder Panel to divide the cup into sections.
Picture
Once the Divide mode is applied, select the cups and Ungroup them. Object > Ungroup (COMMAND + SHIFT + G). Them select the left section of the cup and delete it.
Picture
Select the right edge of the cup section with the Selection Tool, change the color to a darker color to create a cast shadow appearance.
Picture
And that is a simple paper cup, with or without the cast shadow lighting effect.
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