How To Create US Flag In Adobe Illustrator | American Flag Vector Tutorial

A simple way to create US Flag in Adobe Illustrator.

Article:
Freebie:
Music :
Promo music:

Creating stripes
Start with a new 1280x960px document. Go to rectangle tool and hit left mouse button key on your artboard to open dialog box. Set 798px for width and 32.3px for height. Click Ok to create your first stripe. Set fill color to #E0162B ( Old Glory Red ).
Now we need to make twelve duplicates of our stripe. Go to Effect| Distort and transform| Transform… and set:
Move: Vertical to 32.3px ( leave horizontal to 0 ).
Number of copies to 12
Create stripes of American flag
Click Ok. Expand your artwork going to Object | Expand Appearence. Hit right mouse button key on your stripes and choose Ungroup from contextual menu (you can also go to Object | Ungroup).
Select every even stripe with Selection Tool ( V ) and change fill color to white. Select all the stripes and group them :
How to create stripes in adobe Illustrator
Canton with Stars
Canton is referred to any quarter of a flag, but commonly it is upper left quarter.
Creating canton
To create blue background for our stars go to rectangle tool ( M ) and hit left mouse button on your artwork. In opened dialog box set 319.2 px for width and 226.17px for height, click Ok.
Set the fill color to #0052A5 ( Old Glory Blue ).
Create star
Now we need to create star with defined size. Choose Star Tool ( hold left mouse button on rectangle tool ), than hit left mouse on your artwork. In opened dialog box set :
Radius 1 to 5px
Radius 2 to 12.936px
Click ok. Set fill color to white, keep it selected and double click on Rotate Tool ( R ) to open Rotate dialog box. Set angle value to 37.5 degrees and apply effect.
Steps to create star in US flag
Create pattern
Select your star and go to Effect| Distort and transform|Transform and set :
Number of copies to 8
Check Reflect X
Move: 26. 46px for horizontal and 22.68px for vertical
Click OK. Go to Effect | Transform… ( choose apply new effect if you see the alert dialog box ) and set:
Number of copies to 5
Uncheck Reflect X
Move: 0 for horizontal and 52.332 px for vertical.
Click ok to apply transformation. Keep selected and go to Object | Expand Appearence to expand your pattern.
Now we need to delete rightmost column of stars. With Selection Tool ( V ) double click on your star pattern to open the group. Select last ( rightmost ) column of stars and double click on it to enter this group. Delete last column of 4 stars :
Select canton and star pattern with Selection Tool ( V ). Choose Align to Selection method and align them to the center both horizontally and vertically. Make a group ( Object | group )
Select Strpes and Stars ( our new group ) and align them left and top ( Horizontal Align Left and Vertical Align Top respectively ).
Congrats! Now you have vector pixel perfect American flag. Hope you like this tutorial. Please, share it with friends.

[titanjedi]

Thanks. FYI for everyone: "The values here are provided by the U.S. State Department and the U.S. Embassy in the U.K." "Old Glory Red" BB133E, "Old Glory Blue" 002147

[bekhouchemustapha]

ONE OF THE MOST SIMPLE AND GREAT TUT EVER THANKS MAN

[aarushsoni]

good tutorial, but since the aspect ratio of the US flag is 1:1.9, the size should be 500 by 950. but good tutorial anyway