Nodixio
DocumentationGuide complet de l’atelier
Nodixio-Dokumentation

Finde den richtigen Griff,
im richtigen Moment.

Von der ersten Vektorisierung bis zum fertigen Export: jedes Werkzeug, jedes Verhalten und jedes Kürzel wird hier erklärt.

23 Kapitel · 115 Themen
01

Erste Schritte

Erste Schritte

Verstehen, wie Nodixio arbeitet, und in wenigen Minuten ein erstes SVG erstellen.

Was Nodixio macht

Nodixio vereint zwei Nutzungen in einem Studio: ein Rasterbild in SVG-Pfade umwandeln und diese Pfade anschließend mit Vektorwerkzeugen zeichnen oder überarbeiten. Die Anwendung nimmt so viele technische Details wie möglich ab — Ebenenreihenfolge, Lochstruktur, Anschlüsse und Export — damit du dich auf das visuelle Ergebnis konzentrieren kannst.

Das Ausgangsdokument

Das Studio öffnet ein leeres Dokument namens Ohne Titel 1. Lade nur dann ein Bild, wenn du es vektorisieren möchtest; du kannst auch direkt mit Feder, Text oder parametrischen Formen beginnen.

Der kürzeste Weg

  1. 1

    Studio öffnen und ein PNG, JPEG oder WebP unter Korrektur laden.

  2. 2

    Anzahl Farben, Farbgenauigkeit und ignorierte Störer einstellen.

  3. 3

    Vektorisierung starten: die erkannten Farben landen sofort in der Palette des Dokuments.

  4. 4

    Ergebnis in der Ansicht Überlagert prüfen und danach bei Bedarf die erweiterten Einstellungen verfeinern.

  5. 5

    Formen global korrigieren, dann für einzelne Punkte in Bearbeiten wechseln.

  6. 6

    Ein .nodixio-Projekt speichern oder das Ergebnis als SVG, PNG oder JPEG exportieren.

Zwei Dateien, zwei Zwecke

  • Die .nodixio-Datei bewahrt das Arbeitsprojekt: Quellbild, Formen, Texte, Ebenen, Schriften und Einstellungen.
  • Die .svg-Datei ist das standardisierte Endergebnis für Web, Druck oder eine andere Vektoranwendung.
  • Speichere vor einer langen Korrekturrunde als .nodixio und exportiere erst als SVG, wenn die Zeichnung fertig ist.

Empfohlene Arbeitsweise

02

Erste Schritte

Oberfläche und Ansichten

Die Bereiche des Studios finden, eine Ansicht wählen und in einer großen Zeichnung navigieren.

Die vier Bereiche

  • Die obere Leiste steuert Öffnen, Import, Speichern, Rückgängig und Export.
  • Projekt-Tabs halten mehrere Arbeiten offen und erlauben den Austausch von Elementen.
  • Das linke Panel vereint Korrektur, Bearbeiten, Text, Farben, Muster, Effekte und Kontexteigenschaften.
  • Die Leiste des Arbeitsbereichs steuert Ansicht, Ebenen, Einrasten, Lineale, Vollbild, Verschieben und Zoom.

Ansichtsmodi

  • PNG zeigt nur das Quellbild, nützlich für Bitmap-Retuschen.
  • Nebeneinander zeigt Quelle und Vektorergebnis in zwei getrennten Bereichen.
  • Überlagert stapelt PNG und SVG. Stelle ihre Deckkraft getrennt ein, um genau zu vergleichen.
  • PNG ausblenden macht aus Überlagert eine reine SVG-Ansicht, ohne Einstellungen zu verlieren.
  • Der Bézier-Modus zeigt die Pfade ohne ihr endgültiges Rendering, um den Kurvenaufbau zu prüfen.

Zoom und Verschieben

  • Nutze den Zoom-Regler bis 3 200 % für feine Korrekturen.
  • Zwei Finger auf dem Trackpad zoomen unter dem Zeiger.
  • Aktiviere Verschieben oder drücke H, um den Arbeitsbereich zu bewegen, ohne Objekte zu verändern.
  • Die Schaltfläche Zentrieren setzt den Arbeitsbereich an seine Ausgangsposition zurück.
  • Vollbild vergrößert die verfügbare Fläche, ohne das Dokument zu ändern.

Größenverstellbares Panel

Ziehe die vertikale Trennung zwischen linkem Panel und Arbeitsbereich. Vergrößere das Panel für detaillierte Einstellungen und verkleinere es, wenn die Zeichenfläche wichtiger ist.

03

Vektorisieren und korrigieren

Bildvektorisierung

Ein Bild in saubere Vektorformen verwandeln und die Erkennungseinstellungen beherrschen.

Quelle laden

Klicke unter Korrektur › Erste Vektorisierung auf Bild laden oder ziehe eine PNG-, JPEG- oder WebP-Datei hinein. Ein scharfes, ausreichend großes und wenig komprimiertes Bild liefert immer bessere Konturen.

Erkennung einstellen

  • Anzahl Farben (2 bis 16): Das Bild wird vor dem Nachzeichnen auf diese Palette reduziert. Stelle die tatsächliche Zahl wichtiger Töne ein: zu hoch fragmentiert die Zeichnung in unnötige Teilformen.
  • Farbgenauigkeit (1 bis 8 Bit): wie fein Abstufungen beim Nachzeichnen erhalten bleiben. Ein niedriger Wert fasst ähnliche Töne zusammen, ein hoher trennt sie.
  • Ignorierte Störer (px²): entfernt isolierte Flächen unterhalb dieses Schwellenwerts. Erhöhe ihn schrittweise, um Störungen zu beseitigen, ohne Muster zu verlieren.
  • Die vorherige Farbreduktion verhindert gestapelte Verläufe: jede Grenze wird einmal berechnet, und nur echte Öffnungen zur Transparenz werden zu Löchern.

Erweiterte Einstellungen (VTracer)

  • Verläufe zusammenfassen: wie stark ähnliche Töne zusammengeführt statt gestapelt werden. Ein hoher Wert vereinfacht Verlaufsflächen, ein niedriger behält die Übergänge.
  • Eckenwinkel: Ab diesem Winkel wird ein Punkt als scharfe Ecke statt als Kurve behandelt.
  • Eckenverschiebung: wie weit die erkannte Ecke wandern darf, um der echten Kontur zu folgen.
  • Segmentlänge: das kürzeste gerade Segment, bevor es in eine Kurve umgewandelt wird.
  • Iterationen: Anzahl der Optimierungsdurchläufe. Mehr Iterationen ergeben glattere Kurven, dauern aber länger.
  • Pfad-Dezimalen: wie genau Koordinaten im SVG geschrieben werden. Erhöhe sie für sehr große Zeichnungen, senke sie für kleinere Dateien.
  • Kurvenmodus: Spline erzeugt weiche Kurven, Polygon gerade Segmente, Pixel folgt exakt den Bildzellen.
  • Hierarchie: Gestapelt legt die Farbschichten übereinander, Schnitt setzt sie ohne Überlappung aneinander.

Vektorisieren

  1. 1

    Beginne mit der tatsächlichen Zahl wichtiger Farben.

  2. 2

    Passe bei Bedarf die Farbgenauigkeit an und erhöhe die ignorierten Störer, wenn das Bild verrauscht ist.

  3. 3

    Klicke auf Aktuelles PNG vektorisieren.

  4. 4

    Die Farben des Ergebnisses werden automatisch und ohne Dopplung in die Palette übernommen.

  5. 5

    Wechsle zu Überlagert und senke die PNG-Deckkraft, um die Abweichungen zu prüfen.

  6. 6

    Wenn eine einzelne Form nicht genügt, wähle sie aus und nutze Diese Form neu vektorisieren.

Farben übernehmen

  • Am Ende der Vektorisierung wird jede in den Formen vorkommende Farbe in die Palette übernommen.
  • Bekannte Töne werden nie doppelt angelegt: die Palette bleibt lesbar und wiederverwendbar.
  • Klicke eine Farbkachel an, um sie auf die Auswahl anzuwenden, wie bei einer gezeichneten Form.
  • Das Kreuz auf einer Kachel entfernt die Farbe aus der Palette, ohne die Formen zu ändern.

Das richtige Detailniveau

04

Vektorisieren und korrigieren

Geometrische Korrekturen

Die Näherungen einer Vektorisierung durch saubere Geometrie ersetzen.

Perfekte Formen

  • Kreis baut die Auswahl mit vier Bézier-Ankern neu auf, dem Minimum für einen sauberen SVG-Kreis.
  • Rechteck erzeugt vier Ecken und entfernt überzählige Punkte.
  • Parallelogramm regularisiert ein schräges Viereck.
  • Perfektes Polygon erzeugt eine regelmäßige Figur mit der gewählten Anzahl Seiten.
  • Perfekter Bogen arbeitet an der ganzen Kontur, an einem Loch oder an einem durch zwei Punkte begrenzten Abschnitt.

Globale Glättung

Glätten öffnet eine Live-Vorschau mit zwei Einstellungen. Vereinfachung reduziert die Zahl der Anker; Rundung mildert die Übergänge zwischen Segmenten. Wichtige Ecken und gerade Linien bleiben geschützt. Bestätige erst, wenn Punktzahl und Silhouette passen.

Einen Abschnitt korrigieren

  1. 1

    Wähle Neu zeichnen, Linie, Glätten, − Punkte, + Punkte oder Löschen.

  2. 2

    Klicke die beiden Anker, die den Bereich begrenzen.

  3. 3

    Wähle Kurze Seite oder Andere Seite, wenn die Kontur geschlossen ist.

  4. 4

    Passe die Vorschau an, wenn das Werkzeug eine anbietet, und klicke dann auf Anwenden.

Zwänge zwischen Konturen

  • Merken behält eine Linie oder einen Kreis als Referenz.
  • Parallel machen überträgt die Ausrichtung der Referenz auf den Zielabschnitt.
  • Konzentrisch machen richtet den Mittelpunkt eines Zielkreises am gemerkten aus.
  • Wiederherstellen kehrt zur ursprünglichen Geometrie der gewählten Form zurück.

Automatische oder manuelle Symmetrie

  • Auto sucht die Achse und die Seite, die der Quelle am besten entsprechen.
  • Manuell zeigt eine orange Achse: verschiebe sie, neige sie oder gib ihren Winkel ein und klicke dann die zu behaltende Seite an.
  • Die gegenüberliegende Hälfte wird neu aufgebaut und die Kontur automatisch geschlossen.
05

Zeichnen und bearbeiten

Auswahl und Bézier-Punkte

Ein Objekt auswählen, Überlagerungen durchlaufen und Anker präzise ändern.

Objekte auswählen

  • V aktiviert die Auswahl.
  • Umschalt-Klick fügt ein Objekt hinzu oder entfernt es.
  • Q aktiviert das Lasso: umschließe die gewünschten Objekte vollständig.
  • Ein Klick auf ein Element einer Gruppe wählt die ganze Gruppe.
  • Befehl-Klick — Strg-Klick unter Windows — wählt ein Element innerhalb einer Gruppe. Bei überlagerten Objekten wiederhole die Geste, um die Ebenen von oben nach unten zu durchlaufen.
  • Ist ein darunterliegendes Objekt ausgewählt, kannst du es ziehen, auch wenn der Zeiger über einem darüberliegenden Objekt steht.

Auswahl und direktes Bearbeiten

  • Das Auswahlwerkzeug zeigt automatisch die Anker bearbeitbarer Vektorformen.
  • Klicke einen Anker, um seine Griffe einzublenden; Umschalt-Klick wählt mehrere.
  • Ziehe den Anker oder seine Griffe, um die Kurve zu ändern, ohne Farben, Konturen und Effekte zu verlieren.
  • Ziehe innerhalb eines bereits ausgewählten Objekts, um die ganze Auswahl zu verschieben; Option/Alt-Ziehen verschiebt eine Kopie.
  • Option-Klick auf einen Anker wechselt zwischen Ecke und weicher Kurve. Die Griffe einer Ecke bleiben erhalten, werden aber unabhängig.
  • Anker löschen startet ein fortlaufendes Werkzeug: klicke nacheinander jeden zu entfernenden Anker.
  • Griffe löschen entfernt beide Tangenten des angeklickten Ankers, ohne ihn zu verschieben oder zu löschen.
  • Entf löscht auch die bereits ausgewählten Anker und bewahrt das für den Pfad notwendige Minimum.
  • Bei einem offenen Pfad verschiebt das Ziehen der Linie den ganzen Pfad; Alt-Ziehen krümmt das Segment, und Umschalt+Alt-Klick fügt einen Anker ein, ohne die Kurve zu verformen. Die übrigen Bézier-Kürzel sind im Kapitel Tastaturkürzel beschrieben.

Nach Eigenschaften auswählen

  • Wähle zuerst eine Referenzform oder einen Text und öffne dann Nach Eigenschaften auswählen unter der Farbpalette.
  • Kombiniere Art, Füllung, Kontur, Deckkraft, Effekte und Namen frei.
  • Bei einem Text kannst du auch Schrift, Größe, Schriftschnitt und Inhalt vergleichen.
  • Entscheide, ob alle Eigenschaften übereinstimmen müssen oder eine genügt, und ob ausgeblendete oder gesperrte Elemente einbezogen werden.
  • Die entstehende Auswahl kann Formen und Texte mischen; gemeinsame Farben und Stile gelten dann für die gesamte Auswahl.

Parametrische Objekte

Größe der Anfasser

Die Größe von Ankern und Griffen wird am Bildschirm angegeben: die Anfasser bleiben daher bei jedem Zoom leicht zu greifen.

06

Zeichnen und bearbeiten

Feder, Schere und Verbindungen

Offene oder geschlossene Kurven erstellen, einen Pfad schneiden und zwei Enden verbinden.

Mit der Feder zeichnen

  • P startet eine geschlossene Form; Umschalt+P oder \ startet eine offene Kurve für eine Kontur.
  • Klicke für eine Ecke, klicke und ziehe für einen Kurvenanker mit Griffen.
  • Die Anker bleiben während des ganzen Pfads bearbeitbar: ziehe einen, oder Cmd/Strg-ziehe ihn, um seine Griffe zu ziehen, ohne ihn zu verschieben.
  • Ein Klick auf ein Segment fügt einen Anker ohne Verformung der Kurve ein; Ziehen krümmt das Segment.
  • Umschalt zwingt auf 45°, Option/Alt wandelt eine Ecke um oder löst einen Griff, und Leertaste während eines Zugs verschiebt den erstellten Punkt.
  • Ein Klick auf das Ende eines offenen Pfads setzt diesen Pfad fort. Halte Option, um einen neuen Punkt zu setzen, ohne daran anzudocken.

Schere

  1. 1

    Wähle den Pfad mit dem Auswahlwerkzeug.

  2. 2

    Klicke auf Schere.

  3. 3

    Klicke einen Anker oder ein Segment.

  4. 4

    Eine geschlossene Form wird offen; eine offene Kurve wird in zwei unabhängige Objekte getrennt.

Verbindungsmodus

  1. 1

    Aktiviere Verbinden: dieser Modus ist unabhängig von der normalen Auswahl.

  2. 2

    Klicke einen ersten offenen Pfad, dann optional einen zweiten. Ein dritter ersetzt den ersten.

  3. 3

    Klicke zwei Endpunkte. Ein dritter ersetzt den zuerst gewählten Punkt.

  4. 4

    Wähle die Verbindung: gerades Segment, harmonische Kurve, Zusammenführen über Scheitel oder über Kurve.

Die Verbindung wählen

  • Linie behält zwei Enden und verbindet sie mit einem Segment.
  • Kurve behält zwei Enden und erzeugt Griffe, die zu den vorhandenen Richtungen passen.
  • Zusammenführen über Scheitel vereint beide Enden in einer einzigen Ecke.
  • Zusammenführen über Kurve vereint die Enden in einem weichen Anker, ausgerichtet nach den benachbarten Segmenten.
07

Zeichnen und bearbeiten

Parametrische Formen

Regelmäßige Objekte schnell erstellen, die bis zur Umwandlung veränderbar bleiben.

Verfügbare Objekte

  • Kreis und Ellipse.
  • Rechteck mit einstellbarem Eckenradius.
  • Polygon mit einstellbarer Seitenzahl.
  • Stern mit einstellbarer Anzahl Strahlen und Innenverhältnis.
  • Blume mit einstellbarer Anzahl Blütenblätter, Tiefe, Rundung und Blütenblattbreite.

Erstellen und ändern

  1. 1

    Wähle die Form in den Vektorwerkzeugen.

  2. 2

    Stelle ihre Parameter im Kontextbereich ein.

  3. 3

    Ziehe im Arbeitsbereich, um Größe und Ausrichtung festzulegen.

  4. 4

    Solange das Objekt parametrisch bleibt, ändere seine Werte, ohne seine Punkte manuell zu verformen.

  5. 5

    Nutze In Form umwandeln für freie Bézier-Bearbeitung.

Warum das Objekt behalten

08

Organisieren

Ebenen und Gruppen

Jedes Element des Dokuments benennen, ordnen, gruppieren, ausblenden und sperren.

Ebenen öffnen

Klicke in der Leiste des Arbeitsbereichs auf Ebenen. Jede Zeile zeigt eine Vorschau, einen änderbaren Namen, den Typ oder die Punktzahl, die Sichtbarkeit und die Sperre.

Wesentliche Aktionen

  • Klicke eine Zeile, um die Ebene auszuwählen.
  • Umschalt-Klick wählt alle Ebenen zwischen der zuletzt geklickten Zeile und dieser auf einmal; Umschalt-Klick auf eine bereits ausgewählte Zeile entfernt den ganzen Bereich.
  • Befehl-Klick unter macOS — Strg-Klick unter Windows — fügt eine einzelne Ebene hinzu oder entfernt sie, ohne die anderen zu berühren.
  • Klicke den Namen, um eine Ebene umzubenennen.
  • Das Auge blendet das Element aus oder ein, ohne es zu löschen.
  • Das Schloss verhindert versehentliche Änderungen.
  • Ziehe den Griff, um die Reihenfolge zu ändern oder ein Element in eine Gruppe abzulegen.
  • Gruppieren fasst die Auswahl zusammen; Gruppierung aufheben gibt die Kinder frei; Duplizieren erstellt eine strukturierte Kopie.

Verschachtelte Gruppen

Eine Gruppe kann Formen, Texte und weitere Gruppen enthalten. Klicke ihre Zeile oder eines ihrer Objekte in der Zeichnung, um das Ganze auszuwählen. Klappe sie auf, um ein bestimmtes Kind direkt im Ebenenbereich zu erreichen.

Deckkraft und Gruppeneffekte

  • Wähle die Gruppe in den Ebenen, um ihre Gesamtdeckkraft einzustellen.
  • Auf die Gruppe angewandte Effekte wirken auf das zusammengesetzte Ergebnis, während ein auf eine Form angewandter Effekt vor dem Zusammensetzen wirkt.
  • Effekte sind kombinierbar: dasselbe Objekt oder dieselbe Gruppe kann mehrere Schatten, Schein, Fasen und Prägungen verbinden.
09

Organisieren

Bearbeitbare Löcher

Eine oder mehrere Formen ausschneiden, ohne die Zwänge der Ebenenreihenfolge offenzulegen.

Löcher erstellen

  1. 1

    Wähle zuerst die zu durchlöchernde Form oder Formen und merke sie als betroffene Objekte.

  2. 2

    Wähle dann die Form oder Formen, die als Schnitt dienen.

  3. 3

    Klicke auf Löcher erstellen.

  4. 4

    Nodixio ordnet die Elemente automatisch richtig und erstellt eine strukturierte Gruppe in den Ebenen.

Wenn der Schnitt übersteht

Ein vollständig enthaltener Schnitt wird zu einem Loch. Ragt er über den Rand hinaus, führt Nodixio eine echte Boolesche Operation auf dem Pfad aus, um die erwartete Kontur zu erzeugen. Du musst die Ebenen nie selbst umsortieren.

Ein Loch bearbeiten

  • Klappe die Lochgruppe in den Ebenen auf.
  • Wähle die durchlöcherte Form oder eine der Loch-Ebenen.
  • Verschiebe oder transformiere das Loch: das visuelle Ergebnis aktualisiert sich.
  • Füge der Gruppe ein neues Loch hinzu, ohne die vorhandenen zu verlieren.
  • Wenn du das letzte Loch löschst, wird die Grundform automatisch wieder eine normale Ebene.

Unterschied zu einer endgültigen Subtraktion

10

Organisieren

Boolesche Operationen und Masken

Silhouetten kombinieren oder die Anzeige einer Gruppe begrenzen, ohne ihre Struktur zu verlieren.

Boolesche Operationen

  • Vereinigen verschmilzt die von den gewählten Formen belegten Flächen.
  • Subtrahieren entfernt die Schnittformen von der Grundform.
  • Schnittmenge behält nur die gemeinsamen Flächen.
  • Ausschließen behält die Flächen, die zu einer ungeraden Zahl von Formen gehören, und erstellt eine Gruppe Ausschluss, wenn mehrere Formen entstehen.

Das Ergebnis in den Ebenen lesen

Wenn eine Operation mehrere Silhouetten erzeugt, legt Nodixio eine Gruppe mit dem Namen der Operation an. Jede entstandene Form erscheint als auswählbare und änderbare Kindebene.

Eine Maske erstellen

  1. 1

    Wähle und merke die Elemente, die sichtbar bleiben sollen.

  2. 2

    Wähle dann eine oder mehrere Maskensilhouetten.

  3. 3

    Bestätige das Erstellen der Maske.

  4. 4

    Klappe die Gruppe auf, um Inhalt und Maske getrennt zu finden.

Maske oder Loch

  • Die Maske begrenzt die Anzeige mehrerer Objekte, Texte oder Gruppen auf eine Silhouette.
  • Das Loch entfernt visuell Flächen einer Grundform und behält seine Schnitte als änderbare Kinder.
  • Beide Strukturen sind im .nodixio-Projekt zerstörungsfrei und werden beim SVG-Export korrekt übersetzt.
11

Aussehen

Farben, Füllung und Deckkraft

Die Palette verwalten und eine Form, einen Text oder eine Gruppe teilweise transparent machen.

Dokumentpalette

  • Die Palette füllt sich nach einer Vektorisierung oder einem SVG-Import automatisch: die erkannten Farben werden ohne Dopplung hinzugefügt.
  • Klicke eine Farbkachel, um die Farbe auf die Auswahl anzuwenden.
  • Der freie Wähler wendet die Farbe direkt auf die gewählten Formen oder Texte an; ⌘Z / Strg+Z macht es rückgängig.
  • Die Pipette nimmt den gewählten Pixel im PNG auf und wendet ihn an, auch in der Ansicht Nebeneinander, ohne Schleier über dem Bild.
  • + Palette merkt die freie Farbe im Dokument.
  • Das kleine Kreuz entfernt eine Farbe aus der Palette; es löscht nicht die Objekte, die sie verwenden.

Ohne Füllung

Wähle eine Form oder einen Text und klicke auf Ohne Füllung. Die Füllung wird wirklich transparent; eine Kontur, ein Effekt oder ein Konturmuster kann sichtbar bleiben.

Deckkraft

  • Stelle die Deckkraft von 0 bis 100 % mit Feld oder Regler ein.
  • Bei einer Form betrifft sie Füllung, Kontur und Effekte.
  • Bei einem Text betrifft sie den ganzen Text.
  • Bei einer Gruppe gilt sie nach dem Zusammensetzen aller Kinder.

Tipp zur Komposition

12

Aussehen

Erweiterte Konturen

Einfache, dekorative oder in Formen umwandelbare Linien erstellen.

Grundeinstellungen

  • Aktiviere oder deaktiviere die Kontur unabhängig von der Füllung.
  • Gib die Stärke frei ein: Nodixio setzt keine künstliche Grenze von 40 pt.
  • Wähle die zur Zeichnung passenden Enden und Verbindungen.
  • Definiere eine Strichfolge und ihren Versatz für eine unterbrochene Linie.

Markierungen

  • Anfang und Ende sind getrennt einstellbar.
  • Verfügbar sind unter anderem konkave Pfeilspitze, offener Pfeil, Dreieck, Raute, Kreis, Quadrat und Balken.
  • Die Markierung folgt automatisch der Richtung des Pfads.

Aussehen der Kontur

Eine Kontur kann eine Farbe, einen Verlauf, ein Muster und eigene Effekte erhalten. Diese Einstellungen sind von der Füllung der Form getrennt.

Kontur in eine Form umwandeln

Kontur umwandeln verwandelt die sichtbare Stärke in eine oder mehrere gefüllte Formen. Besteht das Ergebnis aus mehreren Silhouetten, legt Nodixio sie in eine Gruppe und erstellt für jede eine Kindebene.

13

Aussehen

Verläufe und Muster

Einfache Materialien, kurvengeführte Verläufe oder wie ein Motiv wiederholte Flächen erstellen.

Füllungsarten

  • Einfarbig nutzt eine einzige Farbe.
  • Axial oder linear folgt einer Achse, die direkt auf der Form verschoben werden kann.
  • Radial verteilt die Farben von einem einstellbaren Zentrum aus.
  • Kurvenverlauf folgt einem bearbeitbaren Bézier-Pfad auf der Form.
  • Muster wiederholt eine Kachel aus der Bibliothek.

Einen Verlauf bearbeiten

  1. 1

    Wähle den Verlaufstyp.

  2. 2

    Füge Farbstopps hinzu, wähle sie aus und verschiebe sie.

  3. 3

    Verschiebe die Achse, ihr Zentrum oder den Führungspfad direkt in der Zeichnung.

  4. 4

    Passe Farben und Positionen an, bis der gewünschte Übergang entsteht.

Ein Muster wählen

Öffne das Menü Muster. Die Namen sind alphabetisch sortiert. Fahre über einen Wert, um eine Live-Vorschau zu sehen, und klicke dann, um ihn auf die Auswahl anzuwenden.

Muster-Werkstatt

  1. 1

    Erstelle ein neues Muster oder ändere ein vorhandenes Motiv.

  2. 2

    Lege Breite und Höhe der Kachel, ihren transparenten oder farbigen Hintergrund und ihre Wiederholungen fest.

  3. 3

    Zeichne mit den üblichen Werkzeugen im orangen Rahmen; die benachbarten Kopien zeigen die Anschlüsse in Echtzeit.

  4. 4

    Füge das Ergebnis der Palette hinzu oder aktualisiere das vorhandene Muster.

  5. 5

    Passe anschließend auf jedem Objekt mit dem Motiv Maßstab, Drehung und X/Y-Position an.

Bibliothek und Export

  • Ein Muster kann dupliziert, umbenannt, ausgeblendet oder erneut bearbeitet werden.
  • Musterabhängigkeiten folgen den Objekten beim Kopieren und Einfügen zwischen Projekten.
  • Die verwendeten Definitionen werden in das exportierte SVG eingebettet.
14

Aussehen

Kombinierbare Effekte

Mehrere Schatten, Schein, Fasen und Prägungen auf demselben Element verbinden.

Verfügbare Effekte

  • Schlagschatten: versetzt und weichzeichnet eine farbige Silhouette hinter dem Objekt.
  • Innerer Schatten: dunkelt das Innere nahe den Rändern ab.
  • Äußerer Schein: verteilt eine Farbe um die Silhouette.
  • Innerer Schein: verteilt das Licht nach innen.
  • Erhabene Fase: simuliert ein beleuchtetes Relief.
  • Vertiefte Prägung: simuliert eine in die Fläche gedrückte Form.

Effekte kombinieren und ordnen

  1. 1

    Wähle eine Form, einen Text, eine Kontur oder eine Gruppe.

  2. 2

    Wähle Effekt hinzufügen.

  3. 3

    Stelle Farbe, Deckkraft, Weichzeichnung, Streuung und bei gerichteten Effekten die X/Y-Versätze ein.

  4. 4

    Füge so viele ergänzende Effekte hinzu wie nötig.

  5. 5

    Ziehe den Griff eines Effekts, um seine Position zu ändern; die Effekte werden von oben nach unten berechnet und die Anzeige aktualisiert sich sofort.

  6. 6

    Die Schaltflächen Nach oben und Nach unten bieten denselben Befehl über Tastatur oder Touchscreen.

  7. 7

    Deaktiviere einen Effekt zum Vergleichen, ohne seine Einstellungen zu verlieren, oder lösche ihn, wenn er nicht mehr nützlich ist.

Ebene der Anwendung

  • Formeffekt: folgt nur dieser Silhouette.
  • Kontureffekt: folgt der Linie, ihren Strichen und Markierungen.
  • Texteffekt: bleibt an den bearbeitbaren Text gebunden.
  • Gruppeneffekt: arbeitet auf der kombinierten Darstellung der Kinder.

Ein vernünftiges SVG behalten

Weichzeichnen

  • Füge einen Effekt Weichzeichnen hinzu, um das Objekt selbst zu mildern: keine Farbe, kein Versatz, nur die Stärke der Unschärfe.
  • Für eine Bewegungsunschärfe erhöhe Direction (Amplitude in Pixeln) und stelle dann Angle in Grad ein.
  • Weichzeichnen gilt für eine Form, einen Text, eine Kontur oder eine Gruppe, wie die anderen stapelbaren Effekte.
15

Text

Text und Google Fonts

Bearbeitbaren Text erstellen, eine Schrift wählen und eine typografische Komposition aufbauen.

Einen Text hinzufügen

  1. 1

    Öffne den Reiter Text und klicke auf Hinzufügen.

  2. 2

    Gib den Inhalt im Bereich ein.

  3. 3

    Wähle die mitgelieferte Schrift oder suche eine Google Font.

  4. 4

    Stelle Größe, Schriftstärke, Kursiv, Zeichenabstand, Zeilenabstand und Ausrichtung ein.

  5. 5

    Verschiebe oder transformiere den Text wie jedes andere Objekt.

Stile innerhalb eines Satzes

  1. 1

    Wähle die betreffenden Zeichen im Textfeld aus.

  2. 2

    Wähle ihre Schrift, Größe, Stärke, Kursivstellung, ihren Zeichenabstand oder ihre Farbe.

  3. 3

    Wiederhole den Vorgang für einen anderen Teil des Satzes.

  4. 4

    Nutze Lokalen Stil entfernen, um den gewählten Teil wieder an den Gesamtstil des Textes anzugleichen.

Remote-Schriften

Die Google-Fonts-Suche erweitert die Auswahl. Nodixio lädt die für die Darstellung nötige Schriftdatei und kann sie im Projekt einbetten, damit die Komposition beim erneuten Öffnen erhalten bleibt.

Text auf Kurve

  1. 1

    Wähle den Text.

  2. 2

    Aktiviere Kurve wählen und klicke den Trägerpfad an.

  3. 3

    Stelle den Versatz entlang des Pfads, den Abstand zur Kurve und die Richtung ein.

  4. 4

    Nutze Ablösen, um den Text freizugeben, ohne Inhalt oder Stil zu verlieren.

Text und Ebenen

Jeder Text hat seine eigene Ebene und bleibt bearbeitbar, solange er nicht vektorisiert wird. Er kann gruppiert, ausgeblendet, gesperrt und mit Deckkraft, Füllung, Muster, Verlauf und mehreren Effekten versehen werden.

Textspalten

  1. 1

    Klicke im Tab Text auf Hinzufügen: der Cursor wechselt in den Spaltenmodus.

  2. 2

    Ziehe ein Rechteck auf der Arbeitsfläche für Breite und Höhe, oder klicke einfach für eine Spalte mit Standardbreite.

  3. 3

    Der Inhalt wird automatisch auf die Spaltenbreite gesetzt und umbrochen.

  4. 4

    Passe die Breite im Panel an, oder ziehe den Griff direkt auf der Zeichnung.

  5. 5

    Ohne gezeichnete Höhe startet die Schriftgröße bei 16 px; bei vertikalem Ziehen folgt die Größe der Geste.

Ausrichtung, Kerning und Zeilenabstand

  • Die vier Symbole im Panel richten den Text links, zentriert, rechts oder im Blocksatz aus.
  • Der Blocksatz dehnt jede Zeile auf die volle Spaltenbreite; die letzte Zeile bleibt links, außer nach einem Blocksatz-Umbruch.
  • Auch eine Zeile mit nur einem Wort wird gedehnt, indem die Buchstaben gesperrt werden.
  • Kerning: Enger, Weiter und Zurücksetzen passen den Abstand an, für den ganzen Text oder die Auswahl.
  • Zeichenabstand und Zeilenabstand verfeinern die gesamte Komposition.

Blocksatz-Umbrüche und Trennung

  1. 1

    Umschalt+Enter fügt einen Umbruch ein, der bis zum Spaltenende im Blocksatz bleibt.

  2. 2

    Cmd/Strg+Umschalt+- fügt einen weichen Trennstrich ein, der nur sichtbar ist, wenn das Wort am Zeilenende getrennt wird.

  3. 3

    Enter erzeugt einen neuen Absatz mit einem nicht ausgerichteten Zeilenumbruch.

  4. 4

    Dieselben Befehle gibt es als Schaltflächen Blocksatz-Umbruch und Trennung im Panel.

Zeichen- und Absatzstile

  1. 1

    Wähle die zu gestaltenden Zeichen oder den ganzen Text.

  2. 2

    Stelle Schrift, Größe, Schnitt, Kursiv, Zeichenabstand und Farbe ein.

  3. 3

    Gib einen Namen ein und klicke Speichern, um einen wiederverwendbaren Stil zu erstellen.

  4. 4

    Ein Stil speichert auch Zeilenabstand und Ausrichtung des Absatzes.

  5. 5

    Klicke einen Stil in der Liste, um ihn anzuwenden: mit Auswahl ändern sich nur diese Zeichen, sonst der ganze Text.

  6. 6

    Lokalen Stil entfernen stellt den allgemeinen Stil für die Auswahl wieder her.

Schrift importieren

  • Die Schaltfläche TTF-, OTF- oder WOFF-Schrift importieren lädt eine Datei vom Computer.
  • Die Datei bleibt im Projekt erhalten und die Schrift erscheint unter Importierte Schriften.
  • Nützlich offline oder für eine Schrift, die im Katalog fehlt.
  • Ein Zeichen, das nach einem formatierten Zeichen getippt wird, übernimmt dessen Stil, inklusive Schnitt und Kursiv.
  • Das Format WOFF2 wird nicht unterstützt: konvertiere es zu TTF, OTF oder WOFF.
16

Text

Text vektorisieren

Die typografische Darstellung garantieren und saubere, leicht überarbeitbare Buchstaben erhalten.

Warum vektorisieren

Ein SVG-Text hängt normalerweise davon ab, dass seine Schrift vorhanden ist. Die Vektorisierung ersetzt die Zeichen durch Pfade: die Zeichnung bleibt auf einem anderen Rechner, beim Drucker oder in einer Anwendung ohne diese Schrift identisch.

Glyphen bereinigen

Bei der Umwandlung führt Nodixio die Konturen zusammen, aus denen jeder Buchstabe besteht. Dieser Schritt entfernt die in Schriftdateien üblichen inneren Überlappungen und erzeugt eine sauberere, auswählbare Silhouette.

Entstandene Struktur

  • Alle Buchstaben derselben Umwandlung werden in einer Gruppe abgelegt.
  • Die Gruppe übernimmt den Anfang des Textes als Namen und ist so sofort erkennbar.
  • Jede entstandene Silhouette hat ihre eigene Kindebene.
  • Gegenformen — etwa das Innere eines e, o oder a — bleiben echte Löcher.

Beim Export

Das Kontrollkästchen Text in Pfade ist standardmäßig aktiviert, um die SVG-Darstellung abzusichern. Deaktiviere es nur, wenn du bearbeitbaren SVG-Text behalten willst und akzeptierst, dass die Schrift verfügbar oder eingebettet sein muss.

Im SVG unwiderruflich

17

Präzision

Transformationen und Wiederholung

Verschieben, skalieren, neigen, drehen und eine Transformation reproduzieren.

Freie Transformation

  • M aktiviert den Transformationsrahmen.
  • Die Seiten- und Eckgriffe skalieren die Auswahl.
  • Eigene Bedienelemente erlauben Neigung und freie Transformation.
  • Die äußeren Drehgriffe drehen um die gewählte Achse.
  • Original behalten ist standardmäßig deaktiviert, um unbeabsichtigte Kopien zu vermeiden.

Drehung mit freier Achse

  • Verschiebe das Drehzentrum an die gewünschte Stelle, bevor du drehst.
  • Halte Option während der Drehung, um eine Kopie zu erstellen; ein reiner Option-Klick ohne Bewegung erstellt nichts.
  • Die numerischen Einstellungen für Winkel und Kopienzahl bleiben im Bereich Transformation sichtbar.
  • Nach einer Drehung wiederholt ⌘R oder Strg+R genau die letzte Transformation.

Wiederholte Verschiebung

Verschiebe eine Auswahl mit gedrückter Option, um eine Kopie zu erstellen. Nutze dann ⌘R oder Strg+R — oder die Schaltfläche Wiederholen im Kontextbereich —, um jede weitere Kopie mit derselben Verschiebung zu erzeugen.

Symmetrien

Die horizontale und die vertikale Symmetrie können die Auswahl ersetzen oder das Original behalten, je nach Kopieneinstellung. Die manuelle Symmetrie in Korrektur dient dagegen dazu, eine Konturhälfte geometrisch neu aufzubauen.

Transformationsmodi

  • Standard: klassischer Transformationsrahmen zum Verschieben und Skalieren.
  • Frei: freies Neigen und Verzerren der Auswahl.
  • Perspektive: Volumenverzerrung über die obere und untere Breite.
  • Arc: Profilverzerrung, vom einfachen Bogen bis Flagge, Welle oder Fischauge.

Mit einem Profil verformen (Arc)

  1. 1

    Wähle eine Form und dann den Modus Arc.

  2. 2

    Wähle das Profil: Bogen, Bogen unten, Bogen oben, Wölbung, Beule, Obere Schale, Untere Schale, Flagge, Welle, Fisch, Anstieg, Fischauge, Aufblasen, Drehen oder Stauchen.

  3. 3

    Stelle Wölbung und Verzerrung ein: Schema und Form aktualisieren sich live.

  4. 4

    Aktiviere Punkte hinzufügen, wenn das Profil komplexen Konturen genauer folgen soll.

  5. 5

    Klicke auf Bestätigen zum Anwenden oder auf Zurücksetzen für den Ausgangszustand.

Perspektivische Verzerrung

  1. 1

    Wähle den Modus Perspektive.

  2. 2

    Stelle Breite oben und Breite unten ein, um das Volumen zu öffnen oder zu schließen.

  3. 3

    Verschiebe Horizontaler Versatz und Vertikale Neigung, um die Fläche auszurichten.

  4. 4

    Das Schema mit sechs Feldern folgt jeder Einstellung; Bestätigen wendet an, Zurücksetzen setzt zurück.

Erweitern und verkleinern (Versatz)

  1. 1

    Wähle eine oder mehrere Formen.

  2. 2

    Gib unter Versatz eine Distanz in Pixeln ein.

  3. 3

    Klicke Erweitern, um die Silhouette zu vergrößern, oder Verkleinern, um sie zu reduzieren.

  4. 4

    Die neue Kontur folgt der Form, ihren Kurven und ihren Löchern.

  5. 5

    Ein offener Pfad kann erweitert, aber nicht verkleinert werden.

18

Präzision

Ausrichtung, Einrasten und Lineale

Mehrere Objekte mit einer ausdrücklichen Referenz positionieren und exakte Ausrichtungen aufbauen.

Referenzobjekt

  1. 1

    Wähle mindestens zwei Formen.

  2. 2

    Wähle in der Liste die, die stehen bleiben soll, oder aktiviere den Referenzzeiger und klicke sie in der Zeichnung an.

  3. 3

    Wende eine Kanten- oder Zentrumsausrichtung an oder überlagere die Zentren.

  4. 4

    Für die Verteilung gib den Abstand ein und wähle dann die horizontale oder vertikale Achse.

Magnetismus

  • Das Einrasten ist standardmäßig aus.
  • Aktiviere es in der Leiste des Arbeitsbereichs und wähle eine Toleranz in Bildschirmpixeln.
  • Es erkennt Kanten, Zentren, Hilfslinien und Punkte auf derselben X-Position oder Höhe.
  • Die horizontale oder vertikale Ausrichtung wird während des Verschiebens angezeigt, was insbesondere eine perfekt waagerechte Linie garantiert.

Lineale und Hilfslinien

  • Aktiviere Lineale, um die Gradeinteilung zu sehen.
  • Klicke oder ziehe von einem Lineal, um eine Hilfslinie zu erstellen.
  • Verschiebe die Hilfslinie anschließend direkt im Arbeitsbereich.
  • Doppelklicke eine Hilfslinie, um sie zu löschen, oder nutze den Sammelbefehl zum Löschen.

Einrast-Toleranz

19

Projekte und Dateien

Projekte, Tabs und Zwischenablage

An mehreren Arbeiten ohne Konto arbeiten und Objekte von einem Projekt ins andere kopieren.

Projekt-Tabs

  • Die Schaltfläche + legt ein neues Projekt in einem Tab an.
  • Klicke einen Tab, um das Projekt zu wechseln; der Zustand des verlassenen Projekts bleibt lokal erhalten.
  • Doppelklicke den Namen, um ihn zu ändern.
  • Das Kreuz schließt den Tab. Nodixio behält immer mindestens einen Arbeitsbereich.

Kopieren zwischen Tabs

  1. 1

    Wähle Formen, Texte oder Gruppen in der Zeichnung oder in den Ebenen.

  2. 2

    Nutze ⌘C oder Strg+C.

  3. 3

    Öffne den Ziel-Tab.

  4. 4

    Nutze ⌘V oder Strg+V.

  5. 5

    Die nötigen Gruppen, Stile, Effekte und Muster werden mit den Objekten kopiert.

Lokale Sicherung

Nodixio arbeitet ohne Konto. Jeder geänderte Tab wird im Browser separat gemerkt und Nodixio bietet an, diese Sitzung bei der Rückkehr wiederherzustellen. Diese lokale Wiederherstellung ersetzt keine Sicherungsdatei: Lade regelmäßig ein .nodixio herunter, um jedes Projekt dauerhaft zu behalten.

20

Projekte und Dateien

Öffnen, importieren, speichern, exportieren

Den richtigen Befehl wählen und verstehen, was jedes Format behält.

Ein .nodixio-Projekt öffnen

Öffnen stellt ein vollständiges Nodixio-Projekt wieder her. Nodixio prüft die Dokumentstruktur und ihren Integritätswert — ergänzt durch eine Signatur, wenn der Dienst verfügbar ist —, um beschädigte oder nach dem Speichern geänderte Dateien abzulehnen.

Ein SVG importieren

  • SVG importieren analysiert die Datei vor dem Lesen und lehnt gefährliche Konstruktionen ab.
  • Kompatible sichtbare Formen werden ins Nodixio-Modell übernommen.
  • Füllungen, Konturen, Deckkraft und übliche Transformationen werden so weit wie möglich übernommen.
  • Der Import wird bewusst vereinfacht: manche sehr speziellen externen SVG-Elemente können vereinfacht werden.

Ein SVG-Objekt zerlegen

  • Eine Datei mit Texten, Masken, Mustern, Filtern oder Markierungen wird als zusammengesetztes SVG-Objekt erhalten: originalgetreu, aber nicht als Anker bearbeitbar.
  • Wähle dieses Objekt und klicke dann auf In Formen zerlegen: jeder Pfad wird eine vollständige Nodixio-Form.
  • Lineare und radiale Verläufe, Füllungen, Konturen und Deckkraft werden in die entstehenden Formen übernommen.
  • Die zerlegten Formen akzeptieren dann das gesamte Nodixio-Werkzeugset: Anker, Glättung, Löcher, Boolesche Operationen, Kurvenverläufe und Effekte.
  • Elemente mit Maske, Filter, Muster oder Text bleiben auf derselben Ebene in einem SVG-Objekt gruppiert, damit nichts verloren geht.
  • Der Vorgang ist mit Cmd/Strg+Z rückgängig zu machen.

Speichern

Speichern lädt eine .nodixio-Datei mit Quellbild, Formen, Texten, Schriften, Ebenen, Gruppen, Löchern, Masken, Mustern und Dokumenteinstellungen herunter.

SVG exportieren

  • Das Menü Exportieren erzeugt ein eigenständiges Standard-SVG.
  • Unsichtbare Elemente werden nicht exportiert.
  • Verwendete Gruppen, Deckkräfte, Löcher, Masken, Verläufe, Muster, Konturen und Effekte werden in SVG-Strukturen übersetzt.
  • Die Option Text in Pfade garantiert die typografische Darstellung; deaktiviere sie, um bearbeitbare Texte zu behalten.

PNG oder JPEG exportieren

  • Transparentes PNG behält die leeren Bereiche des Arbeitsbereichs transparent, zur Wiederverwendung auf jedem Hintergrund.
  • JPEG nutzt einen weißen Hintergrund, da das Format keine Transparenz unterstützt.
  • Beide Bilder übernehmen genau die Pixelmaße des Arbeitsbereichs.
  • Texte werden beim Rendern vektorisiert, damit sie ihr Aussehen auch auf einem Gerät ohne die Schrift behalten.

EPS exportieren

  • Vektor-EPS erzeugt eine Encapsulated-PostScript-Datei für den Drucker oder einen Publishing-Workflow (Illustrator, InDesign, QuarkXPress).
  • Die Umwandlung erfolgt durch Inkscape auf dem Nodixio-Server: das SVG der Zeichnung wird übergeben und das EPS zurückgeliefert.
  • Texte werden vektorisiert und die von Inkscape verwalteten Verläufe, Muster, Masken und Effekte bleiben vektoriell.
  • EPS unterstützt keine Transparenz: transparente Bereiche werden auf weißem Hintergrund dargestellt.
  • Die Maße folgen der Web-Regel: 1 Pixel des Arbeitsbereichs entspricht 0,75 Punkt (96 dpi). Prüfe für eine genaue Druckgröße das Format in deiner Publishing-Anwendung.
  • Ist der Eintrag mit „Inkscape nötig“ ausgegraut, ist das Umwandlungswerkzeug auf dem Server nicht installiert: nutze dann den SVG-Export, den jede Publishing-Anwendung akzeptiert.

Vor dem Verlassen

21

Referenz

Tastenkürzel

Alle im Studio verfügbaren Tastaturbefehle.

Werkzeuge

  • V oder A — Objektauswahl, Verschieben und direkte Ankerbearbeitung.
  • Q — Lasso-Auswahl.
  • P — Feder, neue geschlossene Form.
  • Umschalt+P oder \\ — Konturfeder / offene Kurve.
  • M — Transformation.
  • H — Arbeitsbereich verschieben.
  • B — Bitmap-Pinsel, wenn der PNG-Modus aktiv ist.
  • E — Bitmap-Radierer, wenn der PNG-Modus aktiv ist.

Bearbeiten

  • ⌘Z / Strg+Z — In der Projekthistorie zurückgehen, bis zu 100 Aktionen pro Tab.
  • ⌘⇧Z / Strg+Umschalt+Z — Die rückgängig gemachten Aktionen wiederherstellen.
  • ⌘C / Strg+C — Die strukturierte Auswahl kopieren.
  • ⌘V / Strg+V — Ins aktive Projekt einfügen.
  • ⌘R / Strg+R — Die letzte gemerkte Drehung, Verschiebung oder Vervielfältigung wiederholen.
  • ⌘D / Strg+D — Alles abwählen.
  • Entf / Rücktaste — Die gewählten Objekte, Texte oder Anker löschen.
  • Escape — Den aktiven Modus verlassen, eine laufende Maske abbrechen oder zur Auswahl zurückkehren.

Während eines Federpfads

  • Enter oder Doppelklick — Den offenen Pfad abschließen.
  • Escape — Die aktuelle Geste abbrechen; erneut gedrückt, den Pfad aufgeben.
  • Entf / Rücktaste — Den aktuellen Anker oder den zuletzt gesetzten Punkt löschen.
  • Cmd/Strg+Z, Cmd/Strg+Umschalt+Z — Eine Aktion des laufenden Pfads rückgängig machen und wiederherstellen.
  • Cmd/Strg-Ziehen eines Ankers — Seine Griffe ziehen, ohne den Anker zu verschieben; Umschalt zwingt auf 45°, Alt friert den anderen Griff ein.
  • Umschalt+Alt-Klick auf ein Segment — Einen Anker einfügen, ohne die Kurve zu verformen.
  • Option über einem vorhandenen Endpunkt — Diesen Pfad nicht fortsetzen.

Bézier-Punkte bearbeiten

  • Die Linie ohne Modifikator ziehen — Den ganzen Pfad verschieben, auch eine offene Linie oder Kurve.
  • Alt-Ziehen auf einem Segment — Das Segment krümmen, ohne die beiden begrenzenden Anker zu verschieben.
  • Umschalt+Alt-Klick auf ein Segment — Einen Anker einfügen, ohne die Kurve zu verformen. Funktioniert wie mit der Feder, auch bei einem geschlossenen Pfad.
  • Alt-Klick auf einen Anker — Zwischen Ecke und weicher Kurve wechseln.
  • Cmd/Strg+Alt-Klick auf einen Anker — Seine beiden Eckgriffe hinzufügen oder entfernen.
  • Anker löschen und klicken — Mehrere Anker nacheinander entfernen.
  • Griffe löschen und klicken — Beide Tangenten eines Ankers entfernen.
  • Umschalt-Klick auf einen Anker — Den Anker zur Mehrfachauswahl hinzufügen oder daraus entfernen.

Modifikatoren

  • Umschalt-Klick — Ein Objekt oder einen Anker zur Auswahl hinzufügen oder entfernen; behaltene Anker erscheinen rot.
  • Befehl-Klick / Strg-Klick — In eine Gruppe eintreten oder überlagerte Objekte durchlaufen.
  • Option beim Drehen oder Verschieben — Eine Kopie erstellen.
  • Option auf einem Anker — Zwischen Ecke und weicher Kurve wechseln.

Text

  • Umschalt+Enter — Ein Blocksatz-Zeilenumbruch, der auf der Spaltenbreite ausgerichtet bleibt.
  • Cmd/Strg+Umschalt+- — Ein weicher Trennstrich (Trennung), nur sichtbar, wenn das Wort am Zeilenende getrennt wird.
  • Enter — Neuer Absatz mit einem nicht ausgerichteten Zeilenumbruch.
22

Referenz

Fehlersuche und gute Praxis

Die Ursache eines unerwarteten Ergebnisses schnell finden und ein sauberes Projekt bewahren.

Nodixio unterstützen

  • Nodixio ist kostenlos, ohne Konto und ohne Grenzen: keine Funktion ist kostenpflichtig und keine ist gesperrt.
  • Eine Schaltfläche Unterstützen wird diskret nach dem Export eines SVG und auf der Startseite angeboten.
  • Die Unterstützung ist völlig freiwillig: sie bringt keine Gegenleistung, schaltet nichts frei und wird nie verlangt.
  • Sie dient allein der Finanzierung des Hostings und der Entwicklungszeit, als Dank an den Autor.
  • Die Zahlung erfolgt einmalig und wird von Stripe abgewickelt; keine Bankdaten laufen über Nodixio, und du kannst das Fenster jederzeit schließen.

Ich kann ein Objekt nicht auswählen

  • Prüfe, ob seine Ebene und seine Elterngruppen sichtbar und entsperrt sind.
  • Ein Klick wählt normalerweise die Gruppe: nutze Befehl-Klick — Strg-Klick unter Windows — oder wähle das Kind direkt in den Ebenen.
  • Wenn ein anderes Objekt das Ziel überdeckt, wiederhole Befehl-Klick oder Strg-Klick, um im Stapel nach unten zu gehen.
  • Drücke Escape und dann V, um ein noch aktives Spezialwerkzeug zu verlassen.

Ich sehe die Punkte nicht

  • Wähle eine Standardform und drücke dann A.
  • Ein parametrisches Objekt muss zuerst in eine Form umgewandelt werden.
  • Der Verbindungsmodus zeigt absichtlich nur die Endpunkte offener Pfade.
  • Erhöhe die Größe der Anfasser, wenn Anker schwer zu greifen sind.

Das SVG sieht nicht wie das Projekt aus

  • Prüfe die ausgeblendeten Ebenen: sie werden nicht exportiert.
  • Lasse Text in Pfade aktiviert, wenn die Datei anderswo geöffnet werden soll.
  • Reduziere vorübergehend stark weichgezeichnete Effekte, um ein Darstellungsproblem zu finden.
  • Bewahre das .nodixio auf und importiere das SVG nur zur Kontrolle, nicht als Arbeitssicherung.

Die Datei wird komplex

  • Nutze die perfekten Formen und die Glättung, um Punkte zu reduzieren.
  • Gruppiere logische Einheiten und gib ihnen klare Namen.
  • Lösche wirklich unnötige Ebenen, Farben, Muster und Effekte.
  • Wandle eine Kontur nur dann in eine Form um, wenn diese Umwandlung nötig ist.

Sicherheitsregel

23

Referenz

SVG-Glossar

Die wesentlichen Wörter, um eine Vektorzeichnung ohne unnötigen Jargon zu verstehen.

Geometrie

  • Anker: Hauptpunkt eines Bézier-Pfads.
  • Griff: steuert Richtung und Krümmung in der Nähe eines Ankers.
  • Kontur: Folge gerader oder gekrümmter Segmente, die eine Form begrenzen.
  • Offener Pfad: Linie mit zwei Endpunkten, meist mit einer Kontur dargestellt.
  • Geschlossener Pfad: Kontur, deren letztes Segment das erste trifft und die eine Füllung erhalten kann.
  • Gegenform: leerer innerer Bereich eines Buchstabens oder einer Form, etwa das Innere eines o.

Aussehen

  • Füllung: Material im Inneren eines geschlossenen Pfads.
  • Kontur oder Stroke: entlang des Pfads gezeichnete Linie.
  • Deckkraft: Grad der Sichtbarkeit, von 0 % transparent bis 100 % deckend.
  • Verlauf: Übergang zwischen mehreren Farben.
  • Muster: kleine, wiederholte Kachel zum Füllen einer Fläche.
  • Filter: SVG-Effekt wie Schatten, Schein oder Relief.

Struktur

  • Gruppe: Menge von Elementen, die gemeinsam transformiert oder gestylt werden.
  • Maske: Silhouette, die den sichtbaren Bereich eines Inhalts begrenzt.
  • Boolesch: geometrische Operation zwischen mehreren Silhouetten.
  • Parametrisches Objekt: Form, die durch Werte wie Seitenzahl oder Radius gesteuert wird.
  • Vektorisieren: ein Bild oder einen Text in geometrische Pfade umwandeln.
Prêt à mettre la documentation en pratique ?

Ouvrez l’atelier dans un nouvel onglet et gardez ce guide à portée de main.

Ouvrir Nodixio