Kwik Page Turn Animation
We will want this animation to play immediately when the page loads. We already have the graphic for the animation on the kwkpgTurn layer in page1. Also this layer has been set as a Shared Asset so that it will work through out the book app.
At this point, we will be creating a very simple animation and will be using most of the default settings. But we will be learning a lot about linear animations as we add many of them to the book.
A linear animation moves an object from one point on the screen to another. Therefore the main settings for a linear animation are the start and end points. Kwik will automatically set the starting point for the animation as the current position of the object on the layer. We will need to set the end point for the animation.
We will also set the duration for the animation in seconds, as this will determine how fast the object moves. Finally, we will set the animation to start when the page loads.
Page Turn Animation
- In the Page/Components section of the Kwik panel, select page1. You should see "@ page1" at the top of the section.
- Click on the Switch to Components View icon to see your list of components already added to this page.
- Select the kwkpgTurn layer in the Layers panel.
- From the Category bar, click on the Animations icon.
- Click on the Linear Animation icon (first icon in first row of tools).
- In the Linear Animation dialog box, rename the animation "pgTurn".
- Layer kwkpgTurn: This tells Kwik to use the graphic on the kwkpgTurn layer for the animation. Keep this selected
- End position:
- Randomized end position: We won't be using this feature so leave it set to the defaults.
- Duration: We want the graphic to move very fast to give the flip effect. So let's set this to 1 second and .25 second delay.
- Check the box for Paused When Completed.
- Loop: Set this option to l time.
- Starts: Set this to When page starts.
- Click Create.
- You should see that the pgTurn animation has been added to the components list for this page.
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.
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.
Editor's Picks Articles
Top Ten Articles
Content copyright © 2021 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.