Illustrator Tutorial: Waving Flag of the USA

waving flag

Drawing a waving flag in illustrator can be a tricky and challenging process for a new beginner. In this adobe illustrator tutorial, we will learn how to draw a vector waving flag effect of the United States of America. You will first need to create the 2D flag using Transform tools and we will move on to create the wave effect using 3D Distort Tools.

2D Vector Flag Creation

1. Let’s open a new document in Illustrator (File > New) and select the size 500 x 350 px. (but you can choose any size you want). If you want to use it for printing you should choose CMYK color mode.

waving-flag

2. Select the Rectangle Tool (M). Create a rectangle 600 x 28 px., red fill and without stroke.

waving-flag

3. Select a rectangle. Object > Transform > Move and press Copy.

waving-flag

4. Duplicate the rectangle 12 times. Use Command + D.

waving-flag

5. Select all even rectangles (press Command) and change fill for the white. Group all rectangles (Command + G).

waving-flag

6. Select the Rectangle Tool (M). Create a rectangle 250 x 196 px, draw a dark blue fill and without stroke. Select all of objects and align them horizontal left and vertical top. Group all objects (Command + G).

waving-flag

7. Select the Star Tool (M). Create a star, fill it with white and without stroke.

waving-flag

8. Select a star. Object > Transform > Move and press Copy.

waving-flag

9. Duplicate the star 5 times. Use Command + D. Using this techniques to create 50 stars. Group all stars (Command + G) and place over a dark blue rectangle. Select all and group.

waving-flag

Waving Flag Effect

10. Select the Pen Tool (P). Create a path without fill and black stroke.

waving-flag

11. Select path, Effect > 3D > Extrude & Bevel.

waving-flag

12. Select a flag and drag it in the symbols palette. Select the 3D object, open Appearance palette and double click on 3D Extrude & Bevel. Open Map Art in a dialogue window and select New Symbol 1. Click on Scale to Fit.

waving-flag

Select surface: “No shading” in a dialogue window.

waving-flag

Coloring the Vector Flag

13. Select the 3D object, go to Object > Expand Appearance. Select Direct Selection Tool (A) and make a gradient for the red strips.

waving-flag

14. Use the same method to get a white strips and a dark blue rectangle.

waving-flag

waving-flag

15. Scale and rotate the vector flag.

waving-flag

16. Select the Rectangle Tool (M). Create a rectangle 500 x 350 px. Place a rectangle over a flag. Select both object and click crop on the pathfinder palette.

waving-flag

17. Create a new background layer below the flag. Select the Rectangle Tool (M). Create a rectangle 500 x 350 px without stroke and fill it with radial gradient.

waving-flag

In this tutorial, we have explored on drawing a waving flag. With this technique, it is possible to recreate flags of the different countries.

[private_basic]
Download Source File
[/private_basic]
[private_premium]
Download Source File
[/private_premium]

Be Sociable, Share!

Social Media Icons

Visit Us On TwitterVisit Us On FacebookCheck Our Feed

Comments are closed.

  1. Just use the Pen Tool or Pencil Tool to draw a line. Pen Tool might be hard for beginner, you can check out how to use Pen Tool in my crash course.

  2. Awesome. Used it to create a pirate flag with pretty stellar results. Because I wasn’t using the stripes, I just used the pen tool to create my gradient shading. It’s a bit sloppy and I’ve got some jagged edges on the bottom. Not too worried for my current usage. Results are up here: http://flic.kr/p/9oSuqu

  3. In step 12 you need to add the flag symbol and scale to fit to each surface in the top right hand corner of the map art window. Click through the arrows and do each one.

  4. Well done I coulde create like your one, anyhow I highly appreciate your effort here, thanks once again.

  5. in Step 12 you should change the surface in map art dialog box, click the arrow button before get the symbol till correct surface come & you will see some highlighted red lines all over the flag (if preview button on) , when reach the correct surface, then you can get the symbol, afterthat follow the instruction regard this tutorial…….

  6. STEP 12:
    how do you select a 3d object?
    Illustrator can only fill one shap with the symbol, so you have 5 different symbols on each part of the flag ๐Ÿ™

  7. In step 12, the entire flag get’s placed over each surface causing the flag pattern to repeat its stars and stripes multiple times. How do you get one flag to appear over the entire surface?

  8. I’m stuk in step 12 and can’t go further… ๐Ÿ™
    It’d be great if you could explain.

  9. This tut is extremely confusing. I know my way around all Adobe programs, and after step 12 the entire tut falls apart. I would highly sugest updating this, and making it much more newbie friendly…

    Just sayin…

  • tim722

    Your flag needs another white and red stripe. The US flag has 13 bars, 7 red, 6 white.
    UpVote Reply 0 Upvotes
  • Jess

    This tut is extremely confusing. I know my way around all Adobe programs, and after step 12 the entire tut falls apart. I would highly sugest updating this, and making it much more newbie friendly... Just sayin...
    UpVote Reply 0 Upvotes
  • Georg

    I'm stuk in step 12 and can't go further... :-( It'd be great if you could explain.
    UpVote Reply 0 Upvotes
  • Tao

    In step 12, the entire flag get's placed over each surface causing the flag pattern to repeat its stars and stripes multiple times. How do you get one flag to appear over the entire surface?
    UpVote Reply 0 Upvotes
  • pippin

    Hey this was great and very easy. THANKS
    UpVote Reply 0 Upvotes
  • jOJo

    STEP 12: how do you select a 3d object? Illustrator can only fill one shap with the symbol, so you have 5 different symbols on each part of the flag :(
    UpVote Reply 0 Upvotes
  • stu

    Also found it confusing at step 10. Using CS4 but cannot seem to follow the walkthrough.
    UpVote Reply 0 Upvotes
  • Tahan

    nice and cool,, this tips usefull for me,,, thanks very much
    UpVote Reply 0 Upvotes
  • sanjeewa

    in Step 12 you should change the surface in map art dialog box, click the arrow button before get the symbol till correct surface come & you will see some highlighted red lines all over the flag (if preview button on) , when reach the correct surface, then you can get the symbol, afterthat follow the instruction regard this tutorial.......
    UpVote Reply 0 Upvotes
  • sanjeewa

    Well done I coulde create like your one, anyhow I highly appreciate your effort here, thanks once again.
    UpVote Reply 0 Upvotes
  • Elisha

    In step 12 you need to add the flag symbol and scale to fit to each surface in the top right hand corner of the map art window. Click through the arrows and do each one.
    UpVote Reply 0 Upvotes
  • Eli www.grubbus.com

    Awesome. Used it to create a pirate flag with pretty stellar results. Because I wasn't using the stripes, I just used the pen tool to create my gradient shading. It's a bit sloppy and I've got some jagged edges on the bottom. Not too worried for my current usage. Results are up here: http://flic.kr/p/9oSuqu
    UpVote Reply 0 Upvotes
  • john@wescreenprint.com www.wescrfeenptin.com

    Step 12 does not result in a wavy flag
    UpVote Reply 0 Upvotes
  • fasty

    stuck at step 12 please make it clear
    UpVote Reply 0 Upvotes
  • nelo

    please make it clear at step 10 up to end, thanks
    UpVote Reply 0 Upvotes
  • nelo

    stuck at step 10
    UpVote Reply 0 Upvotes
  • Xdesign

    nice and cool,, this tips usefull for me,,, thanks very much
    UpVote Reply 0 Upvotes
  • Irwin Lester www.vectordiary.com/illustrator/waving-flag-of-the-usa-tutorial/

    I suggest you video about Waving Flag of the USA so better the video. because not bright it.. Please help me video..
    UpVote Reply 0 Upvotes
  • Tony Soh www.vectordiary.com

    Just use the Pen Tool or Pencil Tool to draw a line. Pen Tool might be hard for beginner, you can check out how to use Pen Tool in my crash course.
    UpVote Reply 0 Upvotes
  • viky sehary

    hi, i'm stuck on 10th step. can you help me?
    UpVote Reply 0 Upvotes
  • Stanley

    cool....thanks so much!!
    UpVote Reply 0 Upvotes
17 More Comments