Die verborgene Kraft des Durchschnittsbefehls Erstellen eines Swirly-Typs

In diesem Lernprogramm werden wir den Befehl "Durchschnitt" in Adobe Illustrator kennenlernen und lernen, wie er auf ungewöhnliche Weise verwendet wird. In diesem Fall erstellen wir abstrakte Wirbel mit relativ einfachen Methoden und wenden sie auf den Typ an. Lass uns anfangen!

Möchten Sie auf die vollständigen Vector Source-Dateien und herunterladbaren Kopien jedes Tutorials zugreifen, einschließlich dieses Tutorials? Nehmen Sie an Vector Plus für nur 9 € pro Monat teil.


1. Einleitung

Die meisten von Ihnen kennen wahrscheinlich den Befehl Mittelwert in Adobe Illustrator. Dies ist jedoch kein sehr beliebtes Werkzeug, da es meistens nur für spezielle Anforderungen verwendet wird. Heute werden wir jedoch die Mathematik dahinter erforschen und daraus surrealistische Wirbelformen formen. Die Technik ist ziemlich einfach, aber wir werden etwas Zeit für die Theorie aufwenden - da ich Lehrer bin und gerne erkläre und alles klarstelle.


2. Die "durchschnittliche" Theorie

Lassen Sie uns zunächst einige Zeit mit dem theoretischen Teil verbringen. Auf diese Weise werden Sie den Mechanismus des Tools "Average" und die drei integralen Gesetze der "Average Smooth Abstract Swirls" (ASAS) -Technik, die ich kürzlich erfunden habe, besser verstehen. Wenn Sie jedoch nur wenig Theorie mögen, können Sie direkt mit Schritt 6 fortfahren.

Schritt 1

Wann verwenden wir normalerweise den Befehl Durchschnitt und was macht er? Ich bin sicher, die meisten von Ihnen kennen die Antwort. Der Befehl "Mittelwert" wird unter der Tastenkombination Befehl + Alt + J oder im Menü Objekt> Pfad ausgeblendet, und die Aufgabe besteht darin, die ausgewählten Ankerpunkte nach rechts zu bringen, und zwar auf den Durchschnittspunkt zwischen ihnen. Klingt ziemlich einfach, nicht wahr? In der Praxis wird dieser Befehl manchmal zu einem unersetzlichen Helfer.

Zum Beispiel habe ich einige offene Pfade, die ich in einer einzigen Form vereinen möchte, aber sie berühren sich nicht genau (für diejenigen, die die Form wiederholen möchten: Erstellen Sie ein abgerundetes Rechteck und löschen Sie die beiden unteren Punkte.) Jetzt drücken R und Alt-Klick darunter, geben Sie dann 72 Grad ein, kopieren Sie und drücken Sie dreimal Befehl + D, um sich zu drehen, wie unten gezeigt.

In diesem Fall kann ich nicht einfach 5 Formen aufeinander zu bewegen und mich verbinden (Befehl + J), da die Symmetrie verloren geht - aber die Blütenblätter davon Blume muss vollkommen gleich sein und den exakten Winkel bilden. Wenn ich jetzt die Pfade zusammenstelle, zeichnet das Programm gerade Linien zwischen offenen Ankerpunkten, was wir nicht brauchen.


Schritt 2

Um die perfekte Verbundform zu erhalten, müssen wir zunächst alle fünf Pfade so platzieren, dass sich offene Punkte berühren. Das ist der Zeitpunkt, an dem der Befehl Durchschnitt nützlich ist! Wir nehmen einfach das Direktauswahl-Werkzeug (A), wählen die Endpunkte zweier benachbarter Pfade aus und wählen Objekt> Pfad> Mittelwert. Im Fenster auswählen beide, OK drücken und voila - die Punkte befinden sich jetzt an derselben Stelle!

Alles, was wir tun müssen, ist ihnen beizutreten (Object> Path> Join). Jetzt können wir diesen Schritt für jedes Endpunktpaar viermal wiederholen: Auswählen mit dem Direktauswahl-Werkzeug, anschließend Übernehmen und Verbinden. Um jedoch ein paar Sekunden zu sparen, würde ich Ihnen empfehlen, diese beiden Befehle zu einer einzigen Verknüpfung zusammenzufassen: Befehl + Alt + Umschalttaste + J.


Schritt 3

Jetzt wissen wir, dass der Befehl Durchschnitt Ankerpunkte in die Mitte zwischen ihnen bringt (was für eine Überraschung!). Nun, Sie denken vielleicht, dass es ziemlich offensichtlich ist, aber gehen wir weiter. Probieren Sie diesen Befehl für verschiedene Objekte aus.

Ich habe ein Rechteck erstellt und den Befehl Mittel ausgeführt (die Form muss ausgewählt werden). Was bekommen wir? Wenn Sie alle drei Optionen des Befehls ausprobieren, erhalten Sie unterschiedliche Ergebnisse: Die horizontale Achse bringt vertikale Punkte in die Mitte und erzeugt eine horizontale Linie; Die vertikale Achse macht das Gleiche mit horizontalen Punkten. beide Achsenoptionen ergeben einen Mittelpunkt und bringen alle Punkte in die Mitte.

Das gleiche Ergebnis erhalten Sie mit einem Sechseck oder Stern. Es sieht eigentlich nicht interessant aus, aber es hilft zu verstehen, wie dieses Tool funktioniert. Lassen Sie uns diese in Regeln aufteilen.

Regel 1: Die Formen mit nur Eckpunkten ergeben immer entweder eine Linie oder einen Punkt! Auch wenn Sie mit dem Stiftwerkzeug unregelmäßige asymmetrische Formen zeichnen, solange es nur Eckpunkte hat, ist der Effekt derselbe.


Schritt 4

Lassen Sie uns eine Ellipse zeichnen und einige Experimente durchführen. Machen Sie zwei Kopien davon und probieren Sie den Befehl Mittelwert mit allen drei Optionen aus. Wie Sie sehen, sieht das Ergebnis jetzt interessanter aus und erzeugt einige kurvige Linien. Dies geschieht aufgrund der glatten Ankerpunkte auf Bezier-Kurven, bei denen die endgültige Kurvenrichtung durch Ziehpunkte gesteuert wird.

Regel 2: Für glatte Kurven benötigen wir glatte Punkte und Griffe sind sehr wichtig, um diese Glätte zu erreichen!


Schritt 5

Regel 3 für den Durchschnittbefehl: Die Ankerpunkte von Formen sollten nicht symmetrisch angeordnet sein und horizontale oder vertikale Linien bilden.

Um dieses Prinzip zu veranschaulichen, nehmen wir eine Ellipse aus dem vorherigen Schritt und drehen sie mit dem Drehwerkzeug (R) um 30 Grad. Wählen Sie Ihre Ellipse aus, drücken Sie R und geben Sie den Wert 30 ein. Jetzt nehmen Sie die gleichen Manipulationen vor - kopieren Sie zweimal und führen Sie das Mittelwert-Werkzeug aus.

Sieh den Unterschied? Beide Achsen Die Optionen haben sich nicht viel geändert, aber die horizontalen und vertikalen Optionen haben einige schöne kurvige Formen erzeugt. Dieses Ergebnis wird durch die Positionierung von Ankerpunkten verursacht. Im vorherigen Schritt bildeten die Punkte in der Ellipse vertikale und horizontale Linien, und nun wurden sie asymmetrisch gekreuzt.


3. Abstrakte Swirly-Formen

Nun, genug Theorie für heute! Ich bin sicher, dass Sie die drei ASAS-Regeln (Average Smooth Abstract Shapes) verstanden haben. Lassen Sie uns das Gelernte in die Praxis umsetzen.

Schritt 6

Erstellen Sie ein neues Dokument in Illustrator mit 800 x 500 Pixel im RGB-Modus. Erstellen Sie den Hintergrund mit dem Rechteckwerkzeug (M). Füllen Sie es mit einem radialen Farbverlauf, der von weiß bis hellgrau geht (# e6e6e6). Nennen Sie diese Ebene "BG", sperren Sie sie und erstellen Sie eine neue mit dem Namen "Swirls".


Schritt 7

OK, lass uns anfangen ASAS! Wir wissen das Beide Achsen Die Optionen des Befehls Mittelwert bringen alle Punkte in der Mitte und erzeugen kleine Formen. Konzentrieren wir uns also auf die horizontale oder vertikale Richtung für kurvige Wirbel. Wir brauchen jedoch immer noch die Grundformen, um damit arbeiten zu können. Was wir wollen, ist eine asymmetrische Form mit glatten Ankerpunkten. Es gibt zahlreiche Möglichkeiten, sie zu erstellen.

Beginnen wir mit einem einfachen 5-Stern ohne Füllung und einem schwarzen Strich. Um die Eckpunkte schnell in glatte Punkte umzuwandeln, können Sie Filter> Stilisieren> Runde Ecken anwenden. 10 Punkte reichen aus. Es ist immer noch nicht der richtige Zeitpunkt, um den Mittelwert-Befehl anzuwenden, da die Punkte unseres Sterns alle in derselben Entfernung vom Zentrum liegen (obwohl das Ergebnis bereits interessant aussehen kann)..


Schritt 8

Wenn Ihr Stern ausgewählt ist, greifen Sie zum Wrap-Werkzeug (Umschalt + R) und verformen Sie es leicht, um es asymmetrisch zu machen. Versuchen Sie es gleichzeitig etwas breiter zu machen. Jetzt können Sie Befehlstaste + Alt + J drücken, um das Durchschnittsfenster aufzurufen, und dann die horizontale Achse wählen. Voila! Unser erster Wirbel ist fertig!

Hinweis: Möglicherweise möchten Sie auch die vertikale Achse ausprobieren und auswählen, welche am besten aussieht. Wir brauchen jetzt aber keine Optionen für beide Achsen!


Schritt 9

Nun erstellen wir eine Ellipse (L). Um die Form asymmetrisch zu machen, verwenden wir das Wirbelwerkzeug. Lassen Sie alle Optionen intakt und berühren Sie einfach die Ellipse einige Male, um sie in eine amorphe Form zu bringen. Führen Sie nun den Befehl Durchschnitt aus und wählen Sie die horizontale Achse aus.


Schritt 10

Für die letzte Form verwenden wir eine einfache Methode. Nimm das Bleistiftwerkzeug (N). Auch hier spielen die Werkzeugoptionen keine Rolle, wir zeichnen einfach eine asymmetrische Form. Um den Pfad beim Zeichnen zu schließen, halten Sie die Alt-Taste gedrückt und klicken Sie auf. Und noch einmal: Objekt> Pfad> Durchschnitt> Horizontal. Jetzt haben Sie drei schöne Wirbelformen.


Schritt 11

Jetzt nehmen wir einige Anpassungen vor und speichern unsere Formen. Für alle drei Formen einen mittelgrauen Strich ohne Füllung anwenden. Um eine Form länger zu machen, duplizieren Sie den ersten Wirbel und drehen Sie die Kopie um 180 Grad mit dem Auswahlpfeil (halten Sie die Umschalttaste gedrückt, während Sie drehen). Richten Sie dann beide Teile aus, um einen einzigen längeren Wirbel zu bilden und sie zu gruppieren. Machen Sie dasselbe mit dem zweiten Wirbel.


Schritt 12a

Nehmen Sie mit dem letzten Wirbel die gleiche Manipulation wie bei den ersten beiden vor, duplizieren, drehen und richten Sie aus. Wir werden auch einige Punkte hinzufügen. Ergreifen Sie das Ellipse-Werkzeug (L) und erstellen Sie einen kleinen Kreis, während Sie die Umschalttaste gedrückt halten. Machen Sie ein mittelgraues Muster ohne Strich und positionieren Sie es wie gezeigt in der Nähe des Wirbels.


Schritt 12b

Duplizieren Sie den Kreis mehrmals und positionieren Sie ihn um den Wirbel, sodass am Ende etwa 10 Kreise Ihre Form umgeben. Wählen Sie nun alle Kreise aus, während Sie die Umschalttaste gedrückt halten, und wechseln Sie zu Objekt> Transformieren> Transformieren Sie jeweils (Alt + Shift + Befehl + D), und geben Sie die folgenden Werte ein:

  • Maßstab: 40% horizontal, 40% vertikal
  • Bewegen: 15 pt horizontal, 5 pt vertikal
  • Zufällig: überprüft
  • Vorschau: geprüft

Wenn Ihnen das Ergebnis gefällt, drücken Sie OK. Wenn nicht, versuchen Sie, einige Einstellungen wie Skalieren oder Verschieben zu ändern. Ihr Ergebnis sollte ungefähr so ​​aussehen wie das Bild unten.


Schritt 13

Jetzt, wenn unsere Wirbel fertig sind, machen wir drei Bürsten daraus. Wählen Sie den ersten Wirbel aus, wechseln Sie zur Pinselpalette (F5) und ziehen Sie die Form per Drag-and-Drop in die Palette. Wählen Sie im nächsten Fenster den Pinsel Art. Da Ihr Wirbel horizontal ist, wählen Sie in den Optionen für den Pinsel die Richtung horizontal aus (wenn Sie jedoch eine vertikale Richtung gewählt haben, wählen Sie natürlich die vertikale Richtung). Wählen Sie die Farbtonmethode aus. Nennen Sie diesen Pinsel "Swirl 1" und speichern Sie ihn.

Nun erscheint der neu erstellte Pinsel in der Pinselpalette. Machen Sie dasselbe mit zwei anderen Formen. Benennen Sie sie mit "Swirl 2" (geben Sie 80% für die Breite ein) und "Swirl 3" (geben Sie 150% für die Breite ein und aktivieren Sie Proportional)..


4. Aufbau der Komposition

Jetzt kommen wir zu dem aufregendsten Teil dieses Tutorials und bauen unsere endgültige Komposition auf.

Schritt 14

Lass uns jetzt unseren Typ machen. Sperren Sie die Ebene "Wirbel" und erstellen Sie eine neue mit dem Namen "Typ". Nimm das Textwerkzeug (T) und gib deinen Text ein. Es ist besser, eine runde serifenlose Schrift zu verwenden (ich habe Century Gothic Regular verwendet), und die Schriftgröße sollte sehr groß sein (meine war 130 pt). Ich wählte den Ausdruck "I LOVE VECTOR" und tippte "I VECTOR" ein, da ich später ein Herzsymbol hinzufügen werde.


Schritt 15

Lassen Sie uns den Text in einen Pfad konvertieren (Befehlstaste + Umschalttaste + O) und die Gruppierung aufheben. Anstatt den gesamten Text zu bearbeiten, passen wir zunächst nur einen Buchstaben an. Wählen Sie den Buchstaben "I", machen Sie keine Füllung und 1 Punkt schwarzen Strich. Klicken Sie auf den ersten Wirbel in der Pinselpalette. Oh, endlich haben wir etwas Wirkung!


Schritt 16

Wenn das "Ich" weiterhin ausgewählt ist, wechseln Sie in die Erscheinungsbildpalette (Umschalttaste + F6) und wählen Sie im Flyout-Menü einen neuen Strich aus. Wenn der neue Strich ausgewählt ist, gehen Sie zum Pinselfenster und wählen Sie "Wirbel 2". Jetzt sieht der Brief noch besser aus!


Schritt 17

Fahren Sie fort und fügen Sie den dritten Strich des letzten Wirbelpinsels hinzu, den mit Punkten. Jetzt können Sie die Einstellungen für einen der beiden Striche anpassen, wenn Sie möchten. Wenn Sie den Effekt erreicht haben, mit dem Sie zufrieden sind, wechseln Sie zum Grafikstilbedienfeld. Erstellen Sie mit Ihrem Buchstaben einen neuen Stil mit dem Namen "Black swirly type". Jetzt können Sie den Rest des Textes auswählen und den gleichen Grafikstil auf andere Buchstaben anwenden.


Schritt 18

Unser Typ sieht jetzt in Ordnung aus, aber Sie können einige abgehackte Bereiche bemerken, die durch Eckpunkte erstellt wurden. Sie müssen sich daran erinnern, dass Eckpunkte nicht für Wirbel geeignet sind. Wählen Sie den gesamten Text aus und gehen Sie zu Filter> Stilisieren> Runde Ecken mit einem Radius von 10 px. Jetzt sollte Ihr Typ viel schöner aussehen!

Sie können das Kerning jetzt anpassen, indem Sie die Buchstaben etwas verschieben, um harmonischer zu wirken. Bewegen Sie auch den Buchstaben "Ich" nach links, um genügend Platz für das Herz zu haben (vergessen Sie nicht, die Umschalttaste gedrückt zu halten, damit der Buchstabe richtig an der Grundlinie ausgerichtet ist)..


Schritt 19

Aktivieren Sie die Lineale (Befehlstaste + R) und ziehen Sie eine vertikale Hilfslinie zwischen die Buchstaben "I" und "V", um das Herz zu machen. Nehmen Sie das Stiftwerkzeug und zeichnen Sie zuerst den rechten Teil unseres Herzens, wählen Sie keine Füllung und einen rosa 1pt-Strich.

Klicken Sie auf die Hilfslinie, um den oberen Punkt festzulegen, und ziehen Sie den Griff nach links, während Sie die Umschalttaste gedrückt halten, um eine Schleife zu erstellen. Klicken Sie dann auf die rechte Seite, um den rechten Ankerpunkt zu erstellen. Klicken Sie schließlich auf die Hilfslinie, um den unteren Punkt zu erstellen, und ziehen Sie einen Ziehpunkt nach rechts, während Sie die Umschalttaste gedrückt halten, um perfekt horizontale Ziehpunkte zu erhalten. Sehen Sie sich das Bild unten als Referenz an, jetzt haben Sie die rechte Hälfte Ihres Herzens erstellt.


Schritt 20

Wenn eine Form ausgewählt ist, greifen Sie auf das Hilfsmittel Spiegeln (O) und klicken Sie bei gedrückter Alt-Taste auf die Hilfslinie, wählen Sie Vertikal aus und klicken Sie auf Kopieren. Nun ist das Herz bereit. Löschen Sie den Guide jetzt. Ich habe mich entschieden, nur zwei Hälften im unteren Punkt zu verbinden: Wählen Sie mit dem Direktauswahl-Werkzeug (A) zwei benachbarte untere Punkte aus und drücken Sie Alt + Umschalt + Befehlstaste + J.


Schritt 21

Jetzt wiederholen wir die Schritte 16-17: Fügen Sie einen Teil unserer Form in der Aussehen-Palette Konturen hinzu und wenden Sie Wirbelpinsel darauf an. Für das Herz habe ich drei 1-Punkt-Striche in Pink, Gelb und Blau mit allen drei aufgetragenen Pinseln gewählt.


Schritt 22

Um der Komposition ein schönes Detail hinzuzufügen, habe ich mich dazu entschlossen, drei kleinere Exemplare über jeder Farbe (rosa, blau und gelb) über unserem Herzen zu platzieren. Obwohl es möglich ist, das Objekt einfach dreimal zu kopieren, umzuwandeln und nicht benötigte Striche zu löschen, wollte ich alle Herzkopien als ein Objekt aufbewahren. Wählen Sie dazu ein Herz aus und wählen Sie den ersten Strich im Erscheinungsbildfenster. Gehen Sie nun zu Effekt> Verzerren und Transformieren> Transformieren und geben Sie diese Werte für den ersten Strich ein:

  • Maßstab: 20% horizontal, 20% vertikal
  • Bewegen: -30 pt horizontal, 35 pt vertikal
  • Drehen: 20 grad
  • Kopien: 1

Für den zweiten Strich machen Sie dasselbe mit den folgenden Werten:

  • Maßstab: 15% horizontal, 15% vertikal
  • Bewegen: 30 pt horizontal, 40 pt vertikal
  • Drehen: 340 grad
  • Kopien: 1

Und für die dritte bitte folgendes eingeben:

  • Skala: 10% horizontal, 10% vertikal
  • Bewegen: 0 pt horizontal, 60 pt vertikal
  • Drehen: 5 grad
  • Kopien: 1

Jetzt haben Sie ein schönes Detail, und die kleinen Herzen sind tatsächlich Effekte, die auf die großen angewendet werden!

Außerdem können Sie die auf die Herzform angewendeten Effekte als Grafikstil speichern, genau wie wir es mit dem Typ gemacht haben, und sie als "farbiges Wirbelherz" bezeichnen. Auf diese Weise kann derselbe Stil mit nur einem Klick auf jede Form angewendet werden!


Schritt 23

Schließlich nahm ich einige kleinere Anpassungen vor, wie z. B. das Einstellen der Pinseleinstellungen für den Typ und das Herz und das Anpassen der Striche an meinen Geschmack. So sieht das Endergebnis aus.

Und dies ist das für diejenigen von Ihnen, die gerne weitere Wirbel hinzufügen möchten - Sie mögen vielleicht den Rahmen, den ich erstellt habe. Erstellen Sie ein abgerundetes Rechteck, das fast die gesamte Leinwand bedeckt, schneiden Sie es mit dem Schere-Werkzeug (C) in vier Ecken und wenden Sie den für den Typ erstellten Grafikstil an.

Sie können die Pinseleinstellungen etwas anpassen (ich habe den dritten Pinselstrich entfernt). Und rate mal, was ich in die Ecken stecke? Diese asymmetrischen Blüten sind sehr einfach herzustellen. Nehmen Sie eine beliebige Form, aus der wir aus den Schritten 8-10 einen Wirbel gemacht haben, und führen Sie den Befehl Mittelwert mit der Option Beide Achsen aus. Kopieren Sie die Form, um sie in jede Ecke zu platzieren!


5. Schlussfolgerung

In diesem Lernprogramm haben wir die Möglichkeiten des Befehls "Durchschnitt" in Adobe Illustrator kennengelernt und mit diesem Effekt einen schönen Wirbeleffekt erzielt. Ich hoffe, es hat Sie inspiriert, denn dieser Effekt kann zu interessanten und unerwarteten Ergebnissen führen. Seien Sie einfach kreativ und haben Sie Spaß beim Experimentieren!

Abonnieren Sie den Vectortuts + RSS-Feed, um mit den neuesten Vektor-Tutorials und Artikeln auf dem Laufenden zu bleiben.