09 December 2010 ~ 5 Comments

How to Create a Christmas Package Design in Illustrator

In this tutorial we will create a modern vector package design for your holiday bundles, product ads and more.

Difficulty: Advanced
Completion time: 2 hours
Tools: Illustrator CS5

Resources:

- christmas illustration from vectorious.net

Christmas Package Design Final Image Preview

final vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 1

Grab the Rectangle Tool (M) and click on the canvas. Type in the dimensions below.

1 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 2

Grab the Rounded Rectangle Tool, click on the canvas and input the settings below. Also make it a different color.

2 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 3

Grab the Selection Tool (V), select both shapes and click the “Horizontal Align Center” and “Vertical Align Top” buttons on the top menu bar.

3 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 4

In the Pathfinder window (Window > Pathfinder), hit the “Merge” button.

4 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 5

Go to Object > Ungroup (CTRL+SHIFT+G). Select the top right corner and hit Delete.

5 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 6

Select the red shape, grab the Eyedropper Tool (I) and click on the black rectangle. Select both shapes and hit the “Merge” button in the Pathfinder window (Window > Pathfinder).

6 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 7

Hit SHIFT+X to switch the Fill to Stroke and make it a bright color.

7 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 8

Grab the Rectangle Tool (M), click on the canvas and type in 184 px and 498 px. Also make sure it has a bright Fill color.

8 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 9

Go to View > Smart Guides (CTRL+U) to toggle Smart Guides view and align the shapes as shown below.

9 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 10

CTRL+click outside the artwork to deselect and check the accuracy of your aligning. This is how it should look like.

10 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 11

Open the “christmas illustration” from vectorious.net. Resize it to the dimensions shown below and move the tree to the right and make it smaller.

11 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 12

Grab the Selection Tool (V) and select the text, then hit Delete.

12 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 13

Select all artwork (CTRL+A) and go to Object > Group (CTRL+G). Copy it (CTRL+C), go back to our document and paste it (CTRL+V).

13 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 14

Grab the Pen Tool (P) and draw a shape similar to mine.

14 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 15

Open the Gradient window (Window > Gradient), create the gradient shown below and apply it to the shape created in the previous step. Use the Gradient Tool (G) to adjust the positioning of the gradient. Make it look like below.

15 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 16

With the shape still selected, toggle the Stroke window (Window > Stroke) and apply a white stroke with the settings shown in the image below.

16 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 17

Go to Object > Expand. Hit OK.

17 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 18

Select the shape group, copy it (CTRL+C) and paste it to back (CTRL+B).

18 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 19

With this shape selected, change the fill color to pure black.

19 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 20

Go to Object > Path > Offset Path, use the settings below and hit OK.

20 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 21

Hit “Merge” in the Pathfinder window (Window > Pathfinder).

21 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 22

Select the two red shapes, hit CTRL+SHIFT+] to bring them to front and place them over the christmas illustration, like below.

22 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 23

Select the illustration and the shape above it and go to Object > Group (CTRL+G).

23 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 24

Select the shape group, copy it (CTRL+C) and paste it to front (CTRL+F). Hold SHIFT, select the left rectangle and click “Crop” in the Pathfinder window (Window > Pathfinder).

24 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 25

Select the original shape group and the second red shape and click the “Crop” button again.

25 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 26

Grab the Perspective Grid Tool (SHIFT+P) and click-drag to create these three planes.

26 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 27

Click-drag the points shown in STEP 26 to create a perspective similar to mine.

27 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 28

Grab the Perspective Selection Tool (SHIFT+V) and click-drag the right cropped shape near the right plane.

28 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 29

Select the right grid (from the cube in the top left corner).

29 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 30

Click-drag the shape onto the plane and place it like below.

30 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 31

At this point, it should look like this.

31 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 32

Do the same for the other shape: Select the plane from the cube, grab the Perspective Selection Tool (SHIFT+V) and click-drag it onto the plane. Place it like in the image below.

32 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 33

At this point, your image should look like this.

33 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 34

Grab the Rectangle Tool (M), click the canvas and create a rectangle of 500 x 2 px and place it as shown below.

34 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 35

Zoom in to the top side of the rectangle, grab the Path Tool (P), hit “+” and add an anchorpoint in the middle of the top segment.

35 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 36

Grab the Direct Selection Tool (A), select the middle anchorpoint and click-drag it while holding SHIFT until you see an apparent intersection with the sides of the cropped shapes.

36 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 37

Use the Direct Selection Tool (A) to align the other two anchor points.

37 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 38

In the Transparency window (Window > Transparency), set Blending mode to Overlay.

38 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 39

Select the entire artwork (CTRL+A) leaving out the rectangle from STEPS 34-38 and go to Object > Group or right-click > Group (CTRL+G).

39 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 40

Copy the shape group (CTRL+C) and paste it to back (CTRL+B).

40 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 41

Set the Foreground color to black, hit “Merge” in the Pathfinder window (Window > Pathfinder). Hit “Merge” 3 times if you still have a stroke present.

41 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 42

With the merged shape still selected, press the “Down” arrow two times. This will nudge the shape two pixels.

42 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 43

Select the shape group, copy it (CTRL+C) and paste it to front (CTRL+F).

43 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 44

With the copy still selected, grab the Eraser Tool (SHIFT+E), hold ALT and click-drag like below. Erase so you’ll have only a tiny strip. Do the same for the right side.

44 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 45

Grab the Selection Tool (V), select both shapes and click the “Recolor Artwork” Button on the top menu bar. This recoloring doesn’t select whites, so click the small rectangle near the white color bar to include it too.

45 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 46

Hit the “Edit” button and click the “Link Harmony Colors” button. It looks like a broken chain.

46 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 47

Set the “B” bar (blacks) to 70% and hit OK.

47 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 48

Grab the Perspective Grid Tool (SHIFT+P) and select the right plane from the perspective cube in the top left corner.

48 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 49

Grab the Rectangle Tool (M) and draw a rectangle like below.

49 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 50

In the Color mixer (Window > Color), give it a light blue tint. Use the settings below.

50 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 51

Grab the Perspective Selection Tool (SHIFT+V) and select the left plane – click the left side of the perspective cube.

51 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 52

Grab the Rectangle Tool (M) and draw a rectangle like below. Grab the Eyedropper Tool (I) and click the previous rectangle.

52 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 53

Select the first rectangle, copy it (CTRL+C) and paste it to front (CTRL+F). In the Gradient window (Window > Gradient), create the gradient shown below and apply it to the first rectangle. Use the Gradient Tool (G) to adjust its position.

53 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 54

In the Transparency window (Window > Transparency), SET Blending mode to Hard Light.

54 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 55

Repeat STEPS 54-55 for the other rectangle.

55 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 56

Select the small rectangle from the edge, hold ALT and click-drag downwards to create a copy. Hold SHIFT while dragging to make an orthogonal positioning: drag until the bottom side reaches the bottom-most point of the reflection rectangles.

56 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 57

With it still selected, grab the Eraser Tool (SHIFT+E), hold ALT and click-drag to erase the part that overlaps the original shape.

57 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 58

Grab the Perspective Grid Tool (SHIFT+P) to bring up the 3D planes, grab the Perspective Selection Tool (SHIFT+V) and select the bottom plane.

58 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 59

Grab the Rectangle Tool (M) and draw a rectangle like below.

59 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 60

In the Gradient window (Window > Gradient) and apply to it the gradient below.

60 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 61

In the Transparency window, set Blending mode to Multiply and Opacity to 30%.

61 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

STEP 62

Do the same for the other two sides.

62 vectorious package design tutorial How to Create a Christmas Package Design in Illustrator

Done!

final vectorious package design tutorial1 How to Create a Christmas Package Design in Illustrator

You can download the source file from here:

zip How to Create a Christmas Package Design in Illustrator  christmas-box-vectorious-package-design-tutorial.zip (1,004.3 KiB, 515 hits)


5 Responses to “How to Create a Christmas Package Design in Illustrator”

  1. Discount Burberry Handags 14 July 2011 at 7:50 am Permalink

    good!come on!
    Burberry Bags Outlet

  2. The Buzz Burlington 4 February 2012 at 5:23 am Permalink

    Very nice tutorial, I stumbled on it in the most awkward way through google images but have to say I loved it and will use it to create promotional boxes for digital products. Thanks a lot for taking the time to share!


Leave a Reply

     Name

    Email

    Website

Subscribe without commenting

This site is protected by Comment SPAM Wiper.