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
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel
Southwest USA


dailyclick
All times in EST

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Flash Storybook - Invisible Start Button


Open your Flash storybook project into FlashR CS5.5. We have created the ornament's animation that starts when the application loads. Now we need to give the user a way to open the book.

This user interaction for our app will be a touch event that will enlarge, rotate and then open the book. All of this will be triggered by the touch event when the user taps on the book. Our next task is to create another invisible button that will overlay the book area.

  1. You should already have an actions layer at the top of the Timeline and a buttons layer under that. We already have our invisible ornButton button added to the buttons layer.

  2. On Frame 1 of the Buttons layer, we already have a Keyframe. From the Menubar, click Insert - New Symbol. Set the Type to Button and name the button startButton.

  3. Flash will display the button's Timeline with the four button states - Up, Over, Down and Hit. Add a Keyframe to the Hit frame. On the Hit frame, draw a rectangle the size of the book but omitting the corner of the book that overlaps the ornButton area. (670 pixels by 520 pixels). As before, the rectangle can be any color because it will be invisible on the main Timeline as indicated by the semi-transparent color overlay.

  4. Return to the main timeline and Frame 1 of the Buttons layer. Drag an instance of the startButton onto the stage and position it over the book. Do not overlay the two buttons. We don't want this button to interfere with the other button.

  5. In the Properties panel, give the button an instance name of "startButton".

Now we are ready to create the animation that will open the book.


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


Add Flash+Storybook+%2D+Invisible+Start+Button to Twitter Add Flash+Storybook+%2D+Invisible+Start+Button to Facebook Add Flash+Storybook+%2D+Invisible+Start+Button to MySpace Add Flash+Storybook+%2D+Invisible+Start+Button to Del.icio.us Digg Flash+Storybook+%2D+Invisible+Start+Button Add Flash+Storybook+%2D+Invisible+Start+Button to Yahoo My Web Add Flash+Storybook+%2D+Invisible+Start+Button to Google Bookmarks Add Flash+Storybook+%2D+Invisible+Start+Button to Stumbleupon Add Flash+Storybook+%2D+Invisible+Start+Button to Reddit



 



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


For FREE email updates, subscribe to the Flash and Animation 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
Motion 5 Parallax Effect - The Graphics

Animate Lower Third in Motion 5

Drop Zone and Lower Third in Motion 5

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