Windows

Ai zu Leinwand-Plug-In, ein HTML5 Canvas-Dienstprogramm für Adobe Illustrator, von MIX

Convert Illustrator AI to HTML and CSS | Creative Cloud Plugin

Convert Illustrator AI to HTML and CSS | Creative Cloud Plugin
Anonim

MIX Online hat ein neues Projekt mit dem Namen Ai to Canvas Plug-In für Adobe veröffentlicht Illustrator exportiert Vektor- und Bitmap-Grafiken direkt in ein HTML5-Canvas-Element, das in einem Canvas-fähigen Browser wie Internet Explorer 9 gerendert werden kann.

Das Plug-in bietet Zeichen-, Animations- und Codierungsoptionen wie Ereignisse, die Sie erstellen können interaktive, gut gestaltete Canvas-basierte Web-Apps.

Mit der Veröffentlichung von Browsern, die HTML5 und verwandte Technologien unterstützen, werden Webdesigner und Entwickler Web-Apps erstellen, die das Canvas-Tag nutzen, um Zeichenfunktionen ohne Hinzufügen hinzuzufügen -in den Browser.

Das MIX Online-Team hat ein Werkzeug, mit dem Sie eine vertraute Zeichenanwendung erstellen und in den Zeichenbereich exportieren können.

  • Erstellen Sie zuerst Ihre Assets in Adobe Illustrator. Fügen Sie beispielsweise vorhandene Zeichnungen und Bilder hinzu oder erstellen Sie sogar eine neue Zeichnung zum Exportieren. Das Plug-In kann zum Exportieren komplexer Formen, Verläufe, Transparenzen, Schlagschatten und aller Arten von Dingen verwendet werden. Sie können auch Animationen wie Rotation, Fades, Bewegung, Beschleunigung und Trigger erstellen.
  • Wählen Sie dann im Menü Datei in Adobe Illustrator die Option Exportieren und wählen Sie die Leinwand.
  • Es wird der entsprechende Code für Sie und weitere Dateien erstellt du wirst brauchen. Sie können diese dann für Ihre Anwendung entsprechend bearbeiten.
  • Laden Sie dann die Datei (en) in einen Browser, der Canvas unterstützt, und Sie können Ihre Illustration zusammen mit einer eventuell erstellten Animation sehen.

Das Ai zu Canvas Plug-In ist kostenlos und läuft sowohl auf Windows als auch auf Mac. Sie müssen Adobe Illustrator CS5 auf Ihrem Computer installiert haben.

Gehen Sie zum Ai-> Canvas Plug-In-Projekt und laden Sie das Plug-in herunter.

Außerdem Schauen Sie sich Mike Swansons Adobe Illustrator to XAML Export-Plugin an.