Kwik 2 Path Animation for a Movie Clip or Sprite
- With the layer containing the object (the fly movie clip) selected, click on the fly with the Pen tool. We will place the second point for the path about 3 fly-lenghts above the top of the page. Click on that second point and drag your mouse up and to the right to make a curved line.
- In the Paths panel (grouped with the Layers panel), rename the work path to "flypath1".
Now we can tell Kwik to use this path for our Path Animation.
- With the fly_pg8 layer still selected, click on the Animations icon in the Categories bar.
- Click on the Path Animation icon to open the dialog box.
- Name this animation "fly1Ani".
- This animation will be for layer fly_pg8.
- Path: Choose the flypath1 path from the drop-down list.
As the fly moves along the curve, we want him to rotate slightly so that his head continues to point in the direction of the path.
- Check the box for Auto Turn and set the amount for the Rotation Angle to just -10 degrees.
- Flies move fast. Let's set the Duration to 1 or .5 second.
- We want the fly to stay off the page after the animation. Check the box for Pause When Completed and set the Loop to 1 Time. Leave the Reverse at ending uncheck.
- Let's add a little realism by making the fly hesitate when it is click and then fly off. We can do this by setting the Easing to inOutExpo.
- Set the Anchor Point to TopCenter so that his body rotates more than his head.
- We don't want the fly to move until the button is clicked. Set the Wait Request.
- Leave the box for Return to Start Position unchecked.
- Click Create.
- Click the Interactions icon from the Categories bar.
- Click the Add Button icon to open the dialog box.
- Name the button "fly1btn".
- We want the layer fly_pg8 for both the Default and Over button states.
- From the Interactions section, expand the Animation section.
- Choose Play Animation. Select fly1Ani from the drop-down list.
- Expand the Audio section.
Choose Stop Audio and select the first audio from the drop-down list.
Still in the Audio section, choose Play Audio and select the second audio file from the drop-down list.
- Click Create.
Save the changes to page8.
Click on the Export Current Page Only icon and the Publish button to test your animation.
Go to your LearnKwik folder and make a backup copy of the Template project folder. Rename the backup folder by adding the current date to the end. (TemplateMM-DD-YY).
These tutorials are for the older version of Kwik 2 and may not be much help when using Kwik 3 and above. If you are having trouble, please use the Kwik forum.
Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.
Kwik product, the Kwik logo and Kwiksher are properties of Kwiksher.com - Copyright 2011. Screen shots used by permission.
Editor's Picks Articles
Top Ten Articles
Content copyright © 2019 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.