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
80,259 News Articles

Adobe Illustrator gets HTML5 controls

Single interface for multiple web and print platforms

Adobe Systems has released an add-on package for its Adobe Illustrator CS5 design editor that will allow developers to export their designs to the Web and mobile platforms, using the emerging HTML5 set of web formats.

With these capabilities, designers can build out a visual display once and export it to multiple platforms, such as Web pages, smartphones and tablets, as well as for print media, said Adobe senior product manager David Macy.

The pack can render designs using CSS (Cascading Style Sheets) version 3 as well as the HTML5 Canvas element and the SVG (Scalable Vector Graphics) XML image format.

Adobe's HTML5 pack shows that the company, even as it continues to position its own Flash format as a way to bring rich functionality to the Web, is also acknowledging the potential ubiquity of HTML5. Apple, for instance, declined to support Flash on its own consumer electronics, in favor of HTML5 (although it recently recanted somewhat by allowing the use of cross-platform compilers to rebuild Flash files into device-native code).

By using CSS, designers can export a page they created in Illustrator to a Web page. CSS can capture many, though not all of the capabilities of Illustrator, so designers may have to jump back and forth between a Web rendition of their creation and the original, Macy admitted.

Nonetheless, this feature could dramatically cut the time it takes to design a product for multiple platforms, he said.

By using SVG and the Canvas elements, designers can add data and interactive elements to their images, Macy said. For instance, someone could build a stylish calendar template and have the different dates of each month populate the calendar at the appropriate locations, depending on the month.

With SVG, users can "zoom into" an image for greater detail, Macy said. The designer can also make each pixel "reactive," meaning that a workflow could be triggered if the user clicks on the pixel.

Using this approach, Macy demonstrated a Web page that allows the user to pick the background color and logo color of a T-shirt. When the user clicks on a color from the color chart below an illustration of the shirt, the page re-renders the shirt in that color.

In order to deploy the HTML5 pack, users must have version 15.0.1 of Adobe Illustrator CS.

Related articles:

Adobe Photoshop CS5 review

See also: Adobe Creative Suite 5 review


IDG UK Sites

4G to get faster and cheaper with Freeview spectrum: We're in for a wait though

IDG UK Sites

Why you shouldn't buy your gadgets at launch: Wait and pick up a bargain

IDG UK Sites

Artist creates a geometric rave in a chapel for The House of St Barnabus

IDG UK Sites

Mac mini (Late 2014) 1.4 GHz review: Mac mini is sort of upgradable, but is it any good as it is?