logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel
Southwest USA
Irish Culture


dailyclick
All times in EST

Full Schedule
g
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor

g

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


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 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


g features
Review - 21-Day Drawing Challenge

How to Print and Cut Clip Art in Silhouette Cameo

Paper Bead SVG Cut Files

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


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


BellaOnline Editor