In this Kwik 2 tutorial, we will create our first example of sequencing animation and sound. For this tutorial, you can continue with either the movie clip or the sprite sheet animation that you have created previously.

In a previous tutorial, we created a sprite sheet containing three images that when played in sequence created a fly moving its wings. We then used the Sprite Sheet Replacement feature to add the animation to a page in our book app. Also in a previous tutorial, we created a movie clip fly animation from the same three images and added it to the page using the Movie Clip Replacement feature.

At this point, the fly just sits there moving its wings but doesn't move anywhere.

In this tutorial,we will use the Path Animation to move the fly off the page. But we want this page to be more interactive. Let's add a button that the reader can use to make the fly go off the page. We can do this my using a Wait Request for the Path Animation to tell Kwik not to move the fly until the button is clicked.

Also, we will import two audio files that sound like a fly. The first audio file will be a muted fly sound and will be set to play continuously when the page loads. The second audio file will be a louder fly sound that will play when the button is clicked. Because the sound is louder, it will give the impression that the reader has startled the fly and caused him to fly away.

This process will take several steps. First we will import the two audio files into the page, setting one to play immediately and continuously until the button is clicked and the other audio to play by the button click. Secondly, we need to create the Path Animation and set the Wait Request. Finally, we will add the button to trigger a sequence of actions.

Play fly animation
Stop the first audio
Play the second audio

Open your project in to Photoshop and let's import the audio files.

1. Select page8 from the list of pages in the Kwik panel. In the Page/Components section of the Kwik panel, you should see "@ page8" at the top of the section.
   
   
2. Select the fly_pg8 layer.
   
   
3. Click on the Project and Pages icon in the Categories bar.
   
   
4. Click the Add Audio icon in the Toolset to open the dialog box.
   
   
5. Location: Use the Browse button to select the first audio file.
   
   
6. Short File: This file needs to be loaded into the app as soon as the page loads. Check this box.
   
   
7. Uncheck the boxes for Allow Simultaneous Repetition and Read Me File.
   
   
8. Check the box for Play when page starts.
   
   
9. Uncheck the box for Play in all pages.
   
   
10. Loop: Set this to play Forever.
    
    
11. Volume: 10
    
    
12. Click Save.
    
    

Repeat these steps to import the second audio file. However, uncheck the box for Play when page starts and set the Loop to play only once.

Next →

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.