Kostenlos starten
← Alle Anleitungen

Magic Canvas: Grafiken in deinem Browser gestalten, von Hand oder per Sprache

Magic Canvas (für Bearbeitung im Stil von Photoshop mit Pinseln, Masken und Retusche nutze Pro Designer) ist ein Grafikeditor mit Ebenen für Social-Media-Beiträge, Flyer, Postkarten, Visitenkarten, Web-Banner, E-Mail-Kopfzeilen und Fotos. Starte mit einer Größe, einem Foto oder einem Satz (aiKit gestaltet das Layout für dich) und ändere dann alles: von Hand mit Ebenen, Schriften und Fotowerkzeugen oder indem du aiKit mit deinen eigenen Worten sagst, was du willst. Bearbeiten ist kostenlos; nur das KI-Layout, KI-Änderungen und KI-Bilder verbrauchen Token.

Magic Canvas öffnen →
1

Ein Design beginnen

Der Startbildschirm hat drei Teile. Beschreibe es, aiKit erstellt es: Tippe oder diktiere, was du brauchst (für wen es ist, was es sagen soll, die Wirkung), und wähle eine Größe aus der Liste, dann drücke auf Mein Design erstellen. Der Editor öffnet sich, und das Layout wird als echte Ebenen aufgebaut, die du ändern kannst; alles, was aiKit nicht tun konnte, wird zuerst unter Noch nicht erledigt aufgelistet. Angaben wie Telefonnummern, Preise und Adressen werden nur verwendet, wenn du sie eingegeben hast; andernfalls siehst du einen Platzhalter in eckigen Klammern wie [Telefon] zum Ausfüllen.

Oder beginne mit einer leeren Größe: Die Reiter Social, Print, Web und E-Mail zeigen Größen mit einem kleinen Bild ihrer Form (Instagram-Beitrag 1080 × 1350, Story 1080 × 1920, Flyer 8,5 × 11 Zoll, Visitenkarte 3,5 × 2 Zoll, Poster 18 × 24 Zoll, Website-Banner 1920 × 800 und die üblichen 600 Pixel breiten E-Mail-Größen: Kopfzeile 600 × 200, Hauptbanner 600 × 300, Bild 600 × 400 und zweispaltig 300 × 300, die standardmäßig mit 2-facher Auflösung heruntergeladen werden, damit sie auf Handys scharf bleiben). Benutzerdefinierte Größe nimmt jede Breite und Höhe in Pixeln oder Zoll sowie den Verwendungszweck; Zoll bedeutet Druck. Ein Foto bearbeiten öffnet ein Bild von deinem Computer in seiner ursprünglichen Größe.

Meine Designs listet die Designs auf, die du gespeichert hast (neueste zuerst, mit einem Bild jedes Designs), durchsuchbar nach Name. Klicke auf eines, um es mit allen noch bearbeitbaren Ebenen wieder zu öffnen. Jedes Design hat seine eigene Adresse, sodass du sie als Lesezeichen speichern oder den Link an einen Teamkollegen in deinem Konto senden kannst.

2

Der Editor-Bildschirm

Oben: Designs (zurück zum Startbildschirm), der Name des Designs (klicken zum Umbenennen), seine Größe, Rückgängig und Wiederholen, Zoom (minus, der Prozentwert, plus; klicke auf den Prozentwert, um die Seite einzupassen), der Pro-Schalter, Design speichern und Herunterladen. Auf einem Trackpad oder mit Mausrad bewegt Scrollen die Seite, und Zusammenziehen (oder Strg/⌘ + Scrollen) zoomt.

Links ist die Leiste: Assets, Text, Formen, Fotos, Marke, Ebenen und Verlauf. Jede öffnet ihr Panel neben der Leiste; klicke sie erneut an, um das Panel zu schließen und der Seite mehr Platz zu geben. In der Mitte liegt die Seite auf einem grauen Schreibtisch. Rechts stehen die Einstellungen für das Ausgewählte oder, wenn nichts ausgewählt ist, für die Seite selbst. Unter der Seite befindet sich die KI-Leiste.

Druckgrößen zeigen zwei Hilfslinien, die nie mitgedruckt werden: Die durchgezogene rote Linie ist der Schnitt des Papiers (der Beschnitt), und die gestrichelte blaue Linie darin ist der sichere Bereich. Halte Wörter und Logos innerhalb der gestrichelten Linie. Farben und Fotos, die bis zum Papierrand reichen sollen, müssen über die rote Linie bis zum äußeren Rand der Seite hinausragen (dieser zusätzliche 1/8 Zoll ist der Anschnitt).

Einfach ist die Standardeinstellung. Schalte Pro ein, um für jede Ebene genaue Werte für Position und Größe (X, Y, B, H und Drehung in Grad) sowie Mischmodi (Multiplizieren, Negativ multiplizieren, Überlagern und weitere) zu sehen. Deine Auswahl wird in diesem Browser gespeichert.

3

Text, Formen, Fotos und deine Marke

Text: Füge eine Überschrift, eine Unterüberschrift oder Fließtext hinzu und doppelklicke dann auf der Seite, um zu schreiben. Wenn Text ausgewählt ist, findest du rechts die Schriftart (31 Schriften in Gruppen: Clean, Bold, Condensed, Serif, Script, Handschrift, Fun, Retro), Größe, fett, kursiv, unterstrichen, Aa (zwischen GROSS und normal wechseln), Ausrichtung, Farbe (deine Markenfarben stehen zuerst), Buchstabenabstand, Zeilenhöhe, Kurve (biegt die Zeile zu einem Bogen oder einem Lächeln) sowie Effekte: Kontur (mit Farbe und Breite) und Schatten.

Formen: Rechteck, abgerundetes Rechteck, Kreis, Dreieck, Stern, Linie, Pfeil und Herz. Ausgewählt hat eine Form Füllung (oder Keine Füllung), Randfarbe und Randbreite sowie abgerundete Ecken bei Rechtecken. Ein Rechteck hinter dem Text ergibt ein Farbband oder ein Etikett.

Fotos: Vom Computer hochladen (mehrere gleichzeitig), KI-Bild (beschreibe es und drücke Bild erstellen; das dauert 20 bis 40 Sekunden und verbraucht Token) oder aus deiner Grafikbibliothek auswählen (direkt im Fenster suchen). Marke zeigt die Farben und Logos aus den Markenkits, die du in Logo Kit gespeichert hast: Klicke auf eine Farbe, um die Auswahl einzufärben (oder den Hintergrund, wenn nichts ausgewählt ist), klicke auf ein Logo, um es hinzuzufügen.

4

Fotowerkzeuge und Magische Effekte

Der Reiter Farbe ist ein vollständiger Farbwähler: Ziehe im Quadrat für Sättigung und Helligkeit und im Streifen für den Farbton, oder gib HEX-, RGB-, HSB- oder CMYK-Werte ein. Oben wechselst du zwischen Vordergrund- und Hintergrundfarbe. Markenfarben, zuletzt verwendete Farben und Farbfelder sind mit einem Klick verfügbar, und der Systemwähler enthält eine Pipette für den Bildschirm. Ein Klick auf die Farbfelder unten in der Werkzeugleiste öffnet ihn ebenfalls.

Wähle ein Foto aus, um seine Werkzeuge zu sehen. Schnelle Korrekturen: Hintergrund entfernen und 2× vergrößern laufen kostenlos auf deinem Gerät (beim ersten Mal wird das kostenlose Modell einmalig heruntergeladen). Magische Effekte, ebenfalls kostenlos auf deinem Gerät: Automatisch verbessern misst Licht und Farbe des Fotos und stellt Helligkeit, Kontrast, Farbe und etwas Schärfe passend ein, danach zeigt es dir, was geändert wurde. Farben aufhellen gibt den Farben mehr Kraft, ohne dass Hauttöne gemalt wirken.

Farblook ändert das Farbprofil des Fotos: Natürlich, Petrol & Orange, Goldene Stunde, Film, Matt, Kino, Pastell, Noir und Pop. Duoton malt das Foto in zwei Farben (dunkle Teile in der ersten, helle Teile in der zweiten); er beginnt mit deinen Markenfarben, wenn du welche hast. Motiveffekte erkennen das Motiv auf deinem Gerät: Porträt-Unschärfe macht den Hintergrund hinter dem Motiv unscharf, Farbspritzer macht den Hintergrund schwarzweiß, während das Motiv seine Farbe behält, und Sticker schneidet das Motiv mit weißem Rand und weichem Schatten aus.

Regler: Lebendigkeit, Schärfen, Filmkorn und Pixelkunst, dann Helligkeit, Kontrast, Sättigung, Wärme und Unschärfe sowie Filter mit einem Tipp (S/W, Sepia, Vintage, Lebhaft, Kühl, Warm, Verblasst). Anpassungen zurücksetzen stellt Regler und Filter zurück. Zuschneiden zeigt einen gestrichelten Rahmen: ziehe ihn und ändere seine Größe, dann drücke Zuschneiden (oder Abbrechen). Formen legt das Foto in einen Kreis, ein abgerundetes Rechteck, einen Stern oder ein Herz. Spiegeln dreht es seitenverkehrt.

5

Ebenen anordnen

Für jede ausgewählte Ebene: Transparenz (wie durchsichtig sie ist), Position auf der Seite (links, Mitte, rechts, oben, Mitte, unten; bei Druckformaten am sicheren Bereich gemessen), Nach vorne, Nach hinten, Duplizieren, Sperren und Löschen. Beim Ziehen zeigt eine rote Linie, wenn die Ebene auf der Seite zentriert ist, und sie rastet dort ein.

Das Ebenen-Fenster listet alles oben beginnend auf, mit einem Symbol für Text, Foto oder Form. Klicke auf einen Namen, um ihn auszuwählen, doppelklicke, um ihn umzubenennen (die KI verwendet diese Namen ebenfalls), und benutze die Pfeile, um sie nach oben oder unten zu verschieben, das Auge, um sie auszublenden oder einzublenden, und das Schloss, um sie zu sperren, damit sie nicht versehentlich verschoben wird.

Tastatur: Entf oder Rück entfernt die Auswahl, ⌘Z macht rückgängig, ⇧⌘Z stellt wieder her, ⌘D dupliziert, ⌘C und ⌘V kopieren und einfügen, die Pfeiltasten verschieben leicht (halte Umschalt für größere Schritte), Escape hebt die Auswahl auf. Unter Windows verwende Strg statt ⌘.

6

Deine Ressourcen: Bilder, die aiKit ansieht

Ressourcen ist die erste Schaltfläche in der linken Leiste, und der Startbildschirm hat dasselbe Feld unter Beschreiben (Füge dein Logo, Fotos oder ein Design hinzu, zu dem es passen soll). Füge bis zu 6 Bilder hinzu: Ziehe sie in das Feld, füge eines ein (⌘V oder Strg+V überall auf der Seite), drücke Hochladen oder drücke Grafikbibliothek, um bereits vorhandene auszuwählen (klicke auf ein Bild, um es hinzuzufügen, und erneut, um es zu entfernen). Jeder Upload wird in deiner Grafikbibliothek im Ordner Magic Canvas/Assets gespeichert, damit er später für jedes Werkzeug verfügbar ist.

Jede Ressource hat einen Namen, den du ändern kannst, und eine Art: Logo (wird auf dem Design platziert), Foto (wird im Design verwendet), Produkt (groß hervorgehoben) oder Stil angleichen (wird nie platziert; aiKit übernimmt sein Aussehen: Farben, die Anmutung der Schriften, das Layout und die Stimmung). aiKit schaut sich bei jeder Anfrage wirklich jede Ressource an, daher funktionieren Eingaben wie „verwende mein Logo“, „setze das Produktfoto links hin“ oder „mach es wie den Flyer, den ich hinzugefügt habe“ mit einfachen Worten. Das + bei einer Ressource platziert sie selbst auf der Seite; × entfernt sie aus der Liste (sie bleibt in deiner Grafikbibliothek).

Unter der Seite zeigt eine kleine Zeile, was aiKit für deine nächste Anfrage verwendet: Sieht 3 Ressourcen (klicke darauf, um Ressourcen zu öffnen) und den verwendeten Stil, falls vorhanden. Wenn du ein Design änderst, erhält aiKit außerdem ein Bild davon, wie die Seite gerade aussieht, sodass „das Foto ist zu dunkel“ oder „die Wörter sind schwer lesbar“ so verstanden werden, wie du es siehst. Ein Bild direkt auf die Seite zu ziehen, platziert es dort.

7

Verlauf, Versionsverlauf und gespeicherte Stile

Verlauf ist der letzte Button links in der Leiste. Die Versionshistorie zeigt jeden Moment des Designs, neueste zuerst: jede KI-Anfrage (Mit KI erstellt, Mit KI geändert), jede Runde manueller Änderungen (Von Hand geändert), jedes Mal, wenn du etwas wiederherstellst, und jede erstellte Version. Eine Runde manueller Änderungen wird etwa 20 Sekunden nach deinem letzten Schritt zu einem eigenen Moment, und ein gespeichertes Design sichert sich im selben Moment selbst, sodass nichts verloren geht, selbst wenn du den Tab schließt. Jeder Moment wird mit dem Design gespeichert (bis zu 500 pro Design; benannte Versionen bleiben immer erhalten). Wenn du ein Design über Meine Designs wieder öffnest oder den Link auf einem anderen Computer öffnest, ist der gesamte Verlauf wieder da.

Jeder Moment zeigt ein kleines Bild des Designs zu diesem Zeitpunkt, die Uhrzeit und die KI-Kosten, deine eigenen Worte in Anführungszeichen und bei manuellen Änderungen eine kurze Zeile, was sich geändert hat (zum Beispiel 2 Änderungen: „Sommerverkauf“-Text · Farbe eines Kreises). Details zeigt, was aiKit getan hat, was es nicht getan hat, den Stil (Farbpunkte und Schriften), die Größe, eventuelle Versionsnamen, die verwendeten Dateien und Genau das wurde aiKit angefragt: die Anfrage, so wie aiKit sie erhalten hat (Größe, deine Worte, die Dateien und ihre Arten, der Stil, der vorgegeben wurde).

Diese Version benennen oben gibt dem Design in seinem jetzigen Zustand einen Namen und optional eine Notiz, zum Beispiel An Kunden gesendet, vor der Farbänderung. Benannte Versionen sind mit einem Lesezeichen und einem farbigen Rand markiert. Benennen (oder Umbenennen) bei jedem Moment benennt genau diesen. Die Filter über der Liste zeigen Alle, Benannt, KI oder Von Hand. Name entfernen (unter Details) macht eine benannte Version wieder zu einem normalen Moment.

Buttons bei jedem Moment: Wiederherstellen (das Design kehrt zu diesem Moment zurück, als neuer Moment, und ⌘Z macht es rückgängig), Mit jetzt vergleichen, Benennen und Von hier starten (öffnet ein neues, eigenes Design ab diesem Moment, sodass das, an dem du arbeitest, unverändert bleibt). Unter Details: Diesen Stil verwenden (deine nächste KI-Anfrage nutzt diese Schriften und Farben) und Stil speichern (benenne ihn, um ihn zu behalten).

Vergleichen zeigt die beiden nebeneinander oder mit einem Schieberegler. Unter den Bildern steht eine Liste Was sich geändert hat, eine Zeile pro Ebene: Hinzugefügt, Entfernt oder Geändert, mit einer Beschreibung in Worten (der alte und neue Text, verschoben, skaliert, gedreht, Farbe, Schrift, Schriftgröße, transparent, ausgeblendet, Kontur, Schatten, Fotolook, zugeschnitten, nach vorne oder nach hinten gebracht, und der Hintergrund). Wenn du einen Moment mit jetzt vergleichst, hat jede Zeile Diesen Teil wiederherstellen (die Ebene kehrt so zurück, wie sie damals war, oder eine entfernte Ebene kommt zurück) oder Entfernen (für eine seitdem hinzugefügte Ebene), und der Rest des Designs bleibt wie jetzt; ⌘Z macht es rückgängig. Alles wiederherstellen stellt das gesamte Design zu diesem Moment zurück.

Um zwei beliebige Momente zu vergleichen, setze das Häkchen rechts bei zwei Momenten und drücke Diese 2 vergleichen: Der ältere steht links, die Liste Was sich geändert hat liest sich vom älteren zum neueren, und du kannst jeden von beiden wiederherstellen.

Gespeicherte Stile stehen oben im Verlauf. Diesen Look des Designs als Stil speichern liest Schriften, Hauptfarben und Hintergrund von der Seite ab und fragt nach einem Namen. Verwenden legt einen Stil auf deine nächsten KI-Anfragen (er erscheint unter der Seite als Stil: Name, mit × zum Beenden); auch der Startbildschirm hat eine Stil-Liste, sodass ein neues Design direkt in deinem Look beginnt. Stile gehören zu deinem Arbeitsbereich, daher kann jedes Teammitglied sie verwenden.

8

Duplizieren und Versionen

Versionen in der oberen Leiste öffnet drei Optionen. Duplizieren erstellt eine Kopie des Designs (mit seinem Verlauf) und öffnet sie, sodass du eine Idee in eine eigene Richtung entwickeln kannst, während das erste Design unverändert bleibt. Versionen erstellen… bittet aiKit um 2 bis 6 Versionen. Alle vergleichen zeigt jede Version nebeneinander. Duplizieren und Versionen erstellen gibt es außerdem unter jedem KI-Ergebnis, neben Diese KI-Änderung rückgängig machen.

Bei Versionen erstellen wählst du, wie viele (2–6), und beschreibst, wie sie sich unterscheiden sollen, in beliebigen Worten: „3 Flyer für verschiedene Zielgruppen: Senioren, Studierende und Familien“, „andere Überschriften ausprobieren“, „ein quadratischer Post, eine Story und ein Banner“, „eine als kurzes Video“. Die Chips unter dem Feld ergänzen häufige Vorschläge. Lässt du es leer, variiert aiKit Layout, Überschrift und Farben. Ist auf der Seite etwas ausgewählt, behält Nur Ausgewähltes ändern alles andere unverändert bei (zum Beispiel drei Varianten der Überschrift). Deine Fakten (Namen, Daten, Preise, Angebote) bleiben in jeder Version gleich; alles, was aiKit nicht kannte, ist ein [Platzhalter].

Die Versionen werden nacheinander erstellt, mit einer Zeile für jede: wofür sie gedacht ist, ihre Größe, was aiKit geändert hat, was nicht getan wurde, und Öffnen. Eine Version in einer neuen Größe wird für diese Größe frisch aus deinem Design, deinen Dateien und den bereits enthaltenen Fotos gestaltet. Jede Version ist ein eigenes Design mit eigenem Verlauf, gespeichert neben dem Original. Versionen mit der Markierung Video sind für Animation vorbereitet.

Sobald ein Design Versionen hat, läuft oben ein Streifen Versionen: Klicke auf eine, um sie zu öffnen (jede hat ihren eigenen Link), Alle vergleichen, um sie zusammen zu sehen, und Diese öffnen, um weiter daran zu arbeiten. Jede Version kostet etwa 1–2 ¢ KI; KI-Bilder kosten je 5 ¢.

9

aiKit sagen, was geändert werden soll

Gib eine Änderung in die Leiste unter der Seite ein oder diktiere sie und drücke Ausführen: „Hintergrund dunkler machen“, „Logo oben rechts platzieren“, „Überschrift gebogen und golden machen“, „wärmeres Foto mit Filmlook“, „Hintergrund hinter der Person verwischen“, „rotes SALE-Abzeichen in der Ecke hinzufügen“. Auf einer leeren Seite erstellt dieselbe Leiste ein komplettes Design. aiKit liest deine Ebenen (ihre Namen, Texte, Größen und Positionen) und ändert sie; nichts wird von Grund auf neu gezeichnet.

Jede Anfrage wird wie eine Checkliste behandelt. Was nicht erledigt wurde, steht zuerst unter Noch nicht erledigt mit dem Grund (zum Beispiel kann eine Person aus einem Foto hier nicht entfernt werden), der Rest ist mit einem Häkchen aufgelistet. Diese KI-Änderung rückgängig machen stellt das Design genau wie zuvor her; das normale Rückgängig funktioniert ebenfalls. Unter jedem Ergebnis kannst du mit Daumen hoch oder runter bewerten und sagen, was schiefging; Senden und korrigieren bittet aiKit, es mit deiner Notiz erneut zu versuchen.

10

Speichern und Herunterladen

Mit „Design speichern“ wird das gesamte Design mit allen Ebenen gespeichert, sodass Sie es unter „Meine Designs“ wieder öffnen und weiter bearbeiten können. Fotos, die Sie hochgeladen oder mit KI erstellt haben, werden beim ersten Speichern in Ihre Grafikbibliothek (Ordner Designs/Fotos) gelegt. So bleibt das Design klein und lässt sich auf jedem Computer öffnen.

Mit „In Pro Designer öffnen“ (neben „Herunterladen“) wird das fertige Design in Ihre Grafikbibliothek gelegt und im Pro Designer geöffnet, wo Sie es mit Werkzeugen im Stil von Photoshop von Hand fertigstellen können.

„Herunterladen“ öffnet ein Fenster. Dateityp: PNG (am schärfsten, behält transparente Bereiche), JPG (kleiner; wählen Sie Beste, Hoch oder Kleinere Datei), PDF (für Druckformate: 300 dpi mit 3 mm Beschnitt, Schnittmarken ein oder aus, und das Endformat ist in der Datei hinterlegt, damit die Druckerei es erkennt; bei anderen Formaten eine Seite in Designgröße) oder SVG (Text und Formen bleiben Vektoren; Schriften werden verknüpft). Für Bildschirmgrößen wählen Sie 0,5×, 1×, 2× oder 3×. Speicherort: „Auf diesen Computer herunterladen“ oder „In Grafikbibliothek speichern“ mit Name, Kategorie, Tags, Kunde und Projekt; die gespeicherte Datei verlinkt direkt auf ihren Platz in der Bibliothek.

Nächste Anleitung Grafikbibliothek: hochladen, beschriften und jede Grafik finden

Lieber eine schnelle, konkrete Frage? Zu den FAQ.