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

Design Points n PixelS


Match Book

11/2/2019

0 Comments

 
Create a matchbook with a drop shadow. This uses a blend to create the match sticks and the match heads. Really quite simple!
Picture

Picture
Start with a rectangle. Heavy stroke around the shape. 
Picture
With the Direct Selection tool, select the lower corners of the rectangle. 
Picture
In the Transform panel, unlink the link icon between the corner values, set the lower corners to a 20 pt radius.

Picture
Copy and Paste In Place the shape. Drag the right side to the left until it stops (the radius of the corner widgets at the bottom will stop it).
Picture
Draw a rectangle over the bottom of the shapes. Fill it with white. Center the left side in the middle of the small rectangle. Hang  the right edge over about the width of the small rectangle. 
Picture
Select the white rectangle and the small rectangle. Select the Shape Builder too and hold Option/Alt to turn the cursor into the subtract cursor. 

Picture
Remove the two sections as shown. 
Picture
Select the lower right side of the white rectangle and pull the corner widget in to match the 20 pt radius of the other rectangles. 
Picture
Add a small rectangle to the top of the shape, same width as the large rectangle. 

Picture
Use the Direct Selection tool to select and move the top to the right. This will create a pointed tangent where the shapes meet. 
Picture
To correct these point, select the shapes and in the Stroke panel, set the Corner to rounded. This will eliminate those akward points. 
Picture
Duplicate the shape again and align it to the previous shape. 

Picture
Use the Direct Selection tool to select and move the bottom of the rectangle to the right. This will create the cover of the match book. 
Picture
Draw another rectangle to make the matches. 
Picture
Send the shape backward. Object>Arrange>Send Backward to place it behind the front lower rectangle.

Picture
Draw a line on the left to create a separation between the matches. Duplicate the line on the right side as well. 
Picture
Select both lines and choose Object>Blend>Blend Options…. Set the Spacing to Specified Steps and set the number to 7. Click OK. 
Picture
Choose Object>Blend>Make. This will create lines in between the two lines.

Picture
Create a match head by creating a rectangle filled with red. Round the top corners of the match head with the Direct Selection tool and pull in the Corner Widgets slightly. 
Picture
Duplicate the match head on the far end of the sticks. 
Picture
Select both shapes and choose Object>Blend>Make. The same setting used to create the match stick vertical lines will blend using the 7 steps setting last set. 

Picture
These match heads can be scaled and made taller or shorter by selecting the head and pulling the bounding box handles. Add a line for the staple on the lower flap.
Picture
Duplicate the top rectangle. 
Picture
Fill the shape with black, remove the stroke. Set the opacity to 30% and the blending mode to Multiply to create the shadow shape. 

Picture
Bring the top flap to the front. Object>Arrange>Bring to front. 
Picture
Select the shadow shape and the background shape. Select the Shape Builder tool and hold option/alt and click on the area to remove as shown 
Picture
Add a color fill to the lower flap and you have yourself a match book!
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