The Blog

How to create Angry Birds characters in Adobe Illustrator. (Red Bird)

Heres the image we are attempting to achieve;

Final Result

Within this tutorial, you will be taught the basic principles in order to create an almost exact replica of the red bird in Angry Birds; in vector format.

You will need;

  • Adobe Illustrator
  • A brain

Now, Let’s get started!

Bring up an Adobe Illustrator document, I used the A4 sized pre-set in RGB format.
Then draw out a circle, then use the Direct Selection Tool to adjust the circle to make an oddly shaped circle like the picture below.

Now give it a stroke using the settings below, you can use other settings, but in my opinion these settings look best because there is more of a ‘cartoony’ feel which looks great on this image.

Create 2 long oval’s using the oval tool.

Rotate them and move them into place so they look like the picture below.

Select everything and click ‘Merge’ in the Pathfinder window.

It should look like this (you may have to re-apply the stroke.);

Hold Alt and drag the outline outwards to duplicate the image.

Leave the duplicate as it is, with no fill and a stroke. But, give the original a red fill (#DA1F2F) but no stroke. Then move the duplicate directly onto the original. So it look’s like the below image. Make sure the duplicate is arranged above the red fill layer.

Now use the Pen Tool to create the chest of the bird, don’t worry about the edges being rough because the stroke layer should cut it out. Arrange this layer above the red fill layer but below the stroke layer. Fill the layer with a light brown colour (#E3C2AB).

Create 2 circle shapes and put them next to each other, give the circles a white fill with the same stroke settings as the base stroke layer.

Add 2 circles with a black fill to use as pupils for the eyes.

Use the Pen Tool to create the beak, similar to the image below.

Put the beak together, then arrange the beak so it covers the eyes slightly.

Use the Pen Tool again to create a set of blocky eyebrows.

Create 2 Oval shapes then give them a fill of dark red (#A71E24).

Arrange them below the eyes and below the beak.
Then, create a few more to put on the cheeks.
Now, use the Pen Tool to create 3 separate rectangle shapes all pointing inwards, then use the Merge button in the Pathfinder window to merge them together.

Rotate and place them as shown below.

Use the pen tool again to create a low arc shape, then use a small stroke and the second width profile to create wrinkles.

Use the same stroke colour as the oval shapes that were arranged behind the eyes. Your bird should look like this.

Now, to finish off the bird we need shadows. Use the Pen Tool to create a shadow along the left side of the bird, with the same colour as the oval shapes and the wrinkles. Then arrange the shape behind the stroke layer but above the fill layer.

Do the same for other features such as the eyes and the beak.

Congratulations, you should now have your very own Angry Bird in vector format!

Final Result

And here’s the final AI vector file. (Right click the link and Save file.)

Part 2 coming soon…

28 Comments

Feel free to leave a comment. Leave a Comment

  1. Webgenius89 says:

    Thanks dude this is really AWESOME Tuts !

  2. Bakwazan says:

    Great tut, easy to create, thanks!

  3. Gand says:

    Thanks a lot, my students really enjoy your great tutorial.
    Here their works: http://web.sky.mi.it/~gand/tutorial/AngryBirdsRed.gif

  4. Vinzei says:

    hi all I read your blog and I think you’re blog will be one of the bests if you keep up the good work!

  5. Bobbie Landrus says:

    Oh my goodness! a tremendous article dude. Thanks Nevertheless I’m experiencing subject with ur rss . Don?t know why Unable to subscribe to it. Is there anybody getting similar rss downside? Anyone who knows kindly respond. Thnkx

  6. Brian Joe says:

    love it <3

  7. melanie says:

    this is a very helpful tutorial. very trendy and very useful.

  8. Lezlie Tuffin says:

    WONDERFUL Post.thanks for share..more wait .. ?

  9. Rochii dama says:

    Excellent article! We are linking to this great article on our site. Keep up the good writing.

  10. Test123 says:

    Thanks for sharing this!

  11. Vector says:

    This is awesome.Thanks for sharing such an useful tutorials

  12. Duc Sue says:

    Thank you. I am learning Ai and have been watching videos on how to use the program. With this tutorial I can apply to what I have learn.

  13. Omar Leyva says:

    Thanks man this was my first draw y ilustrator i enjoy it a lot…

  14. try180 says:

    Great stuff, keep up the good work :)

  15. kieran says:

    is there any other angry bird characters apart from red bird and green pig if u can can u make other angry bird characters plz thx

Trackbacks for this post

  1. Creating Cartoon Characters: New Adobe Illustrator Tutorials | Splashnology
  2. How to create Angry Birds characters in Adobe Illustrator. (Red Bird) • Dawson Graphics | Angry Birds | Scoop.it
  3. 40 Fresh and Very Useful Adobe Illustrator Tutorials | Design Inspiration-Resources for Design and Development
  4. 20 Basic Illustrator Tutorial. | illustrator Radar
  5. 20 Best Illustrator Tutorials
  6. รวม 20 ลิ้งสอนการแต่งภาพด้วย Illustrator | ไอทีสนุกดอทคอม
  7. 40 Fresh and Very Useful Adobe Illustrator Tutorials : Web design
  8. A New Collection of Illustrator Cartoon Tutorial
  9. 15 Fun Illustrator Cartoon Tutorials | CgBaran
  10. 25 Adobe Illustrator Cartoon Illustration Tutorials | Web Design Blog, Web Designer Resources
  11. 25 Adobe Illustrator Cartoon Illustration Tutorials / Photoshop CS6 Download
  12. 25 Adobe Illustrator Cartoon Illustration Tutorials | Bitmag
rabbit vibrator

Leave a Comment

Let us know your thoughts on this post but remember to place nicely folks!