Sync (Classic Tween)

images

ONE DAY THE CLIENT asks for you to animate their company’s character logo across their website splash page. You use several keyframes and motion tweens to animate their character (nested inside a symbol) along a motion guide and deliver the final version to your client and await their feedback. Unfortunately the client changes their mind and asks if you could change the bee character to a dog with a jet pack instead. Do you have to do the entire animation over again? No, because you can always swap out the bee symbol for another symbol. But you have to swap out each instance of the bee for every keyframe you made in the animation. What a drag! The more keyframes on the timeline, the more monotonous and frustrating this task can be. Sync to the rescue!

 

images

1 Let’s start with a simple animation involving a nested character animation in a Graphic symbol motion tweened along a guided path. Apply a Classic tween using the Tween drop-down menu in the Properties panel. The Sync option will be turned on by default. Nothing too complex going on here. The bee symbol contains some nested animations (wings flapping, eye movements and the bee sneezing).

images

2 Insert a keyframe somewhere in the motion tween. Use the Free Transform tool images to rotate the symbol. Feel free to scale or skew the symbol as well. Because the first keyframe is “Synced”, all subsequent keyframes will have Sync turned on by default as well.

images

3 Continue to insert keyframes every few frames and transform your symbol by rotating and scaling. The idea here is to make this simple motion tween relatively complex for the example purposes.

images

4 You just about finish the animation when the phone rings and your client informs you that they want to change the bee to a totally different character. Thanks to Sync, your time and hard work will not be wasted. Go to File > Import > Open External Library and navigate to an FLA containing the replacement symbol and click Open. You can also click the New Library panel button to open the Library of an FLA already open in Flash. A new Library panel will open displaying the symbols and assets contained in the selected FLA. Click and drag the preferred symbol from the external Library to the Library of your current document.

images

5 Select the bee character in the first frame of your motion tween. In the Properties panel click the Swap button and locate the new symbol you just added to your Library and click OK.

images

6 Since every keyframe in the motion tween has the Sync option selected, your entire animation will be updated across all keyframes. Crisis averted, go and make yourself another cup of coffee, catch up on your email overflow and get back to your client in a little while. Make sure to sound out of breath when you call them to tell them the changes have been made (just kidding).

 

image

Hot Tip

Use the Sync option to control different symbols within the same motion tween. Turn off Sync for certain keyframes if you want to swap to another symbol for that keyframe. Turn on Sync to keep the same symbol in sync with the main timeline. This method will not work with Movie Clip symbols. Use only Graphic symbols because only Graphic symbols can be synced to other timelines using the Sync feature. Movie clips have timelines that are independent of all other timelines and need actionScript to be synced to other timelines.

images

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
3.135.249.220