Webkrauts Logo

Webkrauts Webkrauts Schriftzug

- für mehr Qualität im Web

Noch schneller und effektiver designen

Erweiterungen für Adobe Fireworks

Noch schneller und effektiver designen

In der letzten Woche haben wir euch Fireworks fürs Webdesign ans Herz gelegt. Heute gibt es einen Nachschlag. Es geht darum, den Funktionsumfang von Fireworks mit Erweiterungen zu verbessern.

Mit seinem Plädoyer für den Einsatz mediengerechter Software hat euch Olaf Gleba ja sicherlich schon auf den Geschmack gebracht, Fireworks zu nutzen. Um noch etwas mehr aus Fireworks herauszukitzeln, könnt ihr Erweiterungen installieren. So gibt es zum Beispiel Platzhalter-Plugins, verbesserte Export-Möglichkeiten, Erweiterungen für CSS-Sprites (mit der CS6-Version hinfällig) und sogar Layout-Hilfen, um Tabellen zu gestalten. Auch Texturen und Symbole lassen sich über Erweiterungen hinzufügen, dieser Artikel konzentriert sich aber auf Verbesserungen im Workflow.

Fireworks-Erweiterungen tragen eine .mxp-Dateiendung und können über den Adobe Extension Manager installiert werden.

Placeholder / Lorem ipsum

Für Wireframes oder bei fehlenden Inhalten sind die Erweiterungen Placeholder und Lorem Ipsum brauchbare Helfer.

Screenshot: Fireworks Placeholder-Plugin

Mit Placeholder könnt ihr Platzhalter für Bildflächen aufziehen, die dabei automatisch mit ihren aktuellen Dimensionen beschriftet werden. Ein Doppelklick auf das Symbol in der Mitte öffnet einen Dialog, unter dem ihr weiteren Text (»großes Team-Bild«), die Angaben zu Breite und Höhe sowie die Farbfüllung ändern könnt.

Screenshot: Fireworks-Lorem-Ipsum-Plugin

Lorem Ipsum könnt ihr benutzen, um (Blind-)Text-Objekte anzulegen, die ihren Text-Inhalt der Breite, Höhe und vorher festgelegten Schrift-Eigenschaften anpassen, auch wenn ihr es verkleinert oder vergrößert. Durch die gelben Markierungen am Rand des jeweiligen Elements könnt ihr die Größe und Ausrichtung festlegen, sowie zwischen Groß- und Kleinschreibung bzw. durchgängiger Großschreibung hin- und herwechseln.

Export Commands

Export Commands von Aaron Beall bietet euch viele Optionen zum Export an.

  • Alle Seiten und Status des aktuellen Dokuments können auf einen Rutsch ins gleiche Format exportiert werden. Das kann Fireworks zwar auch, jedoch müsst ihr sonst auf jeder Seite/Status angeben, welches das Zielexportformat ist.
  • Slices/Segmente können als Sprite-Grafik zusammengefasst und exportiert werden. Ihr könnt euch die Grafik auch gleich mit passender CSS-Datei generieren lassen.
  • Element-Stile können als CSS-Anweisungen exportiert werden.

Was den ein oder anderen von euch freuen wird: Mit Export Commands könnt ihr auch auch ins SVG-Format exportieren.

Orange Commands

Einen Satz unterschiedlichster Werkzeuge und Vorkonfigurationen liefert die Orange-Commands-Sammlung, die unter anderem Folgendes bietet:

  • Ändern der Alpha-/Transparenz-Werte – auch von Element-Rahmen – in Zehner-Schritten
  • verschiedene Export-Presets für ausgewählte Objekte und Seiten – beispielsweise können alle Seiten als PNG-24 in einem Ordner mit dem aktuellen Datum plus Uhrzeit oder als PNG-24 mit Prefix exportiert werden
  • Grid- und Baseline-Berechnungen bzw. -Vorgaben
  • Entsperren aller Ebenen
  • (alle) Seiten so in der Höhe beschneiden, dass sie mit dem letzten unteren Objekt abschließen
  • Positions-Tausch zweier Objekte
  • Text-Funktionen: Hinzufügen von Listenpunkten, Zusammenführung von Text-Objekten, Auswahl aller Text-Objekte einer Seite

Auch für Hilfslinen gibt es Hilfestellung: So könnt ihr euch komplett alle Hilfslinien entfernen lassen (oder nur die vertikalen/horizontalen), Hilfslinien um eine Auswahl ziehen lassen oder sie von bzw. zu einer anderen Seite kopieren.

Export Selection

Fireworks bietet von Haus aus die Möglichkeit, durch Markieren eines oder mehrerer Objekte ein rechteckiges Slice zu erstellen und dieses dann zu exportieren. Liegt nun aber ein anderes Element über oder unter dem zu exportierenden Element, wird dieses in der exportierten Daten mit eingefügt. Mit ExportSelection kann genau das umgangen werden.

Dazu müsst ihr das Element markieren und anschließend über Befehle/Commands -> Export und Export Selection – Background … ausgewählen, ob das Element auf einem weißen, transparenten oder den gerade vorhandenen Hintergrund exportiert werden soll.

Screenshot: Fireworks-Export-Selection-Plugin

Tables

Auch für Tabellen gibt es Unterstützung: Mit der Tables-Erweiterung könnt ihr recht schnell und einfach Tabellen gestalten. Sogar Beispieldaten lassen sich via .csv/.txt-Datei (tab- oder kommasepartiert, nicht zu groß) importieren.

Habt ihr gerade keine Beispieldaten zur Hand, platziert ihr in einem groben Raster Text-Objekte und markiert diese. Über die Tables-Palette unter Fenster/Window -> Tables und einen Klick auf Create, werden die Objekte entsprechend einer Tabelle angeordnet. Über die Tables-Palette können zudem noch Farben, Außen- und Innenabstände sowie Rahmen eingestellt werden.

Tabellen-Gestaltung mit Tables

Zum Schluss

Hoffentlich sind in dieser Auflistung einige Erweiterungen dabei, die euch den Wechsel auf Fireworks erleichtern oder sogar noch schmackhafter machen. Die Auswahl ist nur ein kleiner Ausschnitt aus dem großen Repertoire von Erweiterungen. Bei den angegebenen Quellen werdet ihr sicherlich noch auf andere Erweiterungen stoßen, die euch gefallen.

Quellen für Fireworks-Erweiterungen

Gute bis hervorragende Quellen sind

Die Kommentare sind geschlossen.