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

 

Step 1

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’

How to Create Gifts in Illustrator Step 1

How to Create Gifts in Illustrator Step 2

How to Create Gifts in Illustrator Step 3

Step 2

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.

How to Create Gifts in Illustrator Step 4

Step 3

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

How to Create Gifts in Illustrator Step 5

How to Create Gifts in Illustrator Step 6

Step 4

Now we have create the lid of the gift box. Next, select the paths that make up the lid and enlarge it a bit.

Step 10

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%’.
Click ‘Ok’.

Step 11

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.

Step 12

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).

Step 13

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.

Step 14

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’.

Step 15

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.

Step 16

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.

Step 17

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%’

Step 18

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.

Step 19

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.

Step 20

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
to ‘50%’

Step 21

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’

Step 22

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%’

Step 27

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)

Step 29

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.

Step 30

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.

Step 31

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.

Step 32

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
delete them.

Step 33

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.

Step 34

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.

Step 36

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.

Step 37

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)

Step 38

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.

Step 39

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.

Step 40

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)

Step 41

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).

Step 42

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’.

Step 43

Move the duplicate to the other side of the knot.

Step 44

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.

I am a professional graphic designer and web designer with years of experience. I am also an illustrator and Wordpress theme creator and author of this design blog. I write tutorials and build custom websites. I do what I love, and I love what I do! You can:Follow Me on Twitter, Join Me on Facebook, & Or Follow James George on Google+

Get Access to Graphics, Templates, Icons & More! Make your workday much easier.
Get Access to Graphics, Templates, Icons & More! Make your workday much easier.

Write To Us

Creative Beacon

6515 Clinton Hwy, Suite 202

Knoxville, TN 37912