Wie entstehen diese wirbelnden Linienrahmen?

19

Linienrahmen 1 Linienrahmen 2

Ich liebe und war schon immer von dieser Art von wirbelndem Design fasziniert.

Nach mehr als 10 Jahren als Grafikdesigner kann ich mich immer noch nicht darum kümmern, wie das gemacht wird. Geometrisches gebogenes Design im Allgemeinen.

Wie verbinden sie ihre verschiedenen Teile so nahtlos? Es kann kein einzelnes Stück sein, das von Hand gefertigt wurde, da es zu perfekt und zu geometrisch ist, um es auf diese Weise zu tun.

Hat jemand von Ihnen an dieser Technik in Illustrator gearbeitet? Wie ist der Ansatz?

MrMerrick
quelle
Warum müssen Sie uns mitteilen, dass Sie mehr als 10 Jahre als Designer gearbeitet haben? Nur neugierig, welchen Nutzen es der Frage hinzufügt.
DᴀʀᴛʜVᴀᴅᴇʀ
Sie wurden ... so gezeichnet? Ich weiß nicht, wie ich das beantworten soll. Sie sind Segmente von Kurven, die miteinander verbunden sind. Das gleiche Konzept wie bei der Verwendung eines Vorcomputers mit französischen Kurven.
DA01
@ DA01 Na ja, Leute unter 30 haben vielleicht noch nie französische Kurven gesehen oder mit Linealen und Zirkeln auf Papier gezeichnet. Ich sage es nur.
Joojaa
1
@joojaa eh .... ja, na ja ... OK, ich verstehe deinen Standpunkt. Aber würde argumentieren, wer ein Grafikdesigner haben sollte. Es ist wie ein Architekt, der nicht weiß, was ein Architektenherrscher ist. Ja, sie benutzen es nicht unbedingt, aber es kommt mit dem Rasen / der Geschichte des Berufes. :)
DA01
@ DA01 Sie werden feststellen, dass Menschen oft viele Dinge wissen, die sie einfach nicht in der Lage sind, dieses Wissen zu einem Ganzen zusammenzufassen und in bestimmten Fällen anzuwenden. So sollte es eines sein, aber wenn man es nicht tut, dann ist es noch wichtiger, es zu erklären. Alles in allem kann ich sagen, dass es selbstverständlich ist, dass ein Maschinenbaustudent im vierten Studienjahr die Trigonometrie beherrscht. Anscheinend weiß ein gutes Drittel von ihnen nicht, nicht wirklich. Aber ja, ich hatte eine ähnliche Knie-Ruck-Reaktion.
Joojaa

Antworten:

24

Es gibt viele Möglichkeiten, dies zu erreichen. Sie haben recht, eine Kurve muss nicht aus einem Stück bestehen, sie kann aus mehreren Teilen bestehen. Tatsächlich kann eine Kurve aus mehreren Kurven aufgebaut werden.

Ich habe eine ähnliche Frage zu Spiralkappen beantwortet , meistens gilt das Gleiche hier. Wenn Sie dies tun, erstellen Sie eine anfängliche Form und drehen und spiegeln sie dann. Das spätere Bild ist ein gutes Beispiel dafür. Kurven können zum Beispiel mit 2 nebeneinander liegenden Bögen erstellt werden. Dies kann auch eine liberale Wiederverwendung eines einzelnen gezeichneten Pfads, von Offsets, Spiegeln und Schnitten durch Kreise und Linien sein.

Zweitens kann das Bauteil aus einer anderen Funktion als einer Spirale aufgebaut werden. Das Einrasten mit einem manuell erstellten Raster erzielt zwar eine ähnliche Liniengenauigkeit. Wieder besteht der Trick darin, die symmetrischen Teile und Liniensegmente zu spiegeln und zu drehen.

Aufbau einer Schleife

Bild 1 : Konstruktion eines wiederholbaren Musters

Die genaue Arbeit in Illustrator hängt von der Beherrschung des Linien- , Ellipsen- , Dreh- , Spiegel- , Skalierungs- und Neigungswerkzeugs ab . Von diesen ist das Linienwerkzeug das schwierigste, da es zu beherrschen ist, und das Ellipsenwerkzeug davon abhängt, dass Sie wissen, wie Sie den Alt-Klick-Dialog verwenden. Und für das Linienwerkzeug gibt es zwei Gründe dafür!

Kundenspezifische Konstruktionsanleitungen nach Offset

Bild 2 : Erstellen Sie benutzerdefinierte Konstruktionsanleitungen, und Sie können sie nach Herzenslust ausschneiden und anbringen.

Wie es gemacht wird (Tutorial, nach Anfrage)

Um auf den Kommentar zu antworten, wie er erstellt wurde, werde ich den Herstellungsprozess von Bild 1 skizzieren .

  1. Zeichnen Sie Ihre Hauptführer.

    • Beginnen Sie mit dem Zeichnen eines Ovals und eines kleinen Liniensegments in der Mitte des Ovals. Die Linie ist da, damit ich leichter zum Rotationszentrum (am Ende der Linie) springen kann.

      Bildbeschreibung hier eingeben

      Bild 3 : Denken Sie daran, Ihr Rotationszentrum zu markieren. Dies ist einfacher

    • Verwenden Sie das Drehwerkzeug, um die Führung zu drehen, in diesem Fall um 90 Grad. Sie können jedoch auch einen anderen Winkel verwenden. Tipp : Alt+ Klicken platziert den Drehpunkt und öffnet einen Dialog für die numerische Eingabe.

      Streng genommen braucht man die dritte und vierte Anleitung nicht, aber da die Wiederholung nur einen Tastendruck entfernt ist, kann ich besser abschätzen, wie groß sie sein wird. Passen Sie die Führungen jetzt an Ihre Bedürfnisse an.

      Bildbeschreibung hier eingeben

      Bild 4 : Nehmen Sie sich Zeit, um die Anleitungen zu erstellen.

    • Sie müssen sich darauf vorbereiten, die Ovale an ihren Schnittpunkten einzuschneiden, und nach (oder bei) beginnt die Kurve in Richtung der Spiegellinie abzusinken. Dazu bereite ich eine senkrechte Schnittlinie und eine Spiegellinie vor.

      Bildbeschreibung hier eingeben

      Bild 5 : Bereiten Sie die Schnittlinien vor

    • Kopiere eines der Ovale und erstelle eine neue Ebene, füge das Oval davor ein. Sperren Sie die Führungsebene.

  2. Die Form konstruieren.

    • Entfernen Sie die untere Hälfte des Ovals.

    • Fügen Sie einen Punkt am ersten Schnittpunkt des Ovals ein und schneiden Sie das Oval am Schnittpunkt von Oval zu Oval in 2 Teile.

      Bildbeschreibung hier eingeben

      Bild 6 : In Stücke schneiden

    • Spiegeln Sie eine Kopie des Segments über die Spiegellinie und verbinden Sie die Kurven. Tipp : Wenn Illustrator einen Bereich dazwischen einfügt und nur einen Punkt zur Seite verschiebt, verschieben Sie den Bereich zurück und wiederholen Sie die Verknüpfung. Die Kurven zeigen jetzt in die gleiche Richtung und es gibt keinen zusätzlichen Bereich.

      Bildbeschreibung hier eingeben

      Bild 6 : Join to mirror

    • Verwenden Sie das Werkzeug Ankerpunkt konvertieren, um das Eckende zu einer einheitlichen Tangente zu machen. Ziehen Sie die Tangente senkrecht zur Spiegellinie. Tipp Wenn Sie in einem ungünstigen Winkel arbeiten, können Sie den Winkel mit dem Linienwerkzeug messen und die Einstellungen verwenden, um das Gitter zu drehen.

      Machen Sie die Tangente an den nächstgelegenen Punkten (oder gleich weit) etwas kürzer als die Breite Ihrer Lücke. Man kann einstellen, wie rund die Kante ist, indem man eine längere Tangente macht. Ich mache die Form etwas spitzer als im ursprünglichen Beispiel, um zu zeigen, dass man die Form frei variieren kann.

      Bildbeschreibung hier eingeben

      Bild 7 Machen Sie die Tangente symmetrisch und senkrecht zur Spiegellinie

    • Ziehen Sie den Kurvenpunkt entlang der Symmetrielinie zurück, bis Sie ein gutes asymptotisches Verhalten haben.

      Bildbeschreibung hier eingeben

      Bild 8 Schleife anpassen.

    • Hilfslinien ausblenden und spiegeln / drehen und verbinden.

      Bildbeschreibung hier eingeben

      Bild 9 Endgültiges Bild.

Post scriptum

Nach all dieser Arbeit möchte ich sagen, dass die Funktion grafisch dargestellt wird:

x=20*cos(t)-10*sin(5*t+PI/2)
Y=20*sin(t)+10*cos(5*t+PI/2)

Ergäbe:

Bildbeschreibung hier eingeben

Viele Möglichkeiten, die Katze zu häuten, denke ich.

joojaa
quelle
Tolle Antwort, danke! Ich würde immer noch gerne einen tieferen Einblick in die Technik erhalten, mit einer schrittweisen Reproduktion einiger der von mir geposteten Formen, sehr, sehr neugierig auf einige von ihnen und welche Art von Workflow (welche Booleschen Methoden, Werkzeugtechniken) , etc) dauert es Aber das ist zu viel verlangt. Nochmals vielen Dank für einen schönen Beitrag. Das über Spiralkappen hilft auch.
MrMerrick
@MrMerrick Done
joojaa
Vielen Dank, dass Sie sich die Zeit und Mühe genommen haben, @joojaa zu beantworten. Ein fehlendes Puzzleteil für mich war die Verwendung dieser Hilfs-Symmetrielinien, auf denen ich Punkte entlang dieser Linien fangen kann, um die Formen zu verfeinern. Ich bin es gewohnt, mit gespiegelten Materialien zu arbeiten, um geometrische Grafiken zu erstellen, aber wenn es um Kurven und flüssigere Arbeiten geht, hatte ich Probleme, sie glatt aussehen zu lassen. Ich werde Zeit investieren, um dieses Bogenwerkzeug zu zähmen. Darf ich 2 letzte Fragen stellen? 1- Was meinst du mit der Linienwerkzeugbeherrschung? Ich verwende ALT nur, um es entweder in die entgegengesetzte Richtung seines Ursprungs wachsen zu lassen, oder ALT + Klicken, um den Erstellungsdialog zu erhalten. Ist es das?
MrMerrick
und 2- Wie machen Sie diese Wellenlinien auf Ihrer Abbildung 2 so schrecklich glatt? Ist das einfach ein Bogenwerkzeug oder ist es tatsächlich Punkt für Punkt eingeschränkt (Verschiebung beim Platzieren und Ziehen der Punkte halten)? Dies ist das am weitesten entfernte, was ich mit dem Bogenwerkzeug + Überblendung erreicht habe , was lächerlich ist.
MrMerrick
@ MrMerrick es ist ein Single-Span-Bezier. Verwenden Sie das Bogenwerkzeug auf keinen Fall als unbrauchbar. Dieselbe Nutzlosigkeit gilt für alle anderen Formwerkzeuge mit Ausnahme von Spirale, Linie und Ellipse. Trotzdem ist das Ellipsenwerkzeug nicht optimal. Neuer Illustrator hat auch ein neues Kurvenwerkzeug, das besser ist als Beziers. B-Splines und Spirokurven sind einfach überlegen.
Joojaa