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
Painting
Heart Disease
Horror Literature
Dating
Hiking & Backpacking
SF/Fantasy Books
Healthy Foods


dailyclick
All times in EST

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Flash Pro CS6 PNG Sequence Export


With the new FlashR Professional CS6, we have an easy way to export a Flash animation as a png sequence. One very popular use of a png sequence is in a mobile application such as a game or storybook. A png sequence, along with sprite sheets, are the two most popular ways to create animation in iOS and Android devices. It is possible to export movie clips, graphic symbols and button symbols as png sequences from the Flash Library or stage.

Your choice between using a sprite sheet and a png sequence in your game depends on several factors. For example, it may be easier to use a png sequence for a simple animation as opposed to writing the extra code needed to read the information in the sprite sheet's XML file.

  1. Select the movie clip in the Library.

  2. Right-click and choose Export PNG Sequence.

    In the dialog box we have some information and several options.

  3. At the top of the dialog box, we can see that the movie clip will be exported as 10 frames, which is the same number of frames in the movie clip.

  4. We can also see the Width and Height in pixels and the Resolution in dpi. We have the option to change these settings and use the drop-down menu to set the Color to 8, 24 or 32 bit.

After clicking the Export button, the result is 10 individual png images numbered in sequence, each png is a copy of the corresponding individual frame in the movie clip sequence.

We can also export the Up, Over, Down and Hit states of a button as a png sequence.

  1. This time, we will select the button on the stage.

  2. Right-click and Export PNG Sequence from the menu.

  3. We get the same dialog box as before.

The result this time is 4 individual png images numbered in sequence as before. However, this time each png corresponds with one of the button states: Up, Over, Down and Hit.

Another feature in Flash CS6 is the Flash JavaScript API. If you wish to have more detailed control over the sprite sheet or png sequence export, you can code your own scripts to perform these tasks at your own specifications. Once you have coded the script, you can use it via the Commands menu.

*Adobe provided a copy of this software to me for review purposes.



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

|


Add Flash+Pro+CS6+PNG+Sequence+Export to Twitter Add Flash+Pro+CS6+PNG+Sequence+Export to Facebook Add Flash+Pro+CS6+PNG+Sequence+Export to MySpace Add Flash+Pro+CS6+PNG+Sequence+Export to Del.icio.us Digg Flash+Pro+CS6+PNG+Sequence+Export Add Flash+Pro+CS6+PNG+Sequence+Export to Yahoo My Web Add Flash+Pro+CS6+PNG+Sequence+Export to Google Bookmarks Add Flash+Pro+CS6+PNG+Sequence+Export to Stumbleupon Add Flash+Pro+CS6+PNG+Sequence+Export 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 © 2013 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
Duplicate Background Layers in Motion 5

Ken Burns Effect In Motion - Record Keyframes

Ken Burns Effect In Motion 5 - Set Up

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 © 2013 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor