Welche Tools würden Sie verwenden, um so etwas zu erstellen?

Es ist das erste Mal, dass ich hier poste, also bitte habt Geduld mit mir! Ich versuche, das Bild unten neu zu erstellen, aber ehrlich gesagt bin ich mir nicht einmal sicher, wo ich anfangen soll.

Ich habe es mit Brute Force versucht und nur Quadrate über das Bild gelegt, aber das war viel zu zeitaufwändig und macht das Anpassen von Werten (Quadratgröße, Kreisradius usw.) sehr umständlich.

Gibt es Tools, mit denen ich dies erstellen und als SVG exportieren kann?

Foto

Hallo Elfanek, ich habe Ihre Frage bearbeitet, um einige der Tags zu entfernen (ich glaube nicht, dass Sketch das richtige Werkzeug ist, um dies zu erstellen). Sie können SVG aus praktisch jeder Vektorsoftware exportieren, daher sollte sich Ihre Frage nicht darauf konzentrieren.

Antworten (3)

Jedes Vektorzeichenprogramm kann das. Das sind separate Kreise, die gedrehte Quadrate haben, die entlang des Strichs gekachelt sind. Der ursprüngliche Strich wurde entfernt.

In Inkscape bekommt man die Kachelung problemlos hin, wenn man nicht eine leichte Verformung der Quadrate als schädlich empfindet. Inkscape erstellt SVGs, wenn Sie es als einfaches SVG speichern. Sie können ein Muster entlang eines Pfads biegen. Zu diesem Zweck gibt es die Erweiterung Aus Pfad erstellen > Muster entlang Pfad. Das Muster ist eine Gruppe, die aus 2 gedrehten Quadraten besteht:

Geben Sie hier die Bildbeschreibung ein

Mit einigen Berechnungen erhalten Sie exakte Füllungen. Bei Bedarf können Sie die Verformung sogar vorkompensieren. Hier mal probiert (=eine Ecke der Quadrate etwas verschoben):

Geben Sie hier die Bildbeschreibung ein

Das Ergebnis lässt sich in Illustrator gut öffnen, was beweist, dass das SVG allgemein verwendbar ist, nicht nur für Inkscape.

Wenn Sie in Illustrator beginnen , können Sie den Musterpinsel auf die gleiche Weise wie die Erweiterung Pattern Along Path von Inkscape verwenden.

Geben Sie hier die Bildbeschreibung ein

Es gibt zwei Versionen eines Kreises in Illustrator. Beide haben ein wenig verzerrte Quadrate, um die Verbreiterung auszugleichen. Es ist nicht perfekt gelungen.

Der Musterpinsel macht die Quadrate gekrümmt. Die rechte Version wurde erweitert, um die Quadrate editierbar zu machen. Alle haben Objekt > Pfad > Vereinfachen > Gerade Linien, um die Krümmung zu entfernen.

Der laute Hintergrund ist ein separates Objekt. Es kann ein Foto sein. Als Vektor ist es komplex. Ich habe keine andere Idee, es als Vektor zu machen, als ein verrauschtes Foto zu verfolgen. Das wird eine sehr schwere Datei als SVG sein. Ich werde zurückkehren, wenn ich einen richtigen Weg finde.

HINZUFÜGEN : Benutzer joojaa schlug vor, es auf die harte Tour zu bauen. Das ergibt exakte, unverzerrte Quadrate. Der einfachste Weg, benötigte Quadrate mit minimalen Berechnungen zu erhalten, ist die Verwendung von Blending. Es ist überhaupt nicht schwieriger, als sich entlang eines Pfades zu biegen, es wird nur Farbe benötigt.

Ein Beispiel: Quadrat zeichnen, drehen und etwas auseinander kopieren (nach rechts hier)

Geben Sie hier die Bildbeschreibung ein

Wählen Sie die Quadrate aus, definieren Sie sie und machen Sie eine Mischung. Wählen Sie in den Mischoptionen die Anzahl der Schritte (=18) und die Ausrichtung = entlang der Wirbelsäule

Ersetzen Sie die Wirbelsäule durch einen Kreis. Schneiden Sie vorher den Kreis mit dem Scherenwerkzeug aus, um den Pfad zu öffnen.

ADD2: Ein weiterer einfacher Weg, um es ohne Verzerrung zu bekommen, vielleicht der einfachste, wenn Sie das Ergebnis manuell färben, ist die Verwendung eines einzelnen Quadrats als Scatter-Pinsel. Ziehen Sie einfach ein Quadrat in die Pinselsammlung und wählen Sie die Option "Streupinsel erstellen". Das Rotationsverhalten können Sie flexibel genug definieren:

Geben Sie hier die Bildbeschreibung ein

Dies und das Mischen müssen erweitert werden, bevor man das Umfärben durchführen kann. Blending hat einen eigenen Expanding-Eintrag im Blending-Menü (Object > Blend >Expand). Verwenden Sie für Pinsel Objekt > Aussehen erweitern. In beiden Fällen ist das Ergebnis eine Gruppe. Der Musterpinsel erzeugt zusätzlich eine Schnittmaske, die vor Bearbeitungen freigegeben werden muss.

Um Verzerrungen zu vermeiden – mit Illustrator – ist es besser, stattdessen einen Streupinsel zu verwenden.
Es ist besser, Strg+D zu verwenden, wenn Sie es genau machen wollen.
@joojaa Ich werde etwas dazu hinzufügen.
@LeoNas Eigentlich hattest du recht. Ich hatte mit dem Musterpinsel gepatzt, aber ich werde Ihren Vorschlag einfügen. 100xDanke!

Dies scheint nicht allzu schwer zu sein. Verwenden Sie in Illustrator einfach das Rotationswerkzeug mit aktiviertem Klonen, möglicherweise numerische Eingabe. Verwenden Sie dann die Wiederholung der letzten Transformation (Strg + D). Sollte weniger als 5 Minuten Arbeit sein.

Eine einfache Drehung würde in jedem Vektorbildeditor funktionieren, wie @joojaa bereits angedeutet hat. Ich werde ein wenig mehr ausführen. Das folgende Beispiel wurde in Inkscape erstellt, funktioniert aber auch mit Illustrator, CorelDraw, der Sketch-App usw.

Hier sind die grundlegenden Schritte.

  1. Erstellen Sie ein Quadrat, drehen Sie es leicht
  2. Duplizieren und vertikal nach unten bewegen
  3. Gruppieren Sie beide
  4. Duplizieren Sie die Gruppe
  5. Rotieren (in diesem Beispiel 30°)
  6. Wiederholen Sie die Schritte 4 und 5, bis Sie fertig sind
  7. Ändern Sie die Strichfarben nach Bedarf

Geben Sie hier die Bildbeschreibung ein

Wiederholen Sie den Vorgang für zunehmend größere Kreise. Für größere Kreise werden kleinere Rotationswinkel benötigt. Verwenden Sie nur Winkel , die Faktoren von 360° sind . Außerdem können meines Wissens alle modernen Vektorbildbearbeitungsprogramme SVGs exportieren.