Copy link to clipboard
Copied
Hi, I'm stuck on creating an animation. What I want to do, is to give the bear fluid movements, but if I use motion tween then I have to convert all the body parts to a single symbol which wont let me edit them. I tried using the bone tool, but If I try to resize it, the it gets distorted. Does anyone have advice?
Copy link to clipboard
Copied
Hi mate,
Please, look here: Character rigging for Flash animation | electric dog :: flanimate power tools
and here: http://flash-powertools.com/workflow/
and also here: Understanding symbol registration in Flash and Animate | electric dog :: flanimate power tools
Briefly:
Is there a reason that your file is HTML5 Canvas? If not, convert it to AS3 to get the full Animate experience.
All your symbols for character animation have to be Graphic and not Movieclip. You have to change type both in Library and on Stage.
They have to be properly registered, not top-left.
Right-click and 'distribute to layers'. Then, when you have one symbol per layer, you can apply Classic Tweens.
If you wanт to have control over the whole as well, you should nest all your character elements in a container, move the container as a whole while animating inside it the individual elements.
No one uses Motion Tweens for a good reason.
No one uses Bones for a good reason.
On top of everything else, it is not a good idea to have your layers on the Main Timeline. Keep everything nested inside a container and work at least one level deep.
This template might help you better understand file structure for character animation: EDAPT Movie Template v.2 (free download) | electric dog :: flanimate power tools
Hope this helps!
NT
Copy link to clipboard
Copied
Fluid movement. Okay. Let's assume you are referring to the movement of each limb and body part and not just the entire bear as it is in this pose moving across the screen.
This comes down to rigging the character. I have found it best to separate all limbs and body parts into symbols. Yes they can still be edited after being converted (if they are vector drawings as opposed to imported bitmaps). Convert the entire character with all limbs as a single Graphic symbol. Double-click this symbol and select all body parts. Right click over the selection of all symbols and Distribute to Layers...
With each symbol on its own layer, select the Free Transform tool (Q), select each individual symbol and move the center point (small white dot) to where the body part should hinge anatomically.
Next, create additional keyframes in this nested timeline and pose your character. Apply Classic tweens.
There's a lot more to explain but want to at least get you started.
Copy link to clipboard
Copied
Also worth noting that when you launch Animate CC you will see the Start Screen and along the bottom are example files you can open and study how they were built. Many of these involve animated characters I created myself so if you have further questions please don't hesitate to ask.
Copy link to clipboard
Copied
Also check this out: Rigging Characters Using Layer Parenting | Adobe Blog