g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Natural Living
Folklore and Mythology
Distance Learning

All times in EST

Low Carb: 8:00 PM

Full Schedule
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor


Kwik Book App Sequencing Actions

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 →

Join us in the Flash forum. | Join us in the Digital Art and Design forum.


Add Kwik+Book+App+Sequencing+Actions to Twitter Add Kwik+Book+App+Sequencing+Actions to Facebook Add Kwik+Book+App+Sequencing+Actions to MySpace Add Kwik+Book+App+Sequencing+Actions to Del.icio.us Digg Kwik+Book+App+Sequencing+Actions Add Kwik+Book+App+Sequencing+Actions to Yahoo My Web Add Kwik+Book+App+Sequencing+Actions to Google Bookmarks Add Kwik+Book+App+Sequencing+Actions to Stumbleupon Add Kwik+Book+App+Sequencing+Actions to Reddit


RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map

For FREE email updates, subscribe to the Digital Art and Design Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2015 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.


g features
Multiple Artboard Template in Photoshop CC

Design & Bind Your Creative Portfolio - Skillshare

Using Artboards in Photoshop CC

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2016 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor