logo
468x60-2-495


  • Home
  • Privacy Policy
  • About
search
top
Dec 6, 2010 Posted on Dec 6, 2010 in Flash Video Training | 25 comments

2D Character Animation in Adobe Flash – Part 1


2D Character Animation in Adobe Flash – Part 1: Rigging and Tweening Basics. This short video tutorial will walk you through the process I use to rig characters for 2D tweened animation in Adobe Flash. Download the source file here: base14.com

banner ad

25 Responses to “2D Character Animation in Adobe Flash – Part 1”

  1. intaradearseventeen says:
    December 6, 2010 at 3:29 am

    thanks !

  2. TheMatt7000 says:
    December 6, 2010 at 4:22 am

    Thank you Sooooooooooooooo much!!!!! OMG! This is the only Flash tutorial that actually shows you how to do something! LMAO

  3. shroomgurl says:
    December 6, 2010 at 5:20 am

    thank you! this is very helpful

  4. Base14Productions says:
    December 6, 2010 at 5:51 am

    @miniroll32 Yes, Recent versions of Photoshop have an animation panel that let’s you edit video or image sequences frame by frame. It offers a lot of interesting potential.

  5. miniroll32 says:
    December 6, 2010 at 6:47 am

    @Base14Productions Thanks a lot, thats really helpful! I was just interested because Illustrator obviously offer a lot more in terms of editing, such as many more brush styles etc :(

    Would it be possible to save the animation in Flash, and then import it into Photoshop to add some effects to certain frames? I’m sure there’s an animation mode on there

  6. Base14Productions says:
    December 6, 2010 at 7:05 am

    @miniroll32 Sure you can import scanned images into Flash, just save them as jpg, tif, psd, or whatever and import them! You can use the Live Trace feature in Illustrator to convert them to vectors too, if you want. Just don’t try to actually ANIMATE in Illustrator. That would be very frustrating.

  7. miniroll32 says:
    December 6, 2010 at 7:31 am

    Hi there,

    I’ve drawn some backgrounds for an animation I’m going to make, I was wondering if it would be possible to scan and import them into Flash for layout purposes?

    Or alternatively, since I’m drawing the animation with a tablet, would it be better to animate in Illustrator?

    Thanks very much!

  8. TFproductionsmedia says:
    December 6, 2010 at 7:32 am

    Ah yes, thank you, how did I miss this. :0)

  9. Base14Productions says:
    December 6, 2010 at 8:01 am

    @TFproductionsmedia The layer names just show up as dots? Is that because you’ve just not provided enough room in the panel for the names, and they’re just being represented by a ellipsis? Expanding the names area will fix this.

  10. TFproductionsmedia says:
    December 6, 2010 at 8:57 am

    I’ve distributed the graphic symbol into layers but the names of the layers just show up as dots so I can’t tell what’s what unless I click on the layer on the stage, is there a way to fix this?

  11. sakurai126 says:
    December 6, 2010 at 9:16 am

    Are there any tutorials on creating the character in illustrator first? XD

  12. Base14Productions says:
    December 6, 2010 at 9:58 am

    @Revanchist8525 The style was designed using shapes with no strokes and soft shadows in Illustrator, then animated in Flash and After Effects.

  13. Revanchist8525 says:
    December 6, 2010 at 10:04 am

    i really want to make those type of graphics how did u do it?

  14. Simstyle12 says:
    December 6, 2010 at 10:58 am

    i have anime studio and its iight. but this looks fun, but idk.

  15. macjsus says:
    December 6, 2010 at 11:19 am

    Yeah for animation in illustrator, you can export layers as frames, kind of like in photoshop to make gif files, however illustrator can export to animations as gif, of swf, becuz it is vector.

  16. Base14Productions says:
    December 6, 2010 at 12:10 pm

    Ah, you’re right that Illustrator has symbols that can produce instances like in Flash. But unlike Flash, they don’t have embedded timelines.

  17. macjsus says:
    December 6, 2010 at 12:56 pm

    There are symbols in illustrator, you convert an vector are work in to symbols. The symbol tab is right next to the brushes and appearance tabs, in the standard workspace. In CS3 and CS4 you can export symbols from Illustrator to flash as a graphic or movie clip. The select your artwork and click the new button at the bottom of the symbol tab, and a pop-up will ask you if you want a to create a movie clip or graphic symbol.

  18. Base14Productions says:
    December 6, 2010 at 1:33 pm

    There’s no such thing as symbols in Illustrator. They’re all raw vector shapes on one layer. I wait until I’m in Flash to distribute to layers.

  19. macjsus says:
    December 6, 2010 at 1:48 pm

    In illustrator are your poses individual symbols, or do you just have raw vector shapes drawn on a single layer?

  20. Ruok98Reborn says:
    December 6, 2010 at 2:22 pm

    thanks so much it worked

  21. Base14Productions says:
    December 6, 2010 at 3:19 pm

    This is more than likely caused by not having a consistent pivot point from one keyframe to the next.Make sure you change the location of the pivot point BEFORE copying a keyframe, and then never change it afterward.

  22. Ruok98Reborn says:
    December 6, 2010 at 3:26 pm

    confused. when I hit tween the head just like slides downward.. lol any idea what Im going wrong?

  23. innerguardianXIII says:
    December 6, 2010 at 3:28 pm

    oh bit by bit, now i get it, awesome, cheers a bunch :)

  24. ArbiterFufalonne says:
    December 6, 2010 at 3:35 pm

    This is Ninnmm’s other account.
    What you can do it draw something on photoshop, and select it, then copy it and paste it into flash.

  25. innerguardianXIII says:
    December 6, 2010 at 3:39 pm

    well thanks for the reply but im kind of lost, what do you mean?

Leave a Reply

Click here to cancel reply.

search search search search search
Find an Article
Categories
  • Flash Video Training
  • Hints and Tips
  • Recommended
Please Support Our Sponsors
Recent Posts
  • Workshop Coding Challenge: Fix This Breakout Game
  • Enable the Latest AIR SDK in Flash Professional CS5.5+
  • Quick Tip: Versioning Your Files With Dropbox (via Webdesigntuts+)
  • Workshop: Nuclear Outrun – Critique
  • Understanding Variables, Arrays, Loops, and Null: The Post-it Note Analogy
Tag Cloud
2011 ActionScript Active Activetuts+ Adobe animation Basic Basix Best Build Button Character Create Creating Critique Custom design Effect Effects Files Flash from Game Guide HTML5 Introduction Macromedia Motion Muzzle part Player Premium Professional Quick Silverlight Simple Text Tool Tutorial Tuts+ Tween Using Video website Workshop
About Our Site:

Hey there and welcome to "Flash Video Training Source", a resource for anybody interested in learning more about Adobe's great tool. We feature educational videos, which will help you master Adobe Flash and help you get to know all of its features. We at "Flash Video Training Source" believe that video training and video... more

Why don't you follow us on Twitter and get the latest video tutorials twitted to your account. Just click on the floating twitter bar to your right!

Go Back In Time
May 2012
M T W T F S S
« Apr    
 123456
78910111213
14151617181920
21222324252627
28293031  
Pretty Blank Box
top

Blogroll

  • Development Blog
  • Documentation
  • Plugins
  • Suggest Ideas
  • Support Forum
  • Themes
  • WordPress Planet

Meta

  • Log in
  • Entries RSS
  • Comments RSS
  • WordPress.org

Archives

  • May 2012
  • April 2012
  • March 2012
  • February 2012
  • January 2012
  • December 2011
  • November 2011
  • October 2011
  • September 2011
  • August 2011
  • July 2011
  • June 2011
  • May 2011
  • April 2011
  • March 2011
  • February 2011
  • January 2011
  • December 2010
  • November 2010
  • October 2010
  • September 2010
  • August 2010
  • July 2010
  • June 2010
  • May 2010
  • April 2010
Powered by WordPress  |  Designed by Elegant Themes  |  Lightning Fast Hosting by Site 5 Hosting