Final Image Preview
Step 1Using basic shapes, draw a Christmas ornament that will become the pattern in the wrapping paper of the gift boxes. If you want each gift box to have a different patterns then be sure to make those designs at this point too. Merge the shapes together using the Pathfinder.
Step 2Open your Brushes Palette by pressing F5. Drag the shape into the Brushes Palette. Select New Scatter Brush and press OK.
Step 3Move the sliders around to suit your liking. I usually set each of the options (Size, Spacing, Scatter and Rotation) with extreme values so my pattern has enough variation.
Step 4Select your newly created Scatter Brush from the Brushes Palette. Using the Paintbrush Tool (B) draw, in one continuous stroke, an S shape (or whatever shape you desire.) You can change the scale of the pattern by adjusting the weight of your stroke in the Strokes Palette. If you want tweak the overall pattern more, simply double-click the Scatter Brush in the Brushes Palette.
Step 5Open your Symbols Palette by pressing Command + Shift + F11. Drag the Scatter Brush art into the Symbols Palette. Under Type select Graphic and press OK.
Step 6Draw the basic shape of the gift boxes and ribbons. Give them a light grey fill instead of a dark color. A dark color will make it difficult to see the dimensional effect we will apply in the next step. Very important, make sure to group the entire graphic below before you apply the 3D effects! If you don’t group everything shown below, each piece will have a different vanishing point, which is not what we want.
Step 7Go to Effect > 3D > Extrude & Bevel… Enter the values below then click on Map Art…
Step 8Under Symbol, scroll down to the bottom of the list and select the Christmas ornament pattern. Click Scale to Fit, then fine tune the pattern using square the nodes in the corners and on the sides. Apply the pattern to each of the visible sides of the gift boxes by selecting the Surface that you desire. If you created multiple patterns then select the other patterns from the Symbol list when appropriate. Click OK.
Step 9In order to color the pattern and gift boxes you will first need to Expand them. Go to Object Expand.
Step 10Ungroup the entire graphic by repeatedly going to Object > Ungroup. Ungroup until you cannot ungroup any more.
Step 11You will notice that there are shapes that fall outside of the surface of the gift boxes. To quickly get rid of them select the object and click Trim in the Pathfinder Palette.
Step 12Making curly ribbons is easy, when you have an expert knowledge of Illustrator’s tools. To quickly make flowing ribbons open your Artistic Brushes by going to Window > Brush Libraries > Artistic > Artistic_Calligraphic. Select one of the angled brushes, then using the Paintbrush Tool (B), draw a curly ribbon in one continuous motion. Since you are using an angled brush the line you draw automatically has some variation in it, which makes it look like a ribbon!
Step 13Draw other ribbons that will flow down from the gift boxes.
Step 14Create a complex gradient that has multiple highlights and shadows. Drag the corner of the Gradient Palette down so you can get a better idea of what you’re doing.
Step 15Using the Pen Tool (P) draw two horizontal ribbons across the top of the highest box. Start applying the gradient.
Step 16Observe how the ribbons have several highlights and shadows.
Step 17Create another gradient that has several shades of the same color, but not as many as the ribbon. Usually wrapping paper is not as shinny as ribbons.
Step 18Apply the gradient to the wrapping paper. Apply the gradient to the ornaments on the wrapping paper and make them a little darker to differentiate it from the overall color of the paper. Make the ornaments darker by selecting them and going to Edit > Edit Colors > Adjust Color Balance… and enter values that suit your liking.
Step 19Give the rest of your presents gradients that compliment each other. The top surface of each box is generally a little lighter in color than the other sides. Make the top of the boxes lighter by repeating the previous step using positive values.
Step 20To give the curly ribbons a gradient you will first need to expand them by going to Object > Expand Appearance.
Step 21Interweave your ribbons between the boxes to make the illustration more visually appealing. Apply a gradient to the ribbon.
Step 22For longer sections of ribbon you will need to Divide the ribbon up so you can apply the gradients to each section as the ribbon twists and turns. The dotted line represents where I’ve divided the ribbon.
Step 23Notice again that the ribbon is divided here too. I’ve applied the complex gradient to each divided section of the ribbon. You will need to vary the angle of the gradient to achieve a convincing reflective effect. This would not be possible if you didn’t divide long ribbons into sections.
Step 24Give the edges of the presents a white highlight by drawing a small white shape along the edge. Adjust the Opacity as you see fit.
Step 25Observe how my line goes over the top of the ribbons too.
Step 26Create a shadow for some of the flowing parts of the ribbon by duplicating the ribbon and giving it a black to white gradient.
Step 27Go to Effect > Blur > Gaussian Blur… and enter a number that produces the desired effect.
Step 28In the Transparency Palette set your mode to Multiply so the shadow blends nicely with the colors behind it.
Step 29Add small white highlights to the edge of the ribbons to create even more dimension. There is no real formula for where I apply the highlights. I usually just make them where the artwork needs more visual interest and/or where I definitely know light should be reflecting from.
Step 30Make the end of the ribbons into triangles by using the Add Anchor Point Tool (+) located by clicking the Flyout Menu under the Pen Tool. Add an extra anchor point to the flat edge of the ribbon. Using the Direct Selection Tool (A) move the point inward to create the triangle tip.
Step 31Easily create a shadow by drawing a shape around the bottom of the gift boxes. Go to Effect > Blur > Gaussian Blur… and enter a number that looks good to you.
Final ImagePlace the shadow under the gift boxes and you’re done!
Creating vector gift boxes can be done easily when you have a solid understanding of Illustrator’s Tools. Try different angles and patterns to create your own unique holiday gift boxes!