AN0317: SHIPTide – Creating and Importing a 360 Degree Gauge from Illustrator – Serious Integrated

SHIPTide Training

Abstract

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

Video

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

Adding the Script to Illustrator

Just unzip and copy the download attachment of this appnote into your Adobe Illustrator scripts directory (e.g. C:\Program Files\Adobe\Adobe Illustrator CS6 (64 Bit)\Presets\en_US\Scripts). Then it will be available in Illustrator under File->Scripts->Save360PNGs.

App Note Downloads

AN0317.zip
Want more?
mySerious.com

Dive Deeper

SHIPTide Download

More App Notes

AN0502: Connecting your GUI as a Modbus Slave

A step-by-step guide on how to set up a Modbus link in SHIPTide so you can easily communicate with remote devices.

AN0503: SHIPTide – Setting up a Modbus Master Link

Create your first SHIP Modbus master communications link.

AN0301: SHIPTide – First Look

New to SHIPTide? Lets take a quick tour of the IDE.

AN0302: SHIPTide – Introducing… Pages

The “page” is on the main organizational elements in SHIPTide – your GUI is arranged in “pages”. Let’s check out this useful object.

AN0308: SHIPTide – Arranging your Desktop

How to rearrange your SHIPTide desktop.

AN0304: SHIPTide – Intro to the Box Model

Boxes are generic containers to hold content. They can be nested, and have many properties such as margin, padding, etc.

AN0305: SHIPTide – Creating a Page Header

Shows how to build a simple header area on a page using nested containers (aka boxes and frames).

AN0309: SHIPTide – Variables, GUI Events and Indicators

Create a basic integer variable, initialize it, and have GUI elements like text and colors automatically change to track the variable.