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 Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Trailer for iPad Book App


Recently one of my readers asked me about using Flash CS5.5 to create a trailer for their new iPadR book app. Because they had used FlashR to create the app, they wanted to know if it was possible to create a movie style trailer for marketing their new book app on YouTubeR and reuse some of the animations created for the app.

To be honest, most people consider After EffectsR for this type of project. There are many tutorials on this subject but few for Flash. So I decided to watch as many book trailers that I could find on YouTube, to determine just what these trailers had in common.

One design element that most of these trailers had was text effects and animation, sometimes called a title sequence. A second element was scenes of some of the interaction and animation on the pages of the book app. Let's take a look at one of my favorite book trailers for The Nutcracker HD by ideatory.

  1. The first animation is a blur and zoom of the book app title. The text is simply white on a solid black background.

    The Nutcracker HD
    by ideatory

  2. Next, the name of the original story and author have the same blur effect but this time slide in from the left and right of the stage.

    Original Story by E.T.A. Hoffmann
    'The Nutcracker and the Mouse King'

    These two lines of text pause briefly and then continue moving in the same direction until they are again off the stage.

  3. Next we repeat the same slide in animation for two more lines of text.

    The Interactive book
    with Tchaikovsky's Ballet Music

  4. Then, we repeat the first blur and zoom animation for the words "Layered Animation!".

    At this point, we begin to see some of the animation on the pages of the book app intersperse between more of the same text animation. Each line of text identifies one of the features of the book app such as "Tilt and touch your iPad!" and "Physics Engine!". The trailer ends with the call to action text "NOW ON APPSTORE!".
As you can see, creating a trailer such as this would be easy to do in Flash.

The Nutcracker HD by ideatory
http://www.youtube.com/watch?v=navFAIXykHs
http://itunes.apple.com/us/app/the-nutcracker-hd/id407180511?mt=8

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

|


Add Trailer+for+iPad+Book+App to Twitter Add Trailer+for+iPad+Book+App to Facebook Add Trailer+for+iPad+Book+App to MySpace Add Trailer+for+iPad+Book+App to Del.icio.us Digg Trailer+for+iPad+Book+App Add Trailer+for+iPad+Book+App to Yahoo My Web Add Trailer+for+iPad+Book+App to Google Bookmarks Add Trailer+for+iPad+Book+App to Stumbleupon Add Trailer+for+iPad+Book+App 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