Dokumentation durchstöbern

Grafik und Video

Canvas: Grafiken und Präsentationen bearbeiten

Canvas ist der Grafikeditor von Semurai. Du platzierst Text, Formen, Fotos, Tabellen und Diagramme auf der Seite, bittest Dezaina im KI-Chat, das Design zu ändern, sammelst Kommentare von deinem Team und exportierst das Ergebnis als Bild, PDF, MP4-Video oder GIF.

Dein Guide
DezainaMarke & Kreation

Ein Design starten

Canvas-Designs liegen in Creative Studio neben den Designs, die Dezaina vorbereitet. So startest du eines:

  • Leere Größe: Klick in Creative Studio auf eine Kachel unter Graphics (Post 4:5, Square 1:1, Story 9:16, Banner 16:9, Ad oder A4) oder wähle eine Größe unter New project → Blank graphic in Canvas.
  • Mit Dezaina: Beschreib in Creative Studio eine Social-Media-Grafik, ein Karussell oder eine Anzeige. Sobald die erste Version fertig ist, öffnet sie sich in Canvas.
  • Aus einem Social-Media-Post: New graphic in Canvas oder Edit image in Canvas im Post-Editor. Wenn du fertig bist, bringt Use in post die Grafik zurück in den Post.
Die Kacheln unter „Graphics“ in Creative Studio: Post, Square, Story, Carousel, Banner, Ad und A4
Jede Kachel unter „Graphics“ öffnet ein leeres Design in dieser Größe in Canvas.

Der Editor

Der Canvas-Editor mit dem Launch-Post für Ember Roast, der Panelleiste links, der Einfügeleiste unter der Seite und der Seitenleiste unten
In der Mitte das Design, links die Panels, unten die Seiten.
  • Der Header: der Name des Designs, der Speicherstatus, Save, Undo und Redo. Rechts: die Ansichtsoptionen (Lineale, Raster, sichere Ränder), Comments, Version history, das Menü More, dann Present, Export und Share.
  • Die Einfügeleiste unter der Seite fügt Text, eine Form, eine Tabelle, ein Diagramm oder ein Bild hinzu.
  • Die Seitenleiste unten fügt Seiten hinzu, dupliziert, benennt um, ordnet neu und löscht sie.
  • Properties öffnen sich rechts, wenn du ein Element auswählst: Text, Aussehen, Effekte, Position und Anordnung.
  • Ein Rechtsklick auf ein Element bietet Kopieren und Einfügen, Anordnen und Ausrichten, Gruppieren, Sperren, Add comment, Ask AI und bei Fotos Remove background und Enhance. ? zeigt alle Tastenkürzel.

Panels

PanelWas es enthält
TemplatesVorlagen und fertige Layouts.
ElementsText, Formen, Tabellen und Diagramme.
UploadsDeine Bilder und die Mediathek.
PhotosKostenlose Fotos von Pixabay.
LayersDie Elemente der Seite, in ihrer Reihenfolge.
BrandDie Logos, Farben und Schriften deiner Marke.
FontsGoogle Fonts und Markenschriften.
AI chatÄnderungen mit Dezaina.
AnimateAnimationen für Seiten und Elemente.

Alt + 1 bis 9 öffnen die Panels in dieser Reihenfolge.

Vorlagen

Durchsuche die Vorlagen oder filtere sie nach Format. Auf einer leeren Seite wird eine Vorlage sofort angewendet; auf einer Seite mit Inhalt wählst du Replace the current page, Add as a new page oder Replace all pages. Mit einem Brand Kit kleidet Apply my brand die Vorlage in deine Farben, Schriften und dein Logo.

Das Panel „Templates“ mit einem Suchfeld, Formatfiltern und Vorschauen der Vorlagen
Vorlagen, gefiltert nach Format.

Ebenen

„Layers“ listet die Elemente der Seite von oben nach unten auf. Zieh sie, um die Reihenfolge zu ändern, und doppelklick, um sie umzubenennen. Unter der Liste legst du die Hintergrundfarbe der Seite fest.

Das Panel „Layers“ mit der Überschrift, der Beschreibung, dem Button und dem Foto der Seite
Alle Elemente der Seite in einer Liste.

Mit Dezaina im KI-Chat bearbeiten

  1. KI-Chat öffnen

    Klick in der Panelleiste auf AI chat. In einem leeren Chat siehst du Ideen wie Shorten the texts on this page oder Match the colors to the photo.

  2. Änderung beschreiben

    Schreib in deinen eigenen Worten, was sich ändern soll, zum Beispiel mach die Überschrift größer und den Button in Ember, und drück Enter. Um ein einzelnes Element zu ändern, wähle es zuerst aus: Der Chat zeigt dann, worauf sich die Anfrage bezieht. Oder nutze Ask AI about the selection in der Werkzeugleiste.

  3. Dezaina bei der Arbeit zusehen

    Dezaina bearbeitet die Seite live: Du siehst ihren Namen an dem Element, das sie ändert, und der Header zeigt, dass Dezaina gerade bearbeitet. Ist sie fertig, sagt sie, was sie geändert hat, und schlägt nächste Schritte vor, die du mit einem Klick senden kannst.

  4. Behalten oder rückgängig machen

    Jede Antwort wird als KI-Änderung im Versionsverlauf gespeichert und lässt sich mit Undo in einem Schritt rückgängig machen.

AufnahmeTranskript
  1. Öffne den KI-Chat neben dem Design
  2. Beschreib die Änderung in deinen eigenen Worten
  3. Absenden: Dezaina beginnt, das Design zu bearbeiten
  4. Die Änderungen erscheinen auf der Seite, während Dezaina arbeitet
  5. Dezaina sagt, was sie geändert hat, und schlägt nächste Schritte vor
Der KI-Chat nach der Änderung: die Anfrage, die Antwort von Dezaina mit 16 umgesetzten Änderungen und zwei Vorschlägen sowie das Design mit Überschrift und Button in Ember
Dezaina berichtet, was sie geändert hat, und schlägt den nächsten Schritt vor.
  • Dezaina kann auch ein Bild oder ein neues Design generieren, Varianten vorbereiten, Kopien in anderen Größen erstellen und ein Bild bearbeiten. Würde ein neues Design eine Seite ersetzen, die bereits Elemente enthält, fragt sie zuerst: Replace page, Add as a new page oder Cancel.
  • More → AI design review bewertet die Seite von 1 bis 5 in Lesbarkeit, Hierarchie, Komposition, Bildern, Markenbezug und Zielerreichung und bietet für jedes Problem einen Fix an. Die Bewertung ist eine Orientierung, sie sagt keine Kampagnenergebnisse voraus.

Kommentare

Öffne im Header Comments, schreib in Write a comment… und klick auf Add. Der Kommentar wird am ausgewählten Element oder in der Mitte der Seite angeheftet und erscheint als nummerierter Pin. Erwähne Personen mit @, antworte im Thread und schließ ihn mit Resolve ab, wenn alles erledigt ist. Open und Resolved wechseln zwischen den Threads.

Kommentare zum Design: nummerierte Pins auf der Überschrift und dem Button und zwei offene Threads im Panel
Jeder Thread hat einen Pin auf der Seite.

Exportieren

Klick auf Export, leg den Dateinamen, das Format und bei mehreren Seiten die zu exportierenden Seiten fest. Klick dann auf Download.

FormatOptionen
PNG (best quality)Größe 1× bis 3×, transparenter Hintergrund.
JPG (smaller file)Größe 1× bis 3×, JPG-Qualität.
PDFGröße 1× oder 2×.
MP4 video (with animations)Full HD 1080 oder 720p.
GIF (looping animation)480 oder 720 px.
Das Fenster „Export“ mit dem Dateinamen und der geöffneten Formatliste: PNG, JPG, PDF, MP4-Video und GIF
Wähle ein Format, dann „Download“ oder „Save to media library“.
  • Mehrere Seiten als PNG oder JPG werden als eine ZIP-Datei heruntergeladen.
  • Die Eigentümerin oder der Eigentümer eines Designs sieht außerdem Save to media library, mit einem Zielordner. Dateien bis 50 MB passen in die Mediathek.
  • MP4 ist verfügbar, wenn dein Gerät H.264-Video kodieren kann; andernfalls wähle GIF.

Versionsverlauf

Canvas speichert kurz nach jeder Änderung automatisch. Version history (das Uhrsymbol im Header) listet die gespeicherten Versionen mit Vorschau und Grund auf: Autosave, Saved manually, AI change oder eine wiederhergestellte Version. Wähle eine aus und klick auf Restore this version; der aktuelle Stand bleibt ebenfalls im Verlauf.

Das Fenster „Version history“ mit vier Versionen links und der Vorschau der ausgewählten Version mit „Restore this version“
Sieh dir eine Version an, bevor du sie wiederherstellst.

Teilen

Die Eigentümerin oder der Eigentümer eines Designs klickt auf Share, um:

  • Personen einzuladen, die ein Semurai-Konto haben, per E-Mail als Can edit, Can comment oder Can view. In derselben Liste änderst oder entfernst du den Zugriff.
  • einen Nur-Lesen-Link zu erstellen: Jeder mit dem Link sieht das Design ohne Anmeldung, kann es aber nicht bearbeiten. Allow downloading the design legt fest, ob man es herunterladen kann. Der Link zeigt seine Aufrufe und lässt sich mit Turn off the link ausschalten.
Das Fenster „Share“ mit zwei Personen mit Zugriff und einem aktiven Nur-Lesen-Link mit erlaubtem Download
Personen mit Zugriff und ein Nur-Lesen-Link.

Größe ändern

Öffne More → Resize…. Create copies (Standard) erstellt eine Kopie für jede gewählte Größe; Resize this design ändert dieses Design. Wähle aus Instagram quadratisch, Post und Story, Facebook-Anzeige, LinkedIn-Post, breitem Banner, Präsentation und A4, oder gib eine eigene Breite und Höhe ein.

Das Fenster „Resize“ mit „Create copies“, acht Größen, eigener Breite und Höhe und dem Schalter „Fit elements“
Kopien in anderen Größen, mit an jede Größe angepassten Elementen.
  • Fit elements (standardmäßig aktiv) skaliert die Elemente und passt den Text an das neue Format an. All pages ändert die Größe aller Seiten.
  • Kopien tragen den Namen des Designs mit (copy) und öffnen sich aus der Liste mit Open.
  • Für eine ganz andere Form, zum Beispiel von einer Story zu einem Quadrat, bitte Dezaina im KI-Chat, das Layout neu aufzubauen.

Präsentieren

Present zeigt das Design Seite für Seite im Vollbild. Die Pfeiltasten, Bild auf, Bild ab und die Leertaste wechseln die Seite, Pos1 und Ende springen zur ersten und letzten, G zeigt alle Seiten, F schaltet den Vollbildmodus um und Esc beendet die Präsentation. Seiten mit Animationen spielen sie ab.

Das Design im Vollbild mit der Präsentationsleiste: Seite 1 von 2, alle Seiten, Vollbild und „Exit presentation“
Präsentationsmodus: Beweg die Maus, um die Steuerung einzublenden.

Wie geht es weiter

Deine Agenten sind bereit.
Gib ihnen ein Ziel.

Starte mit deiner Website. Semurai lernt deine Marke kennen und plant deine erste Woche Content.

  • Dauerhaft kostenloser Plan
  • Keine Kreditkarte nötig
  • In rund 3 Minuten eingerichtet