Templates oder Smart Images im Image Editor bieten eine Grundlage für konsistente und effiziente Asset-Erstellung. Diese Anleitung erklärt die Schritte zur Erstellung eines neuen Templates und zur Definition von Platzhaltern für dynamische Inhalte.
Schritte zur Erstellung eines neuen Templates / Smart Images
1. Image Editor öffnen
- Melde dich bei deinem Brand Channel-Konto an.
- Navigiere über das Hauptmenü zum Image Editor.
- Klicke auf „Create new“, um ein neues Template zu erstellen.
- Vergib einen Namen für das Template.
- Wähle eine oder mehrere Auflösungen aus.
Tipp: Wenn du mit Platzhaltern arbeitest, empfehlen wir, zusätzliche Auflösungen erst hinzuzufügen, wenn die Hauptauflösung vollständig erstellt wurde.
2. Elemente hinzufügen
Bilder:
- Wähle Bilder aus deiner Brand Channel-Bibliothek aus.
- Verwende Tools, um Bilder zuzuschneiden, zu drehen oder Helligkeit, Kontrast und Sättigung anzupassen.
- Wende Filter, Overlays und Schatten für visuelle Effekte an.
Text:
- Add text boxes to your asset.
- Customize font style, size, color, alignment, and spacing.
- Apply effects like shadows or outlines for emphasis.
Formen:
- Wähle aus vordefinierten Formen (z. B. Kreise, Rechtecke, Polygone).
- Passe Formen an, indem du Füllfarbe, Linienfarbe, Transparenz und Farbverläufe änderst.
3. Template speichern
- Save: Speichert dein Template. Du wirst aufgefordert, einen Ordner auszuwählen. Dies ermöglicht es dir, das Template später zu bearbeiten oder für zukünftige Projekte zu nutzen.
- Save as New: Speichert dein bestehendes Template als neues Template.
Define Placeholders
Platzhalter in einem Template ermöglichen den dynamischen Austausch von Inhalten und machen Templates vielseitig und wiederverwendbar.
1. Platzhalter hinzufügen
- Wähle ein Element (z. B. Bild, Text), das als Platzhalter dienen soll.
- Öffne die Placeholder Settings im Eigenschaftenmenü des Elements.
2. Platzhalter-Eigenschaften konfigurieren
- Content Type festlegen: Definiere die Art von Inhalten, die den Platzhalter ersetzen können:
- Text: Lege Formatierungsregeln fest.
- Bild: Definiere Größen- oder Auflösungsvorgaben für Ersatzbilder.
- Formen: Definiere akzeptable Farb- oder Größenvariationen.
Empfohlene Platzhalter
Für eine optimale Nutzung empfehlen wir folgende Konfigurationen:
Text:
- Allow to Change Fill: Erlaubt das Ändern der Farbe oder das Ausblenden des Texts.
- Allow to Edit Text: Erlaubt das Bearbeiten des Texts.
- Act as Placeholder: Zeigt den Text als Platzhalter an.
- Allow to Style Text: Ermöglicht das Ändern von Schriftart und -größe.
Bild:
- Allow to Change Fill: Erlaubt das Ersetzen oder Ausblenden des Bilds.
- Allow to Change Fill Type: Erlaubt das Ersetzen des Bilds durch eine Farbe.
- Act as a Placeholder: Zeigt das Bild als Platzhalter an.
Formen:
- Allow to Change Fill: Erlaubt das Ändern der Farbe der Form.
- Allow to Change Fill Type: Erlaubt das Ersetzen des Inhalts der Form durch ein Bild.
Hinweis: Andere Platzhalter wie Move oder Crop sollten mit Vorsicht verwendet werden, da sie die Ausrichtung über verschiedene Auflösungen hinweg beeinflussen können. Teste solche Platzhalter gründlich.
Nicht unterstützte Platzhalter
Die folgenden Platzhaltertypen werden derzeit nicht vom Sharing-Feature des Image Editors unterstützt:
- Duplicate
- Delete
- Adjustments
- Filter
- Effect
- Blur
Hinweis: Dies betrifft nur dynamische Templates im Sharing-Modus. Du kannst weiterhin Filter und Effekte verwenden, um deine Assets und Templates zu bearbeiten.
Weitere Auflösungen hinzufügen und entfernen
Der Image Editor ermöglicht es dir, Auflösungen für Templates zu verwalten, um die Kompatibilität für verschiedene Anwendungsfälle sicherzustellen.
- Öffne deine Templates im Image Editor.
- Klicke auf „Template Options“ und dann auf „Edit Resolutions“.
- Füge neue Auflösungen hinzu oder entferne bestehende.
- Speichere die Änderungen.
Tipp: Teste alle hinzugefügten Auflösungen, um sicherzustellen, dass die Designelemente korrekt skaliert werden.
Tipps für eine effektive Templateerstellung
- Gestalte Templates mit Wiederverwendbarkeit im Hinterkopf, indem du flexible Platzhalter verwendest.
- Teste Templates (insbesondere verschiedene Auflösungen), um die Kompatibilität mit dynamischen Inhalten sicherzustellen.
- Halte die Designelemente einheitlich, um deine Markenrichtlinien zu erfüllen.