Adobe
Sign in My orders My Adobe
Web products   SVG  
SVG Zone
Downloads
Overview
Inspiration
Instruction
Tools
Community
Feedback
Designer track

Airbus A321 Exterior Lighting Systems Freeplay

Kris Rockwell of US Airways was both the designer and developer of the SVG application named "Airbus A321 Exterior Lighting Systems Freeplay." He choose to use an HTML table to lay out the Web page, including the banners, HTML text, GIF image, and embedded SVG documents.
The designer used Adobe® Illustrator® 9.0 to create and export the two SVG Smart Graphics: the switches in the control panel (upper left, A321Panel.svg) and the aircraft (right side, A321top.svg). The switches were built in Adobe Illustrator by tracing a photograph of the cockpit's lighting panel. The aircraft and its lights are based upon a rough black-and-white line drawing taken from the pilot's handbook. The designer used Illustrator to add detail and color to the plane and used the Gradient palette to create the attenuated beams of light.

Rockwell often used the SVG Interactivity palette to associate JavaScript functions with graphic objects, so that the switches would turn the lights on and off. Because exported SVG documents are plain-text files, Rockwell could also directly edit the SVG files and add JavaScript calls to them, if he chose to.

Return to demo