Illustrator: Wie erstelle ich einen Spirographen?

13

Ich versuche, einen Spirograph in Illustrator gemäß Anhang zu erstellen. Wie mache ich das? Wo soll ich anfangen?

Spirograph

Sabithpocker
quelle

Antworten:

16

Ok, ein Spirograph ist nur eine Funktion und ich habe ein Funktionszeichnungsskript namens jooGraphFunction erstellt . Mit diesem Tool können wir loslegen und plotten

cos(2*t)*(10*cos(12*t)) -sin(2*t)*(26*sin(12*t)) 
sin(2*t)*(10* cos(12*t)) +cos(2*t)*(26*sin(12*t)) 

überreichweite 0bis PImit schritt PI/24und du bekommst. Wobei 12 die Anzahl der Lappen ist.

Bildbeschreibung hier eingeben

Bild 2 : Screenshot der jooGraphFunction-GUI und einiger alternativer Versionen mit unterschiedlicher Anzahl von Lappen.

Bildbeschreibung hier eingeben

Bild 2 : Und zeichnen Sie mit der gleichen Anzahl von Lappen wie Sie (36), die mit der gleichen Technik hergestellt wurden.

Sie können das Skript auch zerlegen, um einen Ausgangspunkt für Ihr eigenes Lernen zu finden.

joojaa
quelle
Ich kenne die Optionen für jooGraphFunction nicht, aber die Open Source-Alternative ist LaTeX + TikZ. Sie können ein Skript schreiben, es als PDF exportieren und es als Vektorgrafiken in Illustrator importieren. Matlab / Octave kann auch schöne Vektorgrafiken exportieren.
Crowley
Das ist großartig, genau das, wonach ich gesucht habe. Ich werde auch andere parametrische Gleichungen ausführen müssen, und das macht es so einfach. Vielen Dank für die Zeit, die Sie damit verbracht haben.
Sabithpocker
@ Crowley Ja, es ist ziemlich einfach, es mit zahlreichen verschiedenen Werkzeugen zu machen. Das Skript ist unter MIT lizenziert, nichts hindert irgendjemanden daran, Postscript oder svg daraus zu erstellen. Dieses Skript wurde jedoch so geändert, dass es zur Veranschaulichung passt, da es versucht, die Béziers darauf abzustimmen. Und machen Sie es nicht aus Segmenten heraus, wie es die meisten Grafiktools tun.
Joojaa
@joojaa Sowohl TikZ- als auch Matlab-Ergebnisse hängen von der Abtastung der Kurve ab und beide können Vektorgrafiken rendern. Wenn es schattiert ist, exportiert Matlab jedoch nur Bitmaps ... Ich wünschte, ich könnte Ihre Antwort sowohl für die Lösung als auch für die Funktionsdefinition positiv bewerten.
Crowley
@ Crowley Matlab kann Vektoren exportieren. Aber ja, ich weiß, wie Tikz und Matlab funktionieren.
Joojaa
8

Ich weiß, dass das OP nach Illustrator fragt, aber wenn es Ihnen nichts ausmacht, null Euro für ein Stück Software auszugeben, ist dies eine native Funktion in Inkscape .

Bildbeschreibung hier eingeben

Ideogramm
quelle
Das ist interessant. Inkscape habe ich noch nie ausprobiert. Ich werde es versuchen.
Sabithpocker
7

Echte Spirographen sind nicht einfach zu erzielen, da sie im Gegensatz zu Ihrem Beispiel durchgehende Linien sind. Versuchen Sie es mit Illustrator-Skripten, oder lesen Sie Lucianos Antwort.

Für einen sehr ähnlichen Effekt würden Sie eine Ellipse oder eine ellipsenartige Form annehmen und diese mehrere Male drehen und kopieren. Der Drehwinkel sollte eine Anzahl von Grad sein, durch die 360 ​​° teilbar sind.

Ein typischer Weg, um Ihr Beispiel zu machen, wäre:

  • Zeichnen Sie Ihre Ellipse mit dem EllipseWerkzeug (Verknüpfung L).
  • Stellen Sie sicher, dass die Ellipse einen Strich und keine Füllung hat.
  • Wechseln Sie mit der noch ausgewählten Ellipse zum RotateWerkzeug ( R).
  • Left AltKlicken Sie mit gedrückter Maustaste in die Mitte der Ellipse - dort sollte bereits eine Passermarke sichtbar sein. Ihr Cursor sollte ein Präzisionskreuz mit drei Punkten an der Seite sein.
  • Wählen Sie im daraufhin angezeigten Dialogfeld einen Winkel (θ), der bei Multiplikation mit einer ganzen Zahl (n) 360 ° ergibt.
  • Klicken Sie auf Copy;
  • Wählen Sie Object > Transform > Transform Againoder drücken Sie mehrmals Cmd / Ctrl+ D(n-2), bis Ihre Figur vollständig ist.

Alternativ können Sie hierfür einen dynamischen Transformationseffekt verwenden und sowohl die Form als auch die Anzahl der bearbeitbaren Kopien beibehalten:

  • Zeichnen Sie eine Ellipse ohne Füllung wie oben beschrieben.
  • Wählen Sie bei ausgewählter Form Effect > Distort & Transform > Transform...;
  • Wählen Sie Ihren Winkel θ unter der Überschrift 'Drehen'. Berühren Sie (noch) nicht die Einstellungen "Skalieren" oder "Verschieben".
  • Geben Sie im unteren Bereich des Dialogfelds eine Anzahl von Kopien n-1 ein.
  • Drücken Sie OK.

Dieser Effekt wird dynamisch auf die Grundform angewendet. Sie können die Form bearbeiten und der Effekt wird folgen. Sie können double clickden Effekt auch in der AppearancePalette bearbeiten. Auf diese Weise können Sie im Handumdrehen mehrere verschiedene Formen erstellen.

Sie können mit allen anderen Einstellungen experimentieren, um auf diese Weise die erstaunlichste Kunst zu erzielen. Durch Aktivieren des Kontrollkästchens Previewkönnen Sie sehen, was Sie erreichen.

Für zusätzlichen Spaß und Kichern können Sie diesen Trick mit einer gefüllten Form ausführen, die einen nicht "normalen" Mischmodus und / oder eine Opazität von weniger als 100% aufweist.

Mischspirograph

Vincent
quelle
1
Super, lass es mich versuchen. Sieht aber so aus, als wäre dies eine Annäherung an einen Spirographen, der eine durchgehende einzelne Linie und keine wiederholten Ellipsen ist.
Sabithpocker
1
Du kannst immer noch eine fortlaufende Linie ohne Scripting machen, überprüfe meine Antwort. Obwohl es mit Scripting wahrscheinlich viel einfacher wäre .
Luciano
@ Lucian Die Ausgabe, die Sie gezeigt haben, ist nur WOW. Ich bin selbst ein Javascript-Programmierer und habe einen Spirograph-Code erstellt , aber noch nie AI Scripting ausprobiert. Ich werde es auch versuchen.
Sabithpocker
4

Es gibt dieses hervorragende Video-Tutorial , das viel zu lang ist, um es hier zu erklären, aber es gibt verschiedene Möglichkeiten, um Kontinuierlich-Linien-Spirographen in Illustrator zu erstellen.

TL / DR; Erstellen Sie Ellipsen, drehen Sie sie und bereinigen Sie die zusätzlichen Punkte.

Stellen Sie sicher, dass Smart Guides aktiviert sind (Ansicht> Smart Guides).

  1. Erstellen Sie eine Ellipse, die größer als breit ist (nur Strich, keine Füllung)
  2. mit dem Drehen rWerkzeug option+ Klick auf den oberen Anker und einen Winkel Typ, der, wenn sie mit einer ganzen Zahl (n) multipliziert wird , ergibt 360 °. KlickenCopy
  3. Führen Sie nun den option+ Klick auf die neu erstellte Ellipse an der gegenüberliegenden Stelle aus.
  4. Dupliziere die Form so oft, bis du (n) Formen hast.
  5. Verwenden Sie das aWerkzeug, um alle Punkte in der Mitte Ihres Spirographen auszuwählen und zu löschen.
  6. Verbinde die Pfade ( cmd+ j)
  7. Shift+ Ziehen Sie um den zuletzt erstellten Punkt in der zuletzt duplizierten Form, um die Auswahl aufzuheben
  8. Konvertieren Sie die ausgewählten Ankerpunkte, um ein reibungsloses Klicken auf die Schaltfläche im Menü Ankerpunkt zu ermöglichen
  9. wähle die verbleibenden unglätteten Punkte und cmd+ shift+ option+ j, um die Punkte zu verbinden, wähle "Glätten"
Luciano
quelle
Das liest sich wie eine sehr schöne Methode. Werde es selbst versuchen müssen!
Vincent
0

Beachten Sie, dass ich Illustrator CS 6 verwende. Unterschiede in der Verknüpfung oder im Erscheinungsbild des hervorgehobenen Werkzeugs in anderen Versionen können auftreten :-)

Mache zuerst einen Kreis (Drücke L oder benutze das Finsternis-Werkzeug) Bildbeschreibung hier eingeben

Verwenden Sie dann den Kreis, um eine Blütenblattform zu erstellen (drücken Sie E oder verwenden Sie das freie Transformationswerkzeug). Ziehen Sie bei gedrückter Alt-Taste nur die rechte oder linke Seite, um eine gleichmäßige Umformung zu erzielen. Bildbeschreibung hier eingeben

Machen Sie dann die untere Spitze des Blütenblatts (Drücken Sie Umschalt + C oder verwenden Sie das Ankerpunkt-Konvertierungswerkzeug). Bildbeschreibung hier eingeben

Wählen Sie die beiden Punkte links und rechts aus und passen Sie sie dann nach oben an, um die gewünschte Form zu erhalten (Drücken Sie das A- oder Direktauswahl-Werkzeug und die Nach oben-Taste). Bildbeschreibung hier eingeben

Ändern Sie die Ankerposition (Drücken Sie R + Alt + Position - siehe Referenz für meinen Standort) Bildbeschreibung hier eingeben

Drehen Sie das Blütenblatt je nach gewünschter Grafik um 5 Wiederholungen (360/5 = 72) ( Drücken Sie R oder geben Sie mit dem Drehwerkzeug den Winkel ein und drücken Sie dann KOPIEREN ). Wiederholen Sie das Kopieren (dreimal), indem Sie während der Kopie Strg D drücken hervorgehoben.

Bildbeschreibung hier eingeben

Passen Sie Ihre erste Blütenblattform an, wenn Sie den perfekten Stern im Inneren benötigen.

Bildbeschreibung hier eingeben

Um die Linien sichtbar zu machen, wählen Sie alle Pfade / Blütenblätter aus und lassen Sie die Deckkraft multiplizieren. Bildbeschreibung hier eingeben

Dodie Eslava
quelle
0

Zeichne 1 Ellipse ....

Wählen Effect > Distort & Transform > Transform...

Einstellungen anpassen ....

Bildbeschreibung hier eingeben

Scott
quelle
Nun ja, es ist einfach kein Spirograph :) Es sieht aus wie einer, ist es aber nicht. Auch das ist Vincent Antwort. Aber mir scheinen 2 Fragen, die nicht genau gleich waren, zusammengeführt worden zu sein
joojaa