Animate a Flying Bird using Illustrator and Flash, Part 2

In this two-part tutorial, J. Schuh demonstrates how to animate a flying bird using Illustrator and Flash. In Part 2, he brings the illustrator assets into Flash to animate the movement of the wings.

If you want to follow along with the tutorial, the source files from J Schuh are available for download. Click here for the Illustrator file and click here to download jpegs.

This video requires Adobe Flash Player.

Visitor Comments »

 

me facinan los tutoriales y quiciera quever los videos en español

 

Comment by nicolas fernando puerta | December 3, 2008 @ 7:37 am

 

thanks for the great video demonstration! This is just the kick I needet to start playing with Flash. Thx

 

Comment by Erik from Norway | December 3, 2008 @ 8:57 pm

 

That seemed way too easy. I can’t wait to try some animating of my own. I am a novice Ai and Ps user, but am stating to get interested in flash. I would like to start integrating simple logo-movies (like a watermark) in the corner of some of my 3d walkthrough and photo reels. Can this type of animation be combined with other media (like .mov or .mpg files) without the use of expensive video editing software?

 

Comment by Scott | December 4, 2008 @ 6:06 pm

 

[...] Click here to see Jay Schuh’s Tutorial on Animation in Flash [...]

 

Pingback by Animating a Bird in Flash - Part 2 | Scott and Moose on the D3X | Layers Magazine | December 4, 2008 @ 9:18 pm

 

Thanks Folks, for all the kind words and support. I will try and keep the tutorials coming for you guys.

 

Comment by J. Schuh | December 5, 2008 @ 12:56 am

 

Hey Scott, the short answer to your question is yes. Flash has become a very powerful package for importing video footage and combining it with content created in Flash.

There are a variety of file formats that you can also export (including Quicktime) out of flash depending on what you are wanting to do.

In terms of bang for your buck, the Flash & After Effects combo can’t be beat.

 

Comment by J. Schuh | December 5, 2008 @ 1:09 am

 

i appreciate you highlighting the new placement of where things are placed in CS4. It will definately make the transition to the new suite a little less of a mind boggle.

ps, i think i might sample your drawing style from illustrator.

 

Comment by Kera | December 5, 2008 @ 10:27 am

 

[...] Illustrator and Flash. Part 1 goes over the process of creating the vector assets in Illustrator, Part 2 shows how to animate the assets in [...]

 

Pingback by Best of the Web – December 2008 | zbStudio.net | December 31, 2008 @ 8:11 pm

 

Thank you for a very clear and easy to follow set of tutorials!

 

Comment by Erwin Broekhuis | January 4, 2009 @ 3:03 pm

 

Thanks a lot for the tutorial!…
Excellent Explanation!…
That will definitely help me begin experimenting with illustrator & flash….
Thanks, Mr. Schuh…!

 

Comment by Darshan | January 8, 2009 @ 10:39 am

 

I am really enjoying the tutorials I am watching here. I am going to go out and buy the layers magazine and check that out as well. Thank you!

 

Comment by Larry | January 23, 2009 @ 12:46 pm

 

Hey Erwin, Darshan and Larry!!! Thanks for your feedback. Layers is an excellent magazine and I have had a subscription myself since it first came out.

 

Comment by J. Schuh | January 23, 2009 @ 2:33 pm

 

que bien la ventaja de los videotutoriales es que a pesar de no estar en mi idioma los entiendo mil gracias

 

Comment by ivan | April 3, 2009 @ 6:57 pm

 

[...] Flying Bird Tutorial #2 This entry was posted on Tuesday, April 7th, 2009 at 8:22 pmand is filed under flash. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site. [...]

 

Pingback by Let that bird fly away. | Syntactical Error | April 7, 2009 @ 9:23 pm

 

Hi, This Tutorial was great. I have one question, now I have made several birds flying still, how can I put them onto a path and give that a motion that will loop?
I’ll look forward to your response. Thanks, vic

 

Comment by Victoria Rushton | May 20, 2009 @ 9:04 am

 

awesome,
thanks

 

Comment by adBlr | July 7, 2009 @ 5:11 am

 

But how did you get the bird in there? im confused. i can do everything else but how did you draw the bird in illustrator? can you draw in illiustrator or do you upload the images of the bird that you already done. which includes the wings up, the wings down, and the wings in the middle. in other words, where did the bird come from? tell me.

 

Comment by candice | September 12, 2009 @ 5:10 pm

Leave us a comment

Comments RSS | TrackBack URI

Back to Top

 
 
Advertisement
Creative Suite Tutorials
  1. Photoshop Photoshop
  2. Illustrator Illustrator
  3. Indesign Indesign
  4. Dreamweaver Dreamweaver
  5. Fireworks Fireworks
  6. Premiere Premiere
  7. Flash Flash
  8. After Effects After Effects
  9. Lightroom Lightroom
  10. Acrobat Acrobat

Get the latest tips, tricks and news delivered straight to your inbox.

From our Partners
Subscribe to Layers Magazine
 
 
 
  • Back to the Layers Magazine Homepage
  • Creative Suite Tutorials
  • Layers Magazine
  • Reviews on top products
  • Layers Magazine Reader Forums
  • Subscribe to Layers Magazine