Tutorial: How to create Gifts
- Author: Freepik
- Program: Adobe Illustrator (CS6)
- Difficulty: Intermediate
- Topics Covered: Creating graphic fills, combining paths
- Estimated Completion Time: approx. 30mins – 1hr
First grab the Marquee Tool and create a perfect square (in any color). Make sure it does not have any stroke. While square shape is selected go to Effect > 3D > Extrude&Bevel.
The options box will appear and the only thing you need to change is the Extrude Depth under the Extrude & Bevel
settings. Type in ‘150pt’ and hit ‘Ok’
You’ll see the shape is now a cube. Go to Object > Expand Appearance so we can further manipulate the shapes within the 3D object.
Now grab your Pen tool and create a single line tracing the cube like in the screenshot below. Make sure the line is extending outside the shape.
Then select the two square paths that the line has passed through. Make sure to select the line as well. Open up the Pathfinder panel and select ‘Divide’ under Pathfinders
Now we have create the lid of the gift box. Next, select the paths that make up the lid and enlarge it a bit.
We’re going to further shape the gift box. Select all the paths of the gift box and go to Object > Envelope > Make with Warp
In the Warp Options box, select the Style ‘Arch’ in the dropdown options. Make sure it is set to ‘Vertical’. In the Distortion settings type in ‘-30%’.
You can further resize the gift box by transforming it while it is selected. The one in the screenshot below was made taller. If you’re
happy with the shape of your gift box, select it and then go to Object > Expand. The option box will appear and just click ‘OK’ with the default settings.
Now we can start coloring it. Select any shape of the gift box and open up the Appearance panel. Change the fill to a mint shade (#97D6A6).
Add a new fill by selecting the Arrow icon on the right upper corner of the Appearance panel. ‘Choose Add New fill’ in the dropdown options.
Open up your Gradient panel. Set the Type to ‘Radial’ and change the color of the right pointer into a medium blue (#397592) and the left pointer’s Opacity
should be set to ‘0%’. Go back to the Appearance panel and click the Opacity (orange text; underlined). Change the Blending Mode to ‘Multiply’.
Repeat Step 13 to add a new fill. Go to the Gradient panel. Type should be set at ‘Linear’ and the Angle should be at ‘137’ degrees.
For the right pointer make sure the color is white (#FFFFFF) and the left pointer’s opacity should
be set to ‘0%’. Go back to the Appearance panel and click the Opacity (orange text; underlined). Change the Blending Mode to ‘Soft Light’.
Move the gradient by extending the slider outside the shape to soften the transition that is contained inside the path.
After that grab the Eyedropper tool and select the other shapes. Click on the colored shape with your eyedropper tool to pick up the Appearance and it would
then apply it to the rest.
Select the sides to the left and the top cover of the box.Open up the Appearance panel again and add a new fill by repeating Step 13. Make sure the new fill is on top of the other fills. Change the fill to an indigo
blue shade (#97D6A6). click the Opacity (orange text; underlined). Change the Blending Mode to ‘Multiply’ and the Opacity to ‘40%’
Select the two paths at the front side of the box and copy and paste in front two times. Nudge the top copy down and then right.
Deselect the copies. With the Direct Selection Tool select only each copy and its’ counterpart like in the screenshot below. Open up the Pathfinder
panel and select Minus Front. Repeat this for the upperlid copy and its’ counterpart.
Select the remaining shapes and change the color to white (#FFFFFF) and then open the Transparent panel to set th Blending Mode to ‘Soft Light’ and the Opacity
Next select the paths that make up the lid of the box. Copy and Paste in Back all three paths then open up the Pathfinder panel then select ‘Unite’
With the duplicated lid paths still selected go to Object > Transform > Scale. For the options set it to ‘Non-Uniform’ with Horizontal to ‘104%’ and Vertical to ‘106%’
Rearrange the shape. Bring it on top of the bottom half part of the box but not covering the lid. Change the color to a darker shade (#5F8967)
Now we’ll start with ribbons. Create red (#AF0000) rectangles onto the sides of the box and on the cover with your Pen Tool. Make sure it looks like it is resting on the
plane of the box just like in the screenshot below.
Next grab your Pencil tool and draw these three shapes that will form the bow on top of the lid. The lighter red – #E20000 and the darker red – #A00000.
Grab the Blob Brush Tool and make sure the size is around 3-5px with the color white (#FFFFFF). Trace all ribbon on top of the lid leave some spacing between the edges
like in the screenshot below.
Then select the white strokes and the ribbon shape and grab your Shape Builder Tool, hold ALT key and select the grey strokes that extends outside of the ribbon shapes to
Now select all rectangular ribbons that are attached to the plane of the paths. Open up the Appearance panel and add a new stroke make sure the color is white (#FFFFFFh).
While the stroke is selected on the Appearance panel go to Effects > Distort > Transform.On the dialog box, under Scale settings change the Horizontal to ‘80%’ and Vertical to ‘110%’. Click ‘OK’. Then while all the vertical ribbons are selected go to Object > Expand Appearance.
Now edit the white strokes to properly fit the ribbons with the Direct Selection Tool. When the white stroke all look well-adjusted to the ribbons select them then go to Object > Expand . Just click ‘OK’ on the dialog box that will appear.
Then Deselect the white strokes. Select each stroke and the ribbon it’s laid onto. Then grab the Shape Builder Tool, hold the ALT key and start deleting the white strokes that go beyond the ribbon shape.
Do this for all of the ribbons and strokes.
Next select a rectangle ribbon and open up the Gradient panel. Set the Type to ‘Linear’ with the Angle at ’90’ degrees and make sure there are three pointers on the gradient.
For the first pointer set the color to a dark red (#5F00000), the middle pointer set at a brighter shade (#AF0000) with Location at ’50’ % and the last pointer a dark red (#5F00000)
Select the rest of the recntangle ribbons laid on the box. Grab the Eyedropper tool and click on the ribbon with the gradient to apply it to rest of the ribbons.
Select the large shape of the bow. Open up the Gradient panel. Set the Type to ‘Linear’. Make sure there are three pointers on the gradient.
For the first pointer set the color to a medium shade of red (#890000), the middle pointer set at a brighter shade (#E20000) with the Location at ’50’ % and the last pointer a dark red (#410000)
Select the knot beside the bow. Grab the eyedropper tool and click on the large shape of the bow to apply the same gradient to the knot.
Now select all white strokes laid onto the ribbon. Open up the Gradient panel. Set the Type to ‘Radial’. For the left pointer set the color to white (#FFFFFF) and then the right pointer a gray color (#6B5858)
Select the small shape inside the bow and open up the Gradient panel. Set the Type to ‘Radial’. For the left pointer set the color to medium shade of red (#920000) and then the right pointer a dark red(#410000).
Select all shapes that make up the bow. Go to Object > Transform > Reflect. In the dialog box change to Axis to ‘Vertical’ then Click ‘Copy’.
Move the duplicate to the other side of the knot.
Select all of the paths that make up the bow. Copy and Paste in Back. Then open up the Pathfinder panel and click ‘Unite’Nudge the path down a bit. Then open up the Transparency panel. Change the Blending Mode to ‘Multiply’
Now your giftbox is complete. Feel free to create other color variations. Go back to your tree and arrange the gifts to the bottom
of the Christmas Tree.