12

Text in Banner konvertieren...

GoLive 6 bietet die Möglichkeit HTML-Text in eine Webgrafikdatei zu konvertieren mittels der Smart Objekte und der Variablentechnologie. Hier ist ein Beispiel dafür:

Hier sind die einzelnen Arbeitsschritte:

1. Erstelle eine Photoshop-Datei die zu oberst eine Textebene enthält. In ImageReady 7 geht es über die Zuweisung aus dem Menü „Bild“ --> „Variablen“ --> „Definieren...“ wenn man eine andere Ebene als die oberste Textebene verwenden will. Genauso kann man es mit Adobe Illustrator SVG oder Adobe LiveMotion 2 mit Textvariablen machen.

2. Die PSD-Quelldatei in den SmartObjekte-Ordner der entsprechenden Site sichern, wie es unten zu sehen ist.

3. Einfach irgendeinen HTML-Text im Layout-Modus auswählen und dann aus dem Menü „Speziel“ den Unterpunkt „Text in Banner konvertieren...“ auswählen.
ACHTUNG: Es kann dann schon ein Weile dauern bis etwas passiert.

4. Die PSD-Datei oder die SmartObjekt-Quelldatei auswählen die benutzt werden soll und mit OK bestätigen.

5. Bitte beachten der Einstellungs-Dialog der Variablenerinstellungen kopiert automatisch den vorher ausgewählten HTML-Text und weist ihn der Obersten Textebene zu, wie es auch unten zu sehen ist. Übrigens kann man jetzt noch den Text einfach im Feld unten ändern. Danach wieder mit der OK-Taste bestätigen.

Zusätzlicher Tipp: Der kleine rote Buchstabe neben dem T-Icon? Er hilft die oberste Textebene von den anderen Variablen-Textobjekten zu unterscheiden.

6. Die neue Webgrafik kann dann in ihrer Komprimierung eingestellt werden über den folgenden Punkt „Für Web sichern“ und innerhalb der Site gespeichert werden.

Zusätzlicher Tipp: GoLive benennt die Namen automatisch nach der Text-Variable.

7. Die Text in Banner-Konvertierung ist nun komplett, aber es gibt noch ein Dinge die dazu zu sagen sind.

Zuerst mal den Alt-Text anschauen im Inspektor-Menü. Dort erscheint automatisch der Variablentext. Wenn man die Optimierung oder die Variablen ändern möchte einfach die entsprechenden Unterpunkte in diesem Menü anwählen (Einstellungen und Variablen).
Von jetzt an braucht man nur noch die PSD-Datei ändern (Farbe, Schriftart, einen Schatten hinzufügen etc.) um alle SmartObjekte innerhalb der Website zu ändern und alles wird automatisch auf den neuen Stand gebracht!