Macworld Masterclass: Creating a sprite sheet in Flash CS6

We show you how to create a sprite sheet in Adobe's Flash CS6

by


X

Email this to a friend

Characters remaining:

  • Step 1: Create an animation 1
  • Step 2: Generate a sprite sheet 2
  • Step 3: Define settings 3
  • More stories
Next Prev

Step 1 of 3: Step 1: Create an animation

Start a new project and create a movie clip that has some obvious animation in it. Here, we’ve used a star outline that fades in and then rotates through 90 degrees while fading out more slowly. This has been overlaid on three layers and the keyframes offset.

Next Step »

Next Prev slideshow image

Start a new project and create a movie clip that has some obvious animation in it. Here, we’ve used a star outline that fades in and then rotates through 90 degrees while fading out more slowly. This has been overlaid on three layers and the keyframes offset.

 

Step 2 of 3: Step 2: Generate a sprite sheet

In the Library panel, right-click the movie clip and select Generate Sprite Sheet from the context menu. (Note: you can select multiple symbols to generate a sprite sheet from them all.) In the resulting window, the Sprite Sheet and Preview tabs give you a sprite-sheet overview and animation preview, respectively.

 

Step 3 of 3: Step 3: Define settings

Under Sprite Sheet output, you can define specific image dimensions, the image format, a background colour (transparent by default), and a data format. Look at fine-tuning further options, such as MaxRects in Algorithm, to optimise your work. Click Export when you’re satisfied.

Comments

Comments

Honor 5X review: Hands-on with the new budget phone from Hauwei's young brand

Honor 5X review: Hands-on with the new budget phone from Hauwei's young brand

1995-2015: How technology has changed the world in 20 years

1995-2015: How technology has changed the world in 20 years

You can now publish data visualisations to the web from Power BI

You can now publish data visualisations to the web from Power BI

Complete guide to Apple's campus 2, everything we know about the new spaceship HQ, plus: new drone video showcases progress at new Apple HQ

Complete guide to Apple's campus 2, everything we know about the new spaceship HQ, plus: new drone…