Sobald Sie die App hinzugefügt und den Katalog oder das Segment ausgewählt haben, gelangen Sie zum Editor „Vorlagen-Builder“, in dem Sie mit der Erstellung Ihrer Vorlage beginnen können.
1. Die wichtigsten Begriffe verstehen
Bevor Sie Ihr Design erstellen, sollten Sie folgende wichtige Begriffe kennen:
| Begriff | Bedeutung |
|---|---|
| Vorlage | Ihr vollständiges Design, das ein oder mehrere Layouts enthält. |
| Layout | Ein Format der Vorlage mit einer eigenen Leinwandgröße. Eine Vorlage kann mehrere Layouts enthalten, zum Beispiel eine quadratische und eine Querformatversion. |
| Ebene | Ein auf der Leinwand platziertes Element, z. B. Text, ein Bild oder eine Form. |
| Variable | Ein Element, dessen Wert sich bei der Generierung Ihrer Visuals ändern kann, z. B. ein Produktname, ein Preis oder ein Produktbild. |
Inhalte werden geteilt, Geometrie nicht
Ebenen gehören zur Vorlage, die Geometrie gehört zum Layout. Fügen Sie eine Textebene einmal hinzu, ist sie in jedem Layout vorhanden. Verschieben Sie sie, wird nur das Layout geändert, an dem Sie gerade arbeiten.
Der Editor ist in drei Hauptbereiche unterteilt:
- Linkes Bedienfeld: Zugriff auf Ihre Layouts, Ebenen und Variablen.
- Leinwand: Das Visual, das Sie gestalten, mit seinen spezifischen Abmessungen.
-
Eigenschaften-Bedienfeld (rechts): Die Einstellungen des ausgewählten Layouts oder der ausgewählten Ebene.
2. Erstes Layout hinzufügen
Wenn Sie den Editor „Vorlagen-Builder“ zum ersten Mal öffnen, wird ein Fenster angezeigt, in dem Sie Ihr erstes Layout einrichten können:
- Name: Geben Sie einen Namen für Ihr Layout ein (3 bis 32 Zeichen).
- Leinwandgröße: Wählen Sie eine der voreingestellten Größen (Instagram-Beitrag, Banner im Querformat usw.) oder legen Sie über die Felder Breite und Höhe benutzerdefinierte Abmessungen fest. Klicken Sie auf das Schlosssymbol, um das Seitenverhältnis zu sperren.
- Farbe: Wählen Sie eine Hintergrundfarbe für Ihr Layout. Sie können auch die Pipette verwenden, um eine Farbe von Ihrem Bildschirm auszuwählen.
Klicken Sie auf „Hinzufügen“, um mit der Arbeit an diesem Layout zu beginnen.
3. Ebenen hinzufügen
Jedes Element, das Sie der Leinwand hinzufügen, ist eine Ebene.
Einige dieser Ebenen bleiben statisch (Logo, Werbetext), während andere dynamisch werden, wenn Sie ihnen eine Variable hinzufügen, um Produktinformationen aus Ihrem Katalog zu verwenden (Bilder, Preis usw.).
Verwenden Sie die Symbolleiste unterhalb der Leinwand, um eine neue Ebene hinzuzufügen: Text, Bild oder Form.
Wenn Sie mehrere Layouts haben, wird jede Ebene zu jedem Layout hinzugefügt, jedoch nicht an dieses angepasst. Sie müssen die Ebene neu positionieren, um sie an die jeweilige Leinwand anzupassen.
3.1 Allgemeine Eigenschaften
Sie können eine Ebene auswählen, indem Sie auf der Leinwand darauf klicken oder sie im Ebenen-Bedienfeld auswählen.
Positionieren Sie eine Ebene, indem Sie sie ziehen. Unter „Transformieren“ im Eigenschaften-Bedienfeld auf der rechten Seite können Sie außerdem Folgendes anpassen:
- X / Y: die Position der Ebene.
- Breite / Höhe: ihre Größe.
- Deckkraft: ihre Transparenz.
- Drehung: ihren Winkel.
Um die Reihenfolge der Elemente zu ändern, ziehen Sie die Ebenen im Ebenen-Bedienfeld links nach oben oder unten. Die oberste Ebene wird vor den anderen angezeigt.
Tipp: Benennen Sie Ihre Ebenen um, insbesondere in einer Vorlage mit vielen Elementen. Zum Beispiel: Produktbild, Produktname, Preis, Logo.
Bewegen Sie den Mauszeiger über eine Zeile im Ebenen-Bedienfeld, um das Menü zu öffnen und die Ebene umzubenennen. Sie können eine Ebene auch duplizieren, ausblenden oder löschen.
3.2 Textebene
Fügen Sie eine neue Textebene hinzu oder doppelklicken Sie auf eine vorhandene. Im Fenster „Text bearbeiten“ können Sie Ihren Text eingeben und über die Symbolleiste formatieren. Klicken Sie auf „Anwenden“.
Im Eigenschaften-Bedienfeld können Sie die Größe, den Stil, die Farbe, den Zeichenabstand und weitere Texteinstellungen ändern.
Mit den Einstellungen für Absätze können Sie festlegen, wie sich der Text innerhalb seines Feldes verhält:
| Horizontal / Vertikal | Steuert die Textausrichtung. |
| Zeichenabstand | Passt den Abstand zwischen Zeichen in Pixeln an. |
| Grundlinienverschiebung | Hebt den Text von seiner Grundlinie an oder senkt ihn ab. |
| Zeilenhöhe | Steuert den Abstand zwischen den Zeilen. |
| Zeilenumbruch | „Wort umbrechen“ ermöglicht den Umbruch des Textes in mehrere Zeilen; „Keine“ lässt ihn in einer Zeile stehen. |
| Anpassen | Reduziert die Textgröße (als Prozentsatz), wenn der Text zu lang ist, um in das Feld zu passen. |
| Textüberlauf | Legt fest, ob der Text abgeschnitten wird oder über das Feld hinausragen darf. „Beschneiden“ schneidet alles ab, was über den Rand des Feldes hinausgeht; „Sichtbar“ lässt den Text überlaufen. |
Diese Einstellungen sind besonders für Produktnamen nützlich, die von Produkt zu Produkt unterschiedlich lang sein können.
Sie können auch nur einen Teil eines Satzes auswählen und ihn anders formatieren. Zum Beispiel könnten Sie ein Werbewort in einer anderen Farbe anzeigen.
Hinweis: Ein Teil oder der gesamte Text kann dynamisch Produktinformationen abrufen, wie im Abschnitt „Variablen“ erklärt.
Möchten Sie Ihre eigenen Schriftarten verwenden?
Der Vorlagen-Builder enthält standardmäßig Roboto. Sie können auch eigene Schriftarten importieren:
- Wählen Sie eine Textebene aus.
- Klicken Sie im Eigenschaften-Bedienfeld auf „Schriftart“ > „+ Schriftart hochladen“.
- Laden Sie Ihre .ttf-Schriftartdatei hoch.
- Überprüfen Sie die erkannte Familie, Stärke und den Stil.
- Klicken Sie auf Importieren.
Jede Schriftvariation (z. B. Regular, Medium, Bold oder Italic) muss als separate Datei importiert werden.
3.3 Bildebene
Sie müssen zunächst Bilder hochladen, bevor diese in der Medienauswahl verfügbar sind. Fügen Sie eine neue Bildebene hinzu, klicken Sie auf „Hochladen“ und wählen Sie Bilder von Ihrem Computer aus.
Müssen Sie Ihre Bilder vor dem Hochladen bearbeiten?
Mit AI Image Compliance von Lengow können Sie Bilder gemäß Ihren eigenen benutzerdefinierten Regeln umwandeln.
Vereinheitlichen Sie die Abmessungen von Produktbildern, entfernen Sie Hintergründe oder wenden Sie markenkonforme Hintergrundfarben an, bevor Sie diese Bilder in Ihren Kampagnenvorlagen verwenden.
Wählen Sie unter „Medien“ das Bild aus, das in dieser neuen Ebene verwendet werden soll. Das Bild wird in der Mitte der Leinwand hinzugefügt.
Wenn Sie eine Bildebene auswählen, können Sie im Abschnitt „Quelle“ des Eigenschaften-Bedienfelds das Bild auswählen oder ersetzen.
Unter „Bild“ > „Größe ändern“ können Sie festlegen, wie das Bild sein Feld ausfüllt:
- Einpassen: Zeigt das gesamte Bild an, ohne seine Proportionen zu ändern.
- Zuschneiden: Füllt das Feld unter Beibehaltung der Proportionen aus und schneidet die nicht passenden Bildbereiche ab.
- Ausfüllen: Streckt das Bild, damit es das Feld exakt ausfüllt.
Verwenden Sie bei „Zuschneiden“ oder „Einpassen“ das Raster „Fokusbereich“, um festzulegen, welcher Teil des Bildes sichtbar bleiben oder wo das Bild innerhalb des Feldes positioniert werden soll.
Hinweis: Das Bild kann für jedes Produkt dynamisch aus Ihrem Katalog abgerufen werden, wie im Abschnitt „Variablen“ erklärt.
3.4 Formenebene
Formen eignen sich für Hintergründe, Abzeichen, Rabattkennzeichnungen, Schaltflächen oder farbige Blöcke.
Fügen Sie eine neue Formenebene hinzu und wählen Sie Linie, Oval oder Polygon. Zeichnen Sie anschließend die Form auf der Leinwand.
Wenn Sie eine Formenebene auswählen, können Sie sie im Abschnitt „Form“ des Eigenschaften-Bedienfelds anpassen.
Einige Eigenschaften sind nur für Polygone und/oder Ovale verfügbar.
| Typ | Wechselt zwischen Linie, Oval und Polygon. |
| Seiten | Legt die Anzahl der Seiten fest, von 3 bis 10. Drei ergibt ein Dreieck, acht ein Achteck usw. |
| Eckenradius | Rundet die Ecken in Pixeln ab. |
| Füllung | Legt die Innenfarbe fest. Wenn Sie das transparente Farbfeld auswählen, bleibt die Form ungefüllt. |
| Füllungsdeckkraft | Legt die Deckkraft der Füllung zwischen 0 und 100 Prozent fest. |
| Kontur | Legt die Farbe der Kontur fest. |
| Stärke | Legt die Breite der Kontur in Pixeln fest. Der Wert 0 entfernt die Kontur. |
| Position der Kontur | Legt fest, ob die Kontur Innerhalb, Mittig oder Außerhalb des Formrands liegt. |
Doppelklicken Sie auf die Form, wenn Sie einer Form (Oval oder Polygon) Text hinzufügen möchten.
Im Eigenschaften-Bedienfeld sind dieselben Einstellungen wie bei einer Textebene verfügbar.
4. Variablen konfigurieren, um dynamische Inhalte hinzuzufügen
Dies ist der wichtigste Schritt bei der Erstellung wiederverwendbarer Kampagnen-Visuals.
Eine Variable ist ein Wert, den Sie in der Vorlage offenlassen, damit er bei der Generierung des Visuals ersetzt werden kann.
Variablen können in Bild- oder Textebenen verwendet werden.
Beispiel: Statt einen festen Preis wie 49,99 € einzugeben, können Sie eine Preisvariable erstellen, um für jedes Produkt das Preisfeld aus Ihrem Katalog abzurufen.
Ebenso können Sie statt eines festen Produktbilds eine Bildvariable erstellen, um für jedes Produkt das Bildfeld aus Ihrem Katalog abzurufen.
Es gibt zwei Möglichkeiten, eine Variable zu erstellen:
-
Über das Ebenen-Bedienfeld:
- Bewegen Sie im Ebenen-Bedienfeld den Mauszeiger über eine Ebene, um deren Menü zu öffnen.
- Klicken Sie auf „Variable hinzufügen“.
- Geben Sie der Variable einen eindeutigen Namen.
- Wählen Sie als Wertquelle „Katalogfeld“.
- Wählen Sie unter „Metadatenfeld“ das abzurufende Katalogfeld aus.
- Legen Sie den Standardwert fest, der als Ersatzwert für fehlende Daten verwendet werden soll.
- Klicken Sie auf „Erstellen“.
-
Über den Texteditor:
- Doppelklicken Sie auf eine Textebene.
- Wählen Sie den Teil des Textes aus, der geändert werden soll.
- Klicken Sie auf „(x) Variable“, um das Variablenmenü zu öffnen.
- Klicken Sie auf „+ Neue Variable erstellen“.
- Geben Sie der Variable einen eindeutigen Namen.
- Wählen Sie als Typ „Textplatzhalter“.
- Wählen Sie als Wertquelle „Katalogfeld“.
- Wählen Sie unter „Metadatenfeld“ das abzurufende Katalogfeld aus.
- Legen Sie den Standardwert fest, der als Ersatzwert für fehlende Daten verwendet werden soll.
- Klicken Sie auf „Erstellen und einfügen“.
Sie könnten beispielsweise eine Textebene mit folgendem Inhalt erstellen:
„Entdecken Sie unser [Produktname] – jetzt [Preis]“
wobei „Produktname“ und „Preis“ Variablen sind, die über den Texteditor hinzugefügt wurden. Wenn Ihre Visuals in AI-Bildkampagnen generiert werden, können diese Variablen anschließend den entsprechenden Katalogdaten zugeordnet werden.
Jede Variable kann im Variablenmenü im linken Bedienfeld bearbeitet oder gelöscht werden. Klicken Sie auf einen Variablennamen, um die Einstellungen im Eigenschaften-Bedienfeld zu öffnen.
Beispiel für eine Bildvariable:
Hinweis: Ein „Slug“ ist der letzte Teil einer URL, der ein bestimmtes Element identifiziert. Beispiel: „$slug=url13“ zeigt, wo dieses Bild in der Vorlagen-URL gefunden werden kann. Wir empfehlen, den Slug nicht zu ändern.
5. Ein weiteres Layout hinzufügen
Statt separate Vorlagen zu erstellen, können Sie dasselbe Design in mehreren an Ihre Anforderungen angepassten Formaten wiederverwenden (Banner, Facebook-Beitrag usw.).
Klicken Sie im linken Bedienfeld neben „Layouts“ auf „+ Hinzufügen“. Anschließend:
- Geben Sie dem neuen Layout einen Namen.
- Wählen Sie eine Leinwandgröße oder geben Sie eine benutzerdefinierte Breite und Höhe ein.
- Wählen Sie eine Hintergrundfarbe.
- Wählen Sie unter „Positionierung der Basisebene im Layout“ das Layout aus, das Sie als Ausgangspunkt verwenden möchten.
- Klicken Sie auf „Hinzufügen“.
Die vorhandenen Ebenen werden in das neue Layout kopiert und ihre Positionen als Ausgangspunkt skaliert.
Anschließend können Sie sie speziell für dieses Format neu positionieren oder ihre Größe ändern.
Die Ebenen werden zwischen den Layouts geteilt, ihre Position und Größe sind jedoch für jedes Layout spezifisch. Wenn Sie den Text selbst ändern, wird er überall geändert. Wenn Sie den Text verschieben, wird nur das Layout geändert, das Sie gerade bearbeiten.
6. Generierung von Visuals starten und überwachen
Überprüfen Sie jedes Ihrer Layouts separat, um sicherzustellen, dass die Positionierung jedes Elements korrekt ist.
Sie können im Variablen-Bedienfeld überprüfen, ob dynamische Elemente mit dem richtigen Katalogfeld verknüpft sind, oder in der Symbolleiste auf „Variablen-Slugs anzeigen“ klicken, um sie sichtbar zu machen.
Wenn Sie bereit sind, die Generierung Ihrer Visuals zu starten, klicken Sie auf „Speichern“ und „Bestätigen“. Alle Layouts werden gleichzeitig generiert.
Um diese Vorlage zu speichern und später wieder aufzurufen, klicken Sie einfach auf „Speichern“ und brechen Sie die Generierung mit „Abbrechen“ ab.
Bestätigung des KI-Vorgangs: Bevor die KI-Vorgänge gestartet werden, wird ein Bestätigungs-Popup angezeigt. Es zeigt die Anzahl der KI-Vorgänge, die Sie im aktuellen Monat bereits durchgeführt haben, sowie eine Schätzung Ihrer Gesamtnutzung, wenn Sie fortfahren. Dadurch erhalten Sie vor der Bestätigung einen Überblick darüber, wie sich diese Aktion auf Ihre monatliche Nutzung auswirkt.
Wir empfehlen, die erste Visual-Generierung auf ein Segment mit einem Produkt zu beschränken und sie auf weitere Produkte auszuweiten, sobald Sie mit dem Ergebnis zufrieden sind.
Die Visual-Generierung wird als asynchroner Vorgang gestartet. Sie werden per E-Mail informiert, sobald sie abgeschlossen ist.
Kommentare
Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.