Macworld Masterclass: Creating a sprite sheet in Flash CS6

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

By

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

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 »

Next Prev flash wt 1

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.

Surface Pro (2017) vs Surface Pro 4

Surface Pro (2017) vs Surface Pro 4

20 groundbreaking 3D animation techniques

20 groundbreaking 3D animation techniques

How to mine Bitcoin on Mac

How to mine Bitcoin on Mac