Make Gift Box in Adobe Illustrator Using Skew Techniques

Posted March 29th, 2010 by

In this tutorial you will learn that how to make gift box. This is very simple tutorial using basic techniques of Adobe Illustrator. In this tutorial we will work on Skew effect. Hope you will learn much more and make many things after using these tips.

Helpful Links


Step 1:

Create new document with 550 pixel width and 250 pixels height. Background should be white and you can choose color what you like. And draw rectangle of 330 * 150 pixels and use fill color #FF78BC there.

giftbox tut s1 Make Gift Box in Adobe Illustrator Using Skew Techniques

Step 2:

Select "Direct Selection Tool" direct selection tool Make Gift Box in Adobe Illustrator Using Skew Techniques and select anchor of rectangle one by one and make shape like this

giftbox tut s2 Make Gift Box in Adobe Illustrator Using Skew Techniques

Step 3:

Draw two more rectangles 1 for left side and second for right side. And give #F967B7 color to left rectangle and #E23795 to right.

giftbox tut s3 Make Gift Box in Adobe Illustrator Using Skew Techniques

Step 4:

Move anchor points of both rectangle to upward using "Direct Selection Tool" direct selection tool Make Gift Box in Adobe Illustrator Using Skew Techniques or you can skew using "Shear Tool" shear tool Make Gift Box in Adobe Illustrator Using Skew Techniques and make this shape.

giftbox tut s4 Make Gift Box in Adobe Illustrator Using Skew Techniques

Step 5:

Draw 2 more rectangles and using same techniques which we have used in step 4 and apply #F9C5E3 this fill color in both rectangles.

giftbox tut s5 Make Gift Box in Adobe Illustrator Using Skew Techniques

Step 6:

Top part of the box is ready now we will make bottom part of the box using same techniques of skew. Draw 2 rectangles and fill gradient in those (R:255 G:120 B:188) and (R:255 G:89 B:172). And skew both of boxes using same methods which we have used above.

giftbox tut s6 Make Gift Box in Adobe Illustrator Using Skew Techniques

giftbox tut s6 1 Make Gift Box in Adobe Illustrator Using Skew Techniques

Step 7:

Box has been ready and now we will have to make ribbon for this make. Amazing thing is this 80% part of ribon will be done by using same skew methods. So draw 6 rectangles. 4 rectangles with #F9C5E3 this color for top part of box and 2 with #FFE1F1 this fill color for bottom part and skew all rectangles as we have done before.

giftbox tut s7 Make Gift Box in Adobe Illustrator Using Skew Techniques

After that you will find shape like this.

giftbox tut s7 1 Make Gift Box in Adobe Illustrator Using Skew Techniques

Step 8:

Select "Pen Tool" pen tool Make Gift Box in Adobe Illustrator Using Skew Techniques and make the shape of knot for top of ribbon. Draw a shape of with 4 nodes and make curve using "Direct Selection Tools" direct selection tool Make Gift Box in Adobe Illustrator Using Skew Techniques. Fill gradient (R:255 G:201 B:224) and (R:255 G:123 B:172). Using "Gradient Tool" gradient tool Make Gift Box in Adobe Illustrator Using Skew Techniques rotate and scale

giftbox tut s8 Make Gift Box in Adobe Illustrator Using Skew Techniques

Step 9:

Align left both of shapes and copy paste this shape and then use "Reflect Tool" reflect tool Make Gift Box in Adobe Illustrator Using Skew Techniques and flip horizontal. You will get a knot shape

giftbox tut s9 Make Gift Box in Adobe Illustrator Using Skew Techniques

Step 10:

Place this knot on top of the box and select "Star Tool" star tool Make Gift Box in Adobe Illustrator Using Skew Techniques and draw some stars in white color and make a pattern for bottom part of box.

giftbox tut s10 Make Gift Box in Adobe Illustrator Using Skew Techniques

Step 11:

Give "Drop Shadow" effect on knot and top part of the box one by one from Effect menu -> Stylze using values of following screen.

giftbox tut s11 Make Gift Box in Adobe Illustrator Using Skew Techniques

Final Shape

After "Drop Shadow" effect you will get final shape of Gift Box. You can give different backgrounds below are some examples of that

giftbox tut final Make Gift Box in Adobe Illustrator Using Skew Techniques

giftbox tut final 1 Make Gift Box in Adobe Illustrator Using Skew Techniques

giftbox tut final 2 Make Gift Box in Adobe Illustrator Using Skew Techniques

Hope you will like this tutorial. Give your precious comments on this.



Random Posts

Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic, or follow us on Twitter. Get promotion with Hypesol.
Name: Email:
13 ResponsesLeave a comment
  • Tutorial Lounge
    April 1, 2010 at 4:13 am
    Reply

    really beautiful tutorial with amazing tips.

  • Ethelyn Wickland
    April 2, 2010 at 5:41 pm
    Reply

    appreciated very much, I must announce that your site is fantastic!

  • Stanton Braxton
    April 2, 2010 at 5:50 pm
    Reply

    Thankyou, that’s extremely helpful information, appreciated.

  • emt training
    April 4, 2010 at 5:38 pm
    Reply

    nice post. thanks.

  • forex robot
    April 10, 2010 at 8:11 am
    Reply

    Great site. A lot of useful information here. I’m sending it to some friends!

  • Dzinepress
    April 12, 2010 at 11:45 am
    Reply

    amazing way of learning in this beautiful tutorial where you sharing an short training with contained professional techniques. thanks

  • forex robot
    April 15, 2010 at 6:48 am
    Reply

    nice post. thanks.

  • veterinary technician
    April 16, 2010 at 1:13 pm
    Reply

    My cousin recommended this blog and she was totally right keep up the fantastic work!

  • Martin
    April 24, 2010 at 1:40 pm
    Reply

    My cousin recommended this blog and she was totally right keep up the fantastic work!

  • Dave
    April 25, 2010 at 6:21 am
    Reply

    nice post. thanks.

  • veterinary technician
    April 28, 2010 at 9:19 pm
    Reply

    Valuable info. Lucky me I found your site by accident, I bookmarked it.

  • pavan
    May 31, 2010 at 9:17 pm
    Reply

    nice tutorials

Add a commentGet a Gravatar

* Name

* Email Address

Website Address

You can usethese tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



  •  
  •  
  •  
Around The Site
Free Subscription

Enter your email address:

 
Become Facebook Fan
Links
Get Adobe Flash playerPlugin by wpburn.com wordpress themes