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

Autism Spectrum Disorders
Mental Health
Blogs / Social Networking
Kidney Disease
Today in History

All times in EST

Full Schedule
g Flash and Animation Site

BellaOnline's Flash and Animation Editor


Planning the Art for the Flash Storybook

You will notice that most iPad storybook apps begin with a static book cover and when the bottom corner of the book cover is clicked, the first page is displayed. There really isn't any reason for this except perhaps the difficulty of creating a complex animation in Xcode. However, it would be a waste not to use the FlashR IDE to create an animated first scene for our storybook.

This animated scene will be the first, and optional, part of the project. Because some may wish to use just a static book cover as the first scene of the app, we will start the second phase at the point that the intro scene animation has completed. Of course, you will want to create an intro animation that matches your storybook, which will probably not be a Christmas story. The purpose of Phase 1 is to introduce you to the Flash Timeline and ActionScript so that you can create your own intro. If you prefer not to have a fancy intro, you will want to start at the beginning of the second phase. In the second phase, we will build a complete storybook app including the pagination for the book, some animation and mobile interactivity such as the mobile Accelerometer, and several app management pages. These pages will include an Index, System Menu and a Credits page. We will go into the specifics of these pages later.

One of the greatest features of an iPad storybook is how well graphics are displayed on the mobile screen, so we will need some artwork for our experiment. Because many children's authors will be starting with existing artwork that they then scan into the computer, I decided to use some greeting card artwork for the first phase of our experiment. Throughout the series, you will find links in the menu below to articles discussing the preparation of the artwork for the project.

Planning the Artwork for Christmas Storybook Pages

Once the 5 pages are scanned into PhotoshopR, we still have five flat graphics. Now, we need to decide what parts of these graphics will be static and what parts will be animated.

For example, in the first page we have a Xmas fireplace scene with stockings hanging from the fireplace and a few cats resting on the floor next to the fireplace. We could create a simple animation that will jiggle a cat and play a meow sound file when the cat is touched. In preparation for this animation, we will need to remove the cats from the original art and place each of them on their own layer above the artwork. We can do this easily in Photoshop.

We will need to make these decisions for each page of the book. The best way to do this is to create a project storyboard.

← Back

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

Add Planning+the+Art+for+the+Flash+Storybook to Twitter Add Planning+the+Art+for+the+Flash+Storybook to Facebook Add Planning+the+Art+for+the+Flash+Storybook to MySpace Add Planning+the+Art+for+the+Flash+Storybook to Del.icio.us Digg Planning+the+Art+for+the+Flash+Storybook Add Planning+the+Art+for+the+Flash+Storybook to Yahoo My Web Add Planning+the+Art+for+the+Flash+Storybook to Google Bookmarks Add Planning+the+Art+for+the+Flash+Storybook to Stumbleupon Add Planning+the+Art+for+the+Flash+Storybook to Reddit


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

For FREE email updates, subscribe to the Flash and Animation 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
Image Preparation for Holiday Intro Video

Holiday Season Motion Graphics Storyboard

Understanding Video SEO by Ian Lurie

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

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

BellaOnline Editor