AN0317 - Creating a 360 Degree Gauge in Illustrator for SHIP

From Serious Documentation
Jump to: navigation, search

Targeted at the Adobe-based graphic designer, this video shows how to quickly create images needed for any circular gauge in Illustrator.

In minutes, you can create and export all 360 (one per degree of rotation) transparent 24-bit color PNGs. Optionally, using Adobe Fireworks, the video shows how to batch-translate them into 8 bit transparent PNGs for potential memory savings.

Concepts covered:

  • Creating the gauge's needle in Adobe Illustrator
  • Exporting, using a handy Illustrator script (see below), all 360 rotated versions in seconds to 24-bit PNGs with transparency
  • Batch translating the images in Fireworks to 8-bit PNGs with transparency

Illustrator Auto Rotate/Export Script

Just copy this file into your C:\Program Files\Adobe\Adobe Illustrator CS6 (64 Bit)\Presets\en_US\Scripts directory, and it will now be available in Illustrator under File->Scripts->Save360PNGs.