Grundlagen des Bildeditors
Der Channable Bildeditor ermöglicht dir, Vorlagen für Produktbilder zu erstellen und zu bearbeiten.
Eine Vorlage hat eine Leinwand und eine Reihe von Ebenen. Die Leinwand definiert den Hintergrund. Ebenen fügen darüber Text, Bilder und Formen hinzu.
Oberfläche des Bildeditors
Der Editor hat Bereiche zum Hinzufügen von Ebenen, zum Bearbeiten der Leinwand und zum Verwalten der Vorlage.
Steuerelemente und Werkzeuge der Leinwand
Diese Steuerelemente befinden sich auf der rechten Seite der Leinwand.
Vergrößern/Verkleinern
Ändere die Anzeigegröße der Leinwand.
Pfeil (Auswählen)
Einzelne Objekte auf der Leinwand auswählen und verschieben.
Hand (Verschieben)
Die gesamte Leinwandansicht verschieben.
Kreispfeile
Die letzte Aktion rückgängig machen oder wiederholen.
Produktvorschau
Klicke dich durch die Produkte, um zu sehen, wie die Vorlage für jedes einzelne aussieht.
Leinwandeinstellungen
Die Leinwand ist der weiße Bereich, in dem du deine Vorlage erstellst. Klicke Einstellungen auf der rechten Seite des Editors, um diese Optionen zu öffnen.
Definiert die endgültigen Ausgabemaße der Vorlage.
Wähle aus voreingestellten Größen, basierend auf Exportkanälen wie Google Ads, oder gib Höhe und Breite manuell in Pixel (px) ein.
Hintergrundfarbe
Legt die Volltonfarbe hinter allen Objekten fest.
Wähle sie über die Farbauswahl oder durch Angabe von hexadezimalen (HEX) Werten (RGB).
Steuert die Transparenz der Hintergrundfarbe
Als Prozentsatz einstellen. 100 % ist vollständig sichtbar (opak), und 0 % ist vollständig transparent.
Rastereinstellungen
Das Raster hilft dir, Objekte auf der Leinwand auszurichten.
Aktivieren Raster anzeigen um das Raster anzuzeigen und die Rastereinstellungen freizuschalten.
Aktivieren Am Raster ausrichten um verschobene Objekte an der nächsten Rasterlinie auszurichten.
Anpassen Rastergröße, Rasterfarbe, und Deckkraft an dein Layout anzupassen.
Das Raster ist nur ein Orientierungshilfsmittel. Es erscheint nie im final exportierten Bild.
Ebenentypen
Ebenen sind die Elemente, die du auf der Leinwand platzierst. Sie können statisch oder dynamisch sein. Dynamische Ebenen ziehen Inhalte aus Item-Daten, wie Produkttitel oder Produktbilder.
Jedes neue Objekt wird als neue Ebene hinzugefügt. Neue Ebenen werden über ältere gestapelt.
Wichtig: Das Projektfeld, das für ein dynamisches Objekt verwendet wird, muss in allen Projekten vorhanden sein, in denen du die Vorlage verwendest.
Verwende das Panel links, um deiner Vorlage neue Elemente hinzuzufügen. Du kannst drei Arten von Objekten erstellen:
Textobjekt: Für statischen Text oder dynamische Projektfelder (z. B. Titel).
Bildobjekt: Für statische Bilder oder dynamische Produktbilder.
Formobjekt: Für statische Formen wie Kästen, Linien und Pfeile.
Alle Objekttypen — Text, Bild und Form — haben unter dem Tab „Design“ spezifische Einstellungen.
Ebenen im Tab „Ebenen“ verwalten
Verwende Ebenen um alle Objekte auf deiner Leinwand zu verwalten.
Ebenenreihenfolge
Steuert, welche Objekte über anderen angezeigt werden.
Ziehe den Griff neben einer Ebene nach oben oder unten, um sie zu verschieben.
Name
Benennt das Objekt für eine einfachere Identifikation um.
Klicke auf den Ebenennamen, um ihn zu bearbeiten.
Sichtbarkeit
Blendet ein Objekt auf der Leinwand aus oder ein.
Klicke auf das Augensymbol, um die Sichtbarkeit umzuschalten.
Sperren
Verhindert, dass ein Objekt versehentlich verschoben oder in der Größe geändert wird.
Klicke auf das Schlosssymbol, um die Ebene zu sperren.
Löschen
Entfernt das Objekt dauerhaft aus der Vorlage.
Klicke auf das Papierkorbsymbol, um die Ebene zu löschen.
Bildobjekt
Bildobjekte können dynamisch sein (sie ziehen Produktbilder aus einem Feld) oder statisch (das gleiche Bild für alle Produkte).
Eigenschaft
Beschreibung
Details
Layout
Position und Größe des Objekts.
Passe X-/Y-Position und Breite/Höhe manuell in Pixeln (px) an.
Bild
Verbindet das Objekt mit deinen Produktdaten.
Für dynamische Bilder wählst du im Dropdown ein Projektfeld vom Typ Bild aus. Lege außerdem die Deckkraft des Bildes in Prozent fest.
Schatten
Fügt einen Schlagschatten hinzu.
Konfiguriere Farbe, Deckkraft, Versatz (X, Y) und Unschärfe. Ein Versatz von 0,0 bedeutet keinen Schatten.
Kontur
Erstellt einen Rahmen um das Bildobjekt.
Lege Farbe, Deckkraft und Breite (in Pixeln) fest. Wähle einen Stil: Kein Rahmen, Durchgezogen oder Gepunktet.
Hinweis: Wir skalieren das Bild automatisch so, dass es in die Grenzen des Objekts passt (blaue Linien). Dadurch werden Bilder nicht abgeschnitten oder bedecken andere Elemente unbeabsichtigt.
Textobjekt
Textobjekte unterstützen sowohl statischen Text als auch dynamische Feldwerte (z. B. eine feste Phrase mit dem Preis eines Produkts mischen).
Eigenschaft
Beschreibung
Details
Layout
Position und Größe des Textfelds.
Passe X-/Y-Position und Breite/Höhe manuell in Pixeln (px) an.
Wert
Der Inhalt des Textobjekts.
Gib statischen Text ein, wähle dynamische Felder aus oder kombiniere beides.
Steuert das Erscheinungsbild des Texts.
Wähle eine Schriftart aus der Liste, lege Farbe, Dekoration (z. B. Unterstreichung), Ausrichtung, Zeilenhöhe und Abstand fest. Verwende „An Größe anpassen“, um die Schriftgröße automatisch an das Feld anzupassen.
Schatten
Fügt einen Schlagschatten hinter dem Text hinzu.
Konfiguriere Farbe, Deckkraft, Versatz (X, Y) und Unschärfe. Ein Versatz von 0,0 bedeutet keinen Schatten.
Kontur
Erstellt einen Rahmen um die Buchstaben.
Lege Farbe, Deckkraft und Breite (in Pixeln) fest. Wähle einen Stil: Kein Rahmen, Durchgezogen oder Gepunktet.
Formobjekt
Formobjekte werden für statische Formen wie Kästen, Linien und Pfeile verwendet.
Eigenschaft
Beschreibung
Details
Layout
Position und Größe des Formobjekts.
Passe X-/Y-Position und Breite/Höhe manuell in Pixeln (px) an.
Form
Steuert das Füllungs-Erscheinungsbild der Form.
Gib die Füllfarbe und Deckkraft an.
Schatten
Fügt einen Schlagschatten hinter der Form hinzu.
Konfiguriere Farbe, Deckkraft, Versatz (X, Y) und Unschärfe. Ein Versatz von 0,0 bedeutet keinen Schatten.
Kontur
Erstellt einen Rahmen um die Form.
Lege Farbe, Deckkraft und Breite (in Pixeln) fest. Wähle einen Stil: Kein Rahmen, Durchgezogen oder Gepunktet.
Vorlage verwalten
Verwende die Steuerelemente in der oberen rechten Ecke, um die Vorlage selbst zu verwalten.
Speichern: Speichere die aktuell vorgenommenen Änderungen an deiner Vorlage.
Zahnrad-Symbol (Einstellungen): Greife auf Optionen zu, um die Vorlage zu löschen oder zu duplizieren.
Tab „Verwendung“: Sieh, wo in deinen Projekten die aktuell verwendete Vorlage verwendet wird.
Zuletzt aktualisiert
War das hilfreich?