Im Template-Editor stellst du mit Remove background das Motiv eines Bildes automatisch frei: Der Hintergrund des Fotos wird durchsichtig, und dahinter erscheint dein Design. Das gilt auch für jedes Foto, das Nutzer im Design-Generator in dieses Bild hochladen, zum Beispiel ein Porträt für ein Speaker-Design.
Das geht in drei Schritten:
- Schalte Remove background im Template-Editor ein.
- Mach das Bild im Template-Editor mit einem Input-Feld änderbar.
- Teste das Ergebnis im Design-Generator.
Remove background einschalten
Remove background ist eine Eigenschaft des Bildes, nicht des Input-Felds. Du schaltest es im Properties-Panel ein.
- Klicke auf dem Canvas oder im Layers-Panel auf das Bild. Das Properties-Panel zeigt seine Eigenschaften.
- Klicke im Abschnitt Image auf das Kästchen Remove background. Das Motiv ist jetzt freigestellt, und an der Stelle des Hintergrunds siehst du, was im Design hinter dem Bild liegt. Liegt dort nichts, zeigt Studio ein Schachbrettmuster: Die Stelle ist durchsichtig.
- Schau auf dem Canvas, ob hinter dem Bild etwas Passendes liegt, zum Beispiel eine Fläche in deiner Markenfarbe.
Bild änderbar machen
Damit Nutzer ihr eigenes Foto hochladen, braucht das Bild ein Image-Input-Feld. Wie du es erstellst, steht in Input-Feld erstellen: Text oder Bild änderbar machen. Jedes Foto, das Nutzer dort hochladen, wird automatisch freigestellt. Bilder, die Nutzer aus Pexels oder einem Google Drive Folder wählen, bleiben so, wie sie sind.
Ergebnis im Design-Generator testen
Der Design-Generator ist die Seite, auf der Nutzer dein Template ausfüllen und ihr Design exportieren können. Hier siehst du, wie die Freistellung bei Fotos von Nutzern aussieht.
- Klicke oben rechts in der Toolbar auf Share und dann auf Publish Template Link. Hast du das Template schon veröffentlicht, heißt der Menüpunkt Open Template Campaign. Ein Popup mit den Share-Einstellungen öffnet sich. Dein Template ist jetzt über einen Link erreichbar.
- Klicke auf Copy URL und öffne den Link in einem neuen Browser-Tab. Der Design-Generator öffnet sich. Am Computer stehen links die Input-Felder, rechts das Design.
- Lade im Image-Input-Feld ein Foto hoch. Das Design zeigt das Motiv ohne Hintergrund.
- Schau dir das Ergebnis mit verschiedenen Fotos an: mit ruhigem und mit unruhigem Hintergrund, mit offenen Haaren, mit mehreren Personen. Prüfe, ob das Design in allen Fällen gut aussieht.