Discover how to master the three-point perspective grid in Illustrator to create a beautiful gift box.
10. Round the corners
Next, we’ll give the box rounded corners. Select all the shapes from the Layers panel and go to 'Effect > Stylize > Round Corners'. Enter a 2px value for the radius.
11. Create the lid shadow
Next we’ll create the lid shadow. Press 3 to select the right grid and shift+V to use the Perspective Selection tool, then draw a black rectangle as shown below.
Make a similar rectangle for the left side, and drag both black rectangles below the lid layers. To create the shadow of the box, select the lid's top layer, press cmd+C (ctrl+C) to copy and cmd+B to paste in back.
Select the three shadow layers, change their blending mode to Multiply with 50 per cent opacity in the Transparency panel (shift+ctrl+F10) and go to 'Effect > Blur > Gaussian Blur'. Use 2-4px value here to blur the shadow.
Next, draw a small line in front of the lid using the Pen tool (P). Make its fill colour 'none', change the colour to #F76C41, and the give it a stroke of 3pt. Then round its cap and corners using the Stroke panel at the top.
13. Create the ribbon
To create the ribbon press shift+ V the bring up the Perspective Selection tool, then hit 3 to select the right plane and draw a thin vertical rectangle (#FFD274). Hit 1 to draw a similar rectangle (#E8BE6A) over the left plane.
Hit 2 to select the Horizontal plane and draw two rectangles crossing each other, then apply given gradient to both. You'll need to change the angle of the gradient for the final rectangle.
Get top Black Friday deals sent straight to your inbox: Sign up now!
We curate the best offers on creative kit and give our expert recommendations to save you time this Black Friday. Upgrade your setup for less with Creative Bloq.
14. Add shadow to the ribbon
We are done with the grid so far, so press shift+cmd+I (shift+ctrl+I) to hide it. Now draw a shape below the recently created ribbon shapes using Pen tool (P) with #B55B36 fill.
To make its shadow, select the new shape, press cmd+C (ctrl+C) to copy, and cmd+B (ctrl+B) to paste in back. Change its fill colour to #42210B with 50 per cent opacity in the Transparency panel (shift+cmd+F10 or shift+ctrl+F10). Adjust its shape slightly, according to the cuts of the box.
15. Shade over the ribbon edge
Next, draw the two shapes shown in the image below for shading over the right ribbon. Repeat these steps for the left-side ribbon to get the results similar to mine.
16. Draw the bow
Now we’ll draw the bow using Pen tool (P). Draw the basic parts as shown above, then create the second loop as shown below. Collect these four shapes in a new layer. To do so, select them and click the fly-out menu in the top right corner of Layers panel (F7), then choose 'Collect in New Layer'. Label it as 'Second Loop'.
Create the third loop below the rest using gradients shown. Collect these two shapes in a new layer and label it 'Third Loop'.
17. Finish the bow
Select the 'Second Loop' layer and pick the Duplicate option from the fly-out menu in the top-right corner of Layers panel (F7). Select this duplicated layer and click the canvas to view the Options window, then choose 'Transform > Reflect'. Reflect the loop vertically and hit 'OK'.
Place this duplicated layer above the first large loop as shown above. Then duplicate and reflect the 'Third Loop' layer and reposition it, keeping it below the rest of the loops.
Matthew Pizzi is an Adobe Certified instructor with over 15 years of experience teaching Adobe applications. He has been a speaker at industry events like Adobe MAX and Social Media Week and has authored several books on Adobe’s products. Matthew’s training videos are featured regularly on Adobe.com which demonstrate new and important features of their Creative Cloud offerings.
