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
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 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

Market Place

WIN a home entertainment system with Synology and Jupiter Ascending, in cinemas February 6 2015. Visit HERE to enter

Windows 10 for phones UK release date, price and new features: When will my phone get Windows 10?

Windows 10 for phones UK release date, price and new features: When will my phone get Windows 10?

It's World Backup Day 2015! Don't wait another minute: back up now

It's World Backup Day 2015! Don't wait another minute: back up now

Get the free Adobe Comp CC iPad app for rapid layout design

Get the free Adobe Comp CC iPad app for rapid layout design

New 13-inch Retina MacBook Pro (early 2015, 2.7GHz) review: Just about the greatest upgrade any mobile computing user could ask for

New 13-inch Retina MacBook Pro (early 2015, 2.7GHz) review: Just about the greatest upgrade any...

We use cookies to provide you with a better experience. If you continue to use this site, we'll assume you're happy with this. Alternatively, click here to find out how to manage these cookies

hide cookie message