Opening, placing and exporting

Öffnen, Speichern, Platzieren, Exportieren und Drucken passieren alles auf Ihrem eigenen Computer. Diese Seite behandelt das native .cut-Dokument, die Formate, die Scissor lesen und schreiben kann, und wie Grafik hinein- und herauskommt.

Alles bleibt auf Ihrem Gerät

Scissor hat keinen Server und kein Konto. Eine Datei, die Sie öffnen, wird im Browser gelesen, auf Ihrem eigenen Gerät, und eine Datei, die Sie exportieren, wird direkt auf Ihre Festplatte geschrieben. Nichts wird hochgeladen, und Grafik verlässt den Computer nicht, es sei denn, Sie schicken sie selbst irgendwohin. Das bedeutet auch, dass es keine Cloud-Kopie gibt, auf die Sie zurückfallen könnten, also speichern Sie Ihre Arbeit wie jedes andere Desktop-Dokument.

In den untenstehenden Kürzeln ist ⌘ Strg unter Windows und Linux, und ⌥ ist Alt.

Das .cut-Dokument

Scissors eigenes Format ist .cut, eine versionierte JSON-Datei, die den ganzen Knotenbaum hält: jede Ebene, Gruppe, Pfad, live Form, Textstück, platziertes Bild, Verlauf, Effekt und Artboard, genau so, wie Sie sie hinterlassen haben. Es ist das einzige Format, das alles bewahrt, was Scissor kann, also ist es das, was Sie speichern, während ein Stück noch in Arbeit ist. Greifen Sie zu einem Export-Format nur, wenn die Grafik zu einem anderen Programm oder zum Web reisen muss.

Ihre Arbeit speichern

Verwenden Sie Datei > Speichern (⌘S), um das Dokument zu schreiben, Speichern unter… (⇧⌘S), um es unter einem neuen Namen zu schreiben, und Kopie speichern… (⌥⌘S), um einen Momentenseitwurf beiseite zu legen, während Sie im Original weitermachen.

Wo der Browser es unterstützt, hält Scissor einen Griff auf die Datei, die Sie gewählt haben, also gehen spätere Speicherungen ohne Dialog an denselben Ort, wie es eine Desktop-Anwendung tun würde. Wo er es nicht tut, kommt jede Speicherung als Download einer frischen .cut-Datei. Wenn eine gespeicherte Datei seitdem verschoben wurde oder ihre Berechtigung entzogen wurde, fällt Scissor darauf zurück, Sie zu fragen, wohin sie wieder soll.

Dokumente starten und schließen

Datei > Neu… (⌥⌘N) öffnet ein leeres Dokument aus dem Dialog „Neues Dokument", wo Sie seine Größe und mit wie vielen Artboards es beginnt, einstellen. Datei > Öffnen… (⌘O) liest bestehende Dateien und kann mehrere auf einmal annehmen. Schließen Sie das aktive Dokument mit Datei > Schließen (⌥⌘W).

Andere Formate öffnen

Datei > Öffnen… (⌘O) liest mehr als Scissors eigene Dokumente. Sie können mehrere Dateien auf einmal auswählen oder sie auf die Zeichenfläche ziehen. Was durchkommt, hängt vom Format ab.

SVG (.svg)

Tiefgründig gelesen. Pfade und die grundlegenden Formen (Rechteck, Kreis, Ellipse, Linie, Polylinie, Polygon), Gruppen, verschachtelte svg, use und symbol und der volle Satz von Transformationen kommen herein. Auch Präsentationsattribute, Inline-Stile und einfache <style>-Regeln (nach Tag, Klasse oder id), lineare und radiale Verläufe, Clipping-Pfade, einfacher Text einschließlich Text entlang eines Pfads und Bilder, eingebettet oder verknüpft. Farben werden als Hex, rgb, hsl oder ein CSS-Farbname gelesen, und Längen in px, Punkten, Picas, Zoll, Millimetern, Zentimetern, em oder ex. Ausgerichtete Rechtecke, Kreise und Ellipsen kommen als live Formen herein, also bleiben sie durch ihre Griffe bearbeitbar statt gefrorene Umriss zu werden. Ein SVG, das Ebenen trägt, öffnet mit diesen Ebenen, Namen und alle, und alle, die verborgen oder gesperrt waren, bleiben verborgen und gesperrt. Musterfüllungen, Masken, Markierungen und Filtereffekte werden nicht übernommen.

PDF und PDF-basierte .ai

Ein Artboard pro Seite. Pfade, Farben, Linienstil, Clipping, Form-XObjects, Text mit seiner Schrift und Position und Bilder (einschließlich JPEG, indizierter Bilder und Schablonenmasken mit ihren weichen Masken-Alpha) kommen herein. Axiale und radiale Schattierungen werden gelesen, ob direkt gemalt oder durch eine Musterfüllung.

EPS (.eps, .epsf)

Eine EPS-Datei ist ein PostScript-Programm, also führt Scissor eines aus. Pfade, Transformationen, Clipping, Grau-, RGB-, CMYK-, HSB- und Sonderfarben, Linienbreite, Enden, Verbindungen und Striche, Verbundpfade mit ihren Löchern und Text mit seiner Schrift kommen herein, und der %%BoundingBox-Kommentar wird zum Artboard (ein %%HiResBoundingBox gewinnt, wenn die Datei einen angibt). Die gängigen Abkürzungsoperatoren sind eingebaut, also lesen Dateien, die sich auf sie verlassen, ohne ihr eigenes Prolog auszuführen, und die binäre Hülle, die ein DOS-EPS trägt, wird zuerst ausgepackt. In einer EPS eingebettete Rasterbilder werden übersprungen.

PSD (.psd)

Pixel-Ebenen werden zu editierbaren Pixel-Ebenen innerhalb ihrer Gruppen, wobei ihre Namen, Deckkraft, Füllmodus und verborgener Zustand behalten werden. Ebenenmasken werden in das Alpha gebacken; Vektormasken und die mit der Datei gespeicherten Pfade kommen als editierbare Pfade herein; Textebenen als editierbarer Text. Die Ebeneneffekte, die zeichnen (Schlagschatten, innere Schatten und Glühen), kommen als Live-Effekte herein.

Rasterbilder (.png, .jpg, .gif, .webp, .bmp, .avif) können auch geöffnet werden. Aus dem Dateidialog geöffnet, wird ein Bild zu einem eigenen Dokument auf einem Artboard, das an die Größe des Bildes angepasst ist; auf bereits geöffnete Grafik abgelegt, wird es stattdessen in dieses Dokument platziert.

Ein Designprogramm, das ein geschlossenes, unveröffentlichtes Format selbst hält, lässt diese Dateien für alle anderen unlesbar, also öffnet Scissor sie nicht. Exportieren Sie stattdessen SVG oder PDF aus diesem Programm, und Scissor liest beides.

Warum .ai gelesen, aber nie geschrieben wird

Eine moderne .ai-Datei ist ein PDF, weshalb eine durch den PDF-Importer hereinkommt. .ai zu schreiben ist eine andere Angelegenheit: Die Endung benennt das Dokument eines anderen Programms, und eine Datei, die vorgibt, eine zu sein, während sie Scissors eigene Struktur trägt, würde irreführen, wer als Nächstes öffnet. Scissor schreibt .cut für seine eigene Arbeit und PDF oder SVG, wenn die Grafik reisen muss.

Grafik platzieren

Datei > Platzieren… (⇧⌘P) bringt SVG und Rasterbilder (PNG, JPEG, GIF, WebP) in das Dokument, das Sie bereits geöffnet haben, statt ein neues zu beginnen. Verwenden Sie es, um ein Logo, ein Foto oder ein Stück gescannte Linienzeichnung in ein laufendes Layout zu legen.

Platziertes SVG kommt als editierbare Grafik herein: Seine Formen, Pfade und Text landen im Dokument als Objekte, die Sie auswählen und umformen können, nicht als flaches Bild. Ein Rasterbild (PNG, JPEG, GIF, WebP) kommt als editierbare Pixel-Ebene in seiner eigenen Größe herein – direkt darauf malen, maskieren, anpassen und filtern und mit Vektorisieren vektorisiert. Die Pixel werden innerhalb des Dokuments gehalten, also sucht es nie nach einer verknüpften Datei, die sich bewegen oder verschwinden könnte; ein sehr großes Foto wird herunterskaliert, um auf eine einzige Fläche zu passen.

Das Ziehen einer Datei auf die Zeichenfläche tut dasselbe wie das Platzieren, außer dass eine .cut, PDF, .ai, .psd oder EPS-Datei als eigenes Dokument hereinkommt. Das Einfügen eines Bildes aus der Zwischenablage platziert es ebenfalls. Um live Grafik in Pixel zu verwandeln, sobald sie fertig ist, verwenden Sie Objekt > Rastern, das die Auswahl durch ein 2x-Bild ihrer selbst ersetzt.

Kopieren, Ausschneiden und Einfügen

Kopieren (⌘C) und Ausschneiden (⌘X) legen die Auswahl auf die Zwischenablage, und Einfügen (⌘V) legt sie nahe der Mitte der Ansicht wieder ab. Scissor hält eine volltreue Kopie seiner eigenen für Rundreisen innerhalb der App und schreibt die Auswahl auch als SVG in die System-Zwischenablage, sodass Sie Grafik direkt in ein anderes Programm einfügen können.

Drei Varianten steuern, wo ein Einfügen landet: Vorne einfügen (⌘F) und Hinten einfügen (⌘B) legen es direkt über oder unter der aktuellen Auswahl in der Stapelreihenfolge, und An Ort einfügen (⇧⌘V) legt es an denselben Koordinaten ab, von denen es kopiert wurde. Weil eine Kopie auch als SVG reist, kann Text oder Grafik, die von anderswo kopiert wurde, eingefügen werden und kommt als editierbare Objekte herein.

Exportieren

Exportieren schreibt eine Kopie der Grafik in ein Format, das für das Teilen oder das Web gemacht ist, und lässt das .cut-Dokument unberührt. Das Untermenü Datei > Exportieren hält die Einzeldatei-Befehle, und zwei andere Wege behandeln viele Dateien auf einmal.

Einzeldateien

Exportieren als SVG… schreibt das aktive Artboard als SVG. Der Schreiber ist gründlich: live Rechtecke, Kreise und Ellipsen werden als echte <rect>, <circle> und <ellipse>-Elemente geschrieben, sodass sie bearbeitbar bleiben; lineare und radiale Verläufe, Musterfüllungen, Clipping- und Knockout-Gruppen, Deckkraft, Füllmodi und Isolierung kommen alle herein; Schlagschatten, Weichzeichner, Glühen und Federn werden als SVG-Filter geschrieben; und Text bleibt als Text, einschließlich Text auf einem Pfad, OpenType-Funktionseinstellungen und einer Füllung mit einem Umriss. Freiform-Verläufe und Verlaufsnetze, die kein SVG-Verlauf beschreiben kann, werden als viele kleine farbige Zellen geschrieben, damit jeder Leser sie korrekt zeichnet. Platziere Bilder und Pixel-Ebenen werden als <image>-Elemente eingebettet.

Exportieren als PNG…, Exportieren als PNG @2x… und Exportieren als PNG (Transparent)… rendern das aktive Artboard als PNG in ein- oder zweifacher Größe, wobei letzteres einen transparenten Hintergrund behält. Exportieren als JPEG… und Exportieren als WebP… schreiben die anderen Rasterformate; JPEG hat keine Transparenz, also behält es immer den Artboard-Hintergrund.

Exportieren als PDF… schreibt das ganze Dokument als PDF, eine Seite pro Artboard. Dies ist ein hausinterner Schreiber, der Vektorpfade, Verläufe, Deckkraft, Clipping, Text und platziere Bilder mit ihrer Transparenz hält, sodas das Ergebnis anderswo bearbeitbar bleibt statt ein verflachtes Bild der Grafik zu sein.

Auswahl exportieren… schreibt nur die ausgewählten Objekte als SVG, zugeschnitten auf das, was Sie gewählt haben. Greifen Sie hierher, wenn Sie ein Icon oder eine Form aus einem belebten Artboard wollen.

Export für Bildschirme

Datei > Exportieren > Export für Bildschirme… (⌥⌘E) schreibt viele Dateien in einem Durchgang, wie Sie ein Set von Assets in mehreren Größen produzieren. Aktivieren Sie die Artboards und Slices, die Sie wollen, aktivieren Sie eine beliebige Kombination von PNG, JPEG, WebP und SVG, und tippen Sie die Skalierungen als Liste wie 1x, 2x, 3x. Jede aktivierte Seite wird in jedem aktivierten Format bei jeder Skalierung geschrieben, also kann ein Durchgang eine ganze Reihe von Dateien produzieren. Vektor-Ausgabe ignoriert die Skalierung, da SVG keine feste Größe hat. Wo der Browser es erlaubt, wählen Sie einen Ordner, und jede Datei wird darin geschrieben; andernfalls kommen die Dateien als separate Downloads.

Slices

Ein Slice markiert ein Rechteck der Zeichenfläche, das eigenständig exportiert wird, sodass Sie mehrere Stücke aus einem Artboard schneiden können. Erstellen Sie sie aus Objekt > Slice: Erstellen verwandelt die Auswahl in ein Slice, Aus Hilfslinien erstellen schneidet das Board entlang seiner Hilfslinien, und Aus Auswahl erstellen macht ein Slice pro ausgewähltem Objekt. Slice-Optionen… legen den Namen, das Format und die Skalierung eines Slices fest, Freigeben entfernt das ausgewählte Slice, und Alle löschen löscht sie. Sie können Slices auch von Hand mit dem Slice-Werkzeug (⇧K) zeichnen. Slices erscheinen neben Artboards in der Export für Bildschirme-Liste.

Das Assets-Panel

Das Assets-Panel (Fenster-Menü) exportiert einzelne Stücke Grafik statt ganzer Boards, was zum Bauen eines Icon-Sets oder einem Komponentenblatt passt. Wählen Sie etwas Grafik aus und drücken Sie Auswahl hinzufügen, um es der Liste hinzuzufügen, dann benennen Sie jeden Eintrag um: Der Name wird zum Dateinamen. Wählen Sie die Formate (PNG, JPEG, WebP oder SVG) und die Skalierungen einmal, dann drücken Sie Exportieren, um jedes Asset bei jeder Kombination zu schreiben. Jedes Asset wird für sich gerendert, auf seine eigenen Grenzen zugeschnitten.

Drucken

Datei > Drucken… (⌘P) sendet das aktive Artboard an den Druckdialog des Browsers. Die Seite wird quer oder hoch entsprechend den Proportionen des Artboards eingestellt, mit einem 12 mm Rand, und die Grafik wird darin eingepasst. Stellen Sie die Größe des Artboards zuerst in Datei > Dokumenteinrichtung… (⌥⌘P) ein.