Skip to main content

Adobe lägger till HTML5-kontroller till Illustrator

Adobe Systems har släppt ett tilläggspaket för dess Illustrator CS5 designredigerare som gör det möjligt för utvecklare att exportera sina mönster till webben och mobila plattformar med hjälp av den nya HTML5-uppsättningen webbformat.

Med dessa funktioner kan konstruktörer bygga ut en visuell visning en gång och exportera den till flera plattformar, till exempel webbsidor, smartphones och surfplattor, samt för utskriftsmaterial, säger Adobe Senior Product Manager David Macy.

Paketet kan göra mönster med CSS (Cascading Style Sheets) 3 samt HTML5 Canvas-elementet och XML-bildformatet SVG (Scalable Vector Graphics).

[Ytterligare läsning: De bästa Android-telefonerna för varje budget. ]

Adobes HTML5-paket visar att företaget, även om det fortsätter att placera sitt eget Flash-format som ett sätt att ge rik funktion till webben, erkänner också den potentiella ubiquiteten av HTML5. Apple, till exempel, nekade att stödja Flash på sin egen konsumentelektronik, till förmån för HTML5 (även om det nyligen recanted något genom att tillåta användningen av plattformskompilatorer att återskapa Flash-filer till enhetskod).

Genom att använda CSS kan designers exportera en sida de skapade i Illustrator till en webbsida. CSS kan fånga många, men inte alla funktioner i Illustrator, så konstruktörer kan behöva hoppa fram och tillbaka mellan en webbleverans av deras skapande och originalet, erkände Macy.

Denna funktion kan ändå dramatiskt minska tiden det tar med sig för att designa en produkt för flera plattformar, sa han.

Genom att använda SVG och Canvas-elementen kan designers lägga till data och interaktiva element i sina bilder, sade Macy. Till exempel kan någon bygga en snygg kalendermall och få olika datum i varje månad att fylla kalendern på lämpliga platser, beroende på månaden.

Med SVG kan användarna "zooma in i" en bild för mer detaljer, Macy sa. Designern kan också göra varje pixel "reaktiv", vilket innebär att ett arbetsflöde kan utlösas om användaren klickar på pixeln.

Med detta tillvägagångssätt demonstrerade Macy en webbsida som gör att användaren kan välja bakgrundsfärg och logotypsfärg av en T-shirt. När användaren klickar på en färg från färgdiagrammet nedanför en illustration av skjortan, återställer sidan skjortan i den färgen.

För att distribuera HTML5-paketet måste användarna ha version 15.0.1 av Adobe Illustrator CS.

Joab Jackson täcker företagsprogramvara och allmänna teknikbrytande nyheter för IDG News Service . Följ Joab på Twitter på @Joab_Jackson. Joabs e-postadress är [email protected]