Get ready for the holiday season with this festive gift box tutorial. Successful completion of this tutorial requires a solid understanding of Adobe Illustrator's tools as this advanced tutorial moves at a quick pace. We'll be working with Illustrators 3D tools, Brushes, Gradients, and Blurs to create these holiday presents.
Final Image Preview
Below is the final design we will be working towards. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Join VECTORTUTS PLUS for just $19/month.
Using 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.
Open your Brushes Palette by pressing F5. Drag the shape into the Brushes Palette. Select New Scatter Brush and press OK.
Move 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.
Select 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.
Open your Symbols Palette by pressing Command + Shift + F11. Drag the Scatter Brush art into the Symbols Palette. Under Type select Graphic and press OK.
Draw 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.
Go to Effect > 3D > Extrude & Bevel... Enter the values below then click on Map Art...
Under 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.
In order to color the pattern and gift boxes you will first need to Expand them. Go to Object Expand.
Ungroup the entire graphic by repeatedly going to Object > Ungroup. Ungroup until you cannot ungroup any more.
You 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.
Making 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!
Draw other ribbons that will flow down from the gift boxes.
Create 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.
Using the Pen Tool (P) draw two horizontal ribbons across the top of the highest box. Start applying the gradient.
Observe how the ribbons have several highlights and shadows.
Create 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.
Apply 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.
Give 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.
To give the curly ribbons a gradient you will first need to expand them by going to Object > Expand Appearance.
Interweave your ribbons between the boxes to make the illustration more visually appealing. Apply a gradient to the ribbon.
For 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.
Notice 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.
Give the edges of the presents a white highlight by drawing a small white shape along the edge. Adjust the Opacity as you see fit.
Observe how my line goes over the top of the ribbons too.
Create a shadow for some of the flowing parts of the ribbon by duplicating the ribbon and giving it a black to white gradient.
Go to Effect > Blur > Gaussian Blur... and enter a number that produces the desired effect.
In the Transparency Palette set your mode to Multiply so the shadow blends nicely with the colors behind it.
Add 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.
Make 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.
Easily 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.
Place 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!
Subscribe to the VECTORTUTS RSS Feed to stay up to date with the latest vector tutorials and articles.