Share
In diesem Lernprogramm werden zwei Möglichkeiten zum schnellen Erstellen von Vektorrauschmustern beschrieben, ähnlich dem Verlaufsrauschen von Photoshop, aber diesmal vollständig steuerbar, skalierbar und bearbeitbar, da es sich um eine Vektorgrafik handelt. Zur Farbsteuerung betrachten wir die Funktion Live Color, die in Illustrator CS3 verfügbar ist.
Vor kurzem musste ich eine Alternative zu Photoshop's Gradient Noise erstellen, diesmal jedoch in Illustrator. Ich werde zwei Wege erklären, wie man einen ähnlichen Effekt erzielen kann. Für dieses Tutorial erstellen wir eine Blog-Header-Grafik, die auf einem skalierbaren und leicht zu bearbeitenden farbigen Rauschmuster basiert.
Wichtiger Hinweis: Da beide Methoden überlappende Geometrie erzeugen, sind Rohergebnisse nicht für die Zeichenherstellung und das Schneiden von Vinyl geeignet. Wenn Sie diese Methode zum Erstellen von Schildern verwenden, sollten alle überlappenden Elemente zusammengefügt werden, bevor sie an Schneideplotter und Plotter gesendet werden.
Hier ist das endgültige Bild, das wir erstellen werden. Sehen wir uns zunächst einige Methoden zum Erstellen von zufälligen Vektorrauschmustern an.
Diese Methode basiert auf gestrichelten Strichen und gibt Ihnen mehr Kontrolle über das Erscheinungsbild Zufälligkeit (Lässigkeit) wird von dir festgelegt. Grundsätzlich ist es auch auf jede andere Vektorsoftware anwendbar, die benutzerdefinierte Striche unterstützt (wie CorelDraw)..
Erstellen Sie ein neues Dokument, setzen Sie die Größe auf 800 x 350 Pixel und den Farbmodus auf RGB. Als Nächstes erstellen Sie eine 500px lange Linie, geben Sie einen schwarzen Strich an und setzen Sie das Gewicht auf 10px. Aktivieren Sie die gestrichelte Linie und setzen Sie die Strich- und Lückenwerte, in diesem Fall 5, 3, 1, 8 und 2. Duplizieren Sie die Linie und ändern Sie die Strich- und Lückenwerte auf 2, 4, 6, 1 und 2. Erstellen Sie vier mehr gestrichelte Linien und andere Werte für Striche und Lücken (3, 1, 1, 4 und 2), (1, 2, 1, 1 und 6), (2, 5, 1, 1 und 8), und (4, 1, 2, 1 und 1).
Vergewissern Sie sich, dass "Strich" ausgewählt ist (X wechselt zwischen "Strich" und "Füllen"), und wählen Sie die gewünschten Farbnuancen aus
Um die Bemaßungen des Musters zu ändern, müssen Sie die Striche in durchgehende bearbeitbare Streifen konvertieren (Benutzer von Adobe Illustrator CS2 und älter verwenden den Befehl Transparenz reduzieren, um Striche in solide Objekte zu erweitern, siehe das erste Bild unten). Dazu gehen Sie zu Objekt> Erweitern, markieren Sie Füllung und Kontur und klicken Sie auf OK.
Öffnen Sie die Transformationspalette, setzen Sie den Referenzpunkt auf "Mitte oben", deaktivieren Sie die Option "Breite und Höhe einschränken" und legen Sie die Höhe auf 200 Pixel fest. Wiederholen Sie diese Schritte für jeden Satz von Streifen. Verwenden Sie die vertikale Ausrichtungsspitze in der Ausrichtungspalette (Umschalt + F7)
Wie Sie sehen, dominieren Lila und Rot und töten andere Farben. Nun liegt es nur an Ihnen, wie Sie Streifen, ihre Reihenfolge und Position anordnen. In meinem Beispiel habe ich die violetten Streifen nach hinten gesendet (Objekt> Anordnen> Nach hinten verschieben), die roten Streifen 3x nach hinten senden (Objekt> Anordnen> Nach hinten verschieben), Olivgrünstreifen 3x Nach hinten verschieben, grüne Streifen um 5 Pixel verschoben rechts und 2x nach hinten senden, gelbe Streifen 2px rechts und 2x nach vorne bringen (Objekt> Anordnen> nach vorne bringen).
Um das endgültige Muster neu zu färben, können Sie die Streifen entweder manuell auswählen und mit verschiedenen Farben füllen oder die sehr nützliche neue Funktion Live Color verwenden. Wir werden die Funktion später verwenden, wenn Sie die Farben für Bannergrafiken anpassen. Bevor Sie mit dem Umfärben beginnen, müssen Sie alle Objekte auswählen, die Sie neu einfärben möchten (keine Gruppierung erforderlich), und einen Standardfarbstatus erstellen, indem Sie auf das Symbol "Neue Farbgruppe" klicken. Auf diese Weise können Sie alle Änderungen zurücksetzen und zum ursprünglichen Farbschema der Kunstwerke zurückkehren.
Das Wechseln der Farben ist sehr einfach. Sie können einzelne Farbtöne bearbeiten, indem Sie auf die Farbleiste doppelklicken und deren Werte festlegen oder das Farbrad verwenden. Alle Änderungen sind sofort auf Ihrer Originalvorlage sichtbar. Speichern Sie Ihre Ergebnisdatei als "random_noise_pattern".
Eine andere Methode zum Erstellen eines Vektorrauschmusters ist die Verwendung mehrerer Standardbefehle, einschließlich Blend und Transform. Methode 2 erlaubt uns, nicht nur Linien als Referenzobjekte zu verwenden, sondern auch Kreise, Rechtecke und komplexere Formen (Sterne, benutzerdefinierte Symbole usw.). Wir müssen auch das Erscheinungsbild des Rauschmusters nicht erweitern, also ist es möglich Einige Parameter später ändern und anpassen.
Erstellen Sie in derselben "random_noise_pattern" -Datei eine vertikale 1-Punkt-Strichlinie, die 200 Pixel lang ist. Dupliziere es und bewege es 500px nach rechts. Wählen Sie beide Zeilen aus, gehen Sie zu Object> Blend und setzen Sie den Abstand auf Specified Steps mit dem Wert 50. Gehen Sie zu Object> Blend> Make (Befehl + Alt + B). Gehen Sie jetzt zu Object> Expand, lassen Sie Object aktiviert, und deaktivieren Sie die Kontrollkästchen Fill und Stroke. Dadurch wird das einzelne Objekt in getrennte Zeilen freigegeben. Sie sind immer noch in einer Gruppe zusammengefasst, also gruppieren Sie sie (Befehlstaste + Umschalttaste + G), lassen Sie jedoch alle Objekte ausgewählt.
Lassen Sie uns etwas Spaß haben! Gehen Sie zu Objekt> Transformieren> Jedes transformieren. Sehen Sie sich die rechte untere Ecke des Dialogs an und markieren Sie Zufall und Vorschau. Setzen Sie die horizontale Verschiebung auf etwa 15 Pixel (Sie können auch negative Werte eingeben). Illustrator verschiebt die Zeilen zufällig in die richtige Richtung. Da wir mit Zufallszahlen arbeiten, wird das Ergebnis immer anders sein. Markieren und deaktivieren Sie die Option Zufällig, um die Linien an verschiedenen Positionen zu verschieben. Stellen Sie sicher, dass Sie Ihre Arbeit speichern.
Gruppieren Sie (Befehl + G) alle Zeilen und duplizieren Sie sie. Wählen Sie die neu erstellte Gruppe aus und doppelklicken Sie auf eine der Zeilen, um den Gruppeninhalt einzugeben und zu bearbeiten. Wählen Sie alle Linien aus, und verwenden Sie "Transform Each" und "Horizontal Move" mit unterschiedlichen Werten, um die Linien an zufällige Positionen zu verschieben. Machen Sie weitere vier Gruppen und wiederholen Sie die Transformation für alle.
Wir werden mehr Unterschiede zu den Gruppen setzen. Wählen Sie zunächst alle Gruppen aus und richten Sie sie mithilfe des vertikalen Ausrichtungszentrums aus.
Wählen Sie nun jede einzelne Gruppe aus und stellen Sie für jede Gruppe einen anderen Wert für Strichstärke und Farbe der Linie ein. Sie können die Positionen jeder Gruppe verschieben, um mehr Zufälligkeit und Diversität hinzuzufügen. Spielen Sie mit Strichstärken, um weiße Lücken zu füllen.
Sie können die Linienpositionen, Farben und Striche für jede Gruppe jederzeit ändern und anpassen. Wenn Sie die Größe des Musters proportional ändern möchten, müssen Sie die Option "Skalieren" und "Effekte" in der Transformations-Palette aktivieren.
Das Endergebnis von Methode 2 ist unten gezeigt. Speichern Sie es unbedingt.
Ok, wir sind mit den Grundlagen fertig, lass uns unser Wissen nutzen und ein lustiges und frisches Banner machen. Wir werden die zuvor erstellten Muster verwenden, aber auch ein neues Muster erstellen.
Öffnen Sie ein neues Dokument mit 800 x 350 Pixel und speichern Sie es als "Banner". Erstellen Sie eine neue Ebene und nennen Sie sie "Hintergrund". Zeichnen Sie ein Rechteck mit 800 Pixel Breite und 350 Pixel Höhe. Füllen Sie es mit einem Farbverlauf, setzen Sie den Typ auf Radial und setzen Sie die Farben in einem Bereich von Weiß bis Blau. Ziehen Sie die Verlaufsrichtung von rechts unten nach links oben. Jetzt können Sie diese Ebene sperren.
Erstellen Sie eine neue Ebene und nennen Sie sie "Muster 1". Wechseln Sie zum Dokument "random_noise_pattern", wählen Sie das mit Methode 2 erstellte Muster aus, gruppieren Sie es und kopieren Sie es in die Ebene "Muster 1" im "Banner" -Dokument. Vergewissern Sie sich, dass Skalieren und Striche in der Umsetzungspalette ausgewählt sind. Ändern Sie dann die Größe des Musters, um den gesamten Bildbereich zu füllen. Verwenden Sie den Befehl Horizontal spiegeln in der Transformations-Palette. Setzen Sie bei ausgewähltem Muster den Transparenzmodus auf "Bildschirm" und "Deckkraft" auf 50%. Sperren Sie dann die Ebene.
Erstellen Sie eine neue Ebene und nennen Sie sie "Muster 2". Wechseln Sie zum Dokument "random_noise_pattern", wählen Sie das mit "Method 1" erstellte Muster aus, und fügen Sie es in die Ebene "Muster 2" im "Banner" -Dokument ein. Legen Sie die Höhe des Musters auf 150px fest. Gehen Sie zur Ebenenpalette und klicken Sie auf den kleinen Pfeil, um die Ansicht mit den untergeordneten Ebenen zu erweitern.
Einzelne Gruppen nach Belieben auswählen und horizontal verschieben. Arrangiere einzelne Unterebenen. Sie können auch jede Gruppe eingeben und einige Streifen löschen, um Vielfalt hinzuzufügen. Richten Sie das Muster an der linken unteren Ecke der Zeichenfläche aus. Duplizieren Sie die Ebene "Muster 1" und richten Sie ihren Inhalt an der rechten Dokumentenkante aus. In diesem Fall habe ich den Inhalt der Ebene "Pattern 2 Copy" auch horizontal umgedreht. Sperren Sie beide Ebenen und speichern Sie.
Lassen Sie uns einige natürliche Elemente zeichnen. Erstellen Sie eine neue Ebene, nennen Sie sie "Hills 1". Deaktivieren Sie alle Musterebenen, damit sie beim Zeichnen der neuen Grafiken nicht ablenken. In diesem Schritt geht es um individuelle Gefühle und Bedürfnisse. Mit dem Zeichenstift-Werkzeug habe ich zum Beispiel eine Reihe von Hügeln gezeichnet und ein Verlaufsnetz hinzugefügt, wie unten gezeigt.
Mit dem Direktauswahl-Werkzeug habe ich einzelne Anker ausgewählt und verschiedene Grüntöne hinzugefügt. Ich habe den Layer "Hills 1" dupliziert, Konturankerpunkte geändert, dem Verlaufsnetzwerk weitere Anker hinzugefügt und verschiedene Grüntöne hinzugefügt.
Lass uns einen Funkturm bauen. Erstellen Sie eine neue Ebene und nennen Sie sie "Funkturm". Es ist ein einfaches Objekt, das mit dem Zeichenstift-Werkzeug und 3D-gedrehten Rechtecken erstellt wurde. Für die perspektivische Verzerrung habe ich das Werkzeug 3D-Drehen verwendet. Da es nur um die Stilisierung geht, müssen Sie nicht der genauen Perspektive und den 3D-Regeln folgen.
Farbige Striche geben dem Objekt die Tiefe. Passen Sie die Ankerpunkte an, um Linien optisch miteinander zu verbinden, wie im zweiten Bild unten gezeigt.
Lassen Sie uns die Übertragungswellen erzeugen. Dies ist ein schönes Beispiel dafür, wie flexibel Methode 2 ist. Wir erstellen ein kreisförmiges Rauschmuster und färben es mit der Live Color-Funktion neu ein.
Legen Sie also eine neue Ebene fest, benennen Sie sie "Transmission Waves" und ordnen Sie sie hinter der Ebene "Radio Tower" an. Platzieren Sie einen 120-Pixel-Kreis außerhalb der Zeichenfläche. Setzen Sie die Strichstärke auf 1 px und die Farbe auf Schwarz. Duplizieren Sie es und setzen Sie die Größe auf 20 px. Zentriere den kleinen Kreis mit dem größeren.
Gehen Sie zu Objekt> Überblenden, und legen Sie den Abstand auf festgelegte Schritte mit dem Wert 8 fest. Gehen Sie zu Objekt> Überblenden> Erstellen (Alt + Befehl + B)..
Gehen Sie nun zu Objekt> Erweitern, lassen Sie das Objekt aktiviert und deaktivieren Sie Füllung und Kontur. Dadurch werden einzelne Objekte in getrennten Zeilen freigegeben. Sie sind immer noch in einer Gruppe zusammengefasst, verwenden Sie also den Befehl "Gruppierung aufheben", aber lassen Sie alle Objekte ausgewählt.
Gehen Sie zu Objekt> Transformieren> Jedes transformieren. Überprüfen Sie in der rechten unteren Ecke des Dialogfelds sowohl Zufall als auch Vorschau. Legen Sie die Skalierung von Horizontal und Vertikal auf 90% fest. Illustrator verkleinert Kreise zufällig. Da wir mit Zufallszahlen arbeiten, wird das Ergebnis immer anders sein. Aktivieren und deaktivieren Sie die Option Zufällig, um die Kreise zu skalieren.
Erstellen Sie eine Gruppe aller Kreise und duplizieren Sie sie. Wählen Sie die neu erstellte Gruppe aus, doppelklicken Sie auf einen der Kreise, und geben Sie den Gruppeninhalt ein. Wählen Sie alle Kreise aus und verwenden Sie "Transform Each". Skalieren Sie Horizontal und Vertikal mit unterschiedlichen Werten, um Kreise nach dem Zufallsprinzip zu verkleinern. Machen Sie eine weitere Gruppe und wiederholen Sie "Transform Each Each".
Stellen Sie für jede Kreisgruppe ein anderes Strichgewicht und eine andere Farbe ein (ich habe 0,5pt für Grün, 0,75 für Rot und 1pt für Gelb verwendet). Zentriere alle Kreisgruppen.
Positionieren Sie sie auf der Turmspitze.
Ändern wir die Wellenfarben mit Live Color. Wählen Sie alle Objekte in der Ebene "Übertragungswellen" aus und klicken Sie in der Optionsleiste am oberen Bildschirmrand auf das Symbol "Farbe einfärben".
Speichern Sie zunächst den Ausgangszustand, indem Sie auf das Symbol Neue Farbgruppe klicken. Dadurch werden die Originalfarben gespeichert. Das Spielen mit verschiedenen Farbkombinationen ist ziemlich einfach, ohne dass der Dialog abgebrochen werden muss, wenn Sie die von Ihnen vorgenommenen Änderungen nicht mögen.
Jetzt können Sie Farben interaktiv ändern. Klicken Sie auf die Registerkarte Bearbeiten, und aktivieren Sie die Option Link-Harmonie-Farben.
Klicken Sie auf einen Kreis im Farbkreis und ziehen Sie ihn auf die gewünschten Farbtöne. Wenn Sie nur eine Farbe innerhalb des Rades ändern müssen, klicken Sie auf Harmoniefarben aufheben und passen Sie die Farbtöne und Schattierungen unabhängig voneinander an. Wenn Sie mit dem Ergebnis zufrieden sind, klicken Sie auf Neue Farbgruppe, um den neuen Status zu speichern. Illustrator erinnert sich an die ursprünglichen und neuen Zustände, so dass es später bei Bedarf leicht ist, die ursprünglichen Farben wieder herzustellen.
Lass uns als Nächstes die laute Sonne machen. Tatsächlich handelt es sich um ein Duplikat der "Transmission" -Schicht, die nach "Sun" benannt wird und hinter der Transmission-Schicht angeordnet ist. Kreise werden von "Transform Each" in der Größe geändert und geändert. In diesem Fall habe ich auch das Strichgewicht angepasst und mit Live Color die Kreisfarben geändert.
Erstellen Sie eine neue Ebene mit dem Namen "Gold Wheat". Zur Herstellung von Goldweizen habe ich die Methode 2-Technik mit folgenden Ausnahmen verwendet:
Die Grundgruppe wurde dann viele Male dupliziert, um den horizontalen Raum des Bannerdesigns zu füllen.
Blumen wurden auf einer neuen Ebene namens "Blumen" erstellt. Sie bestehen aus den einfachen gestrichenen Kurven und Kreisen. Kopien des Kreisrauschmusters wurden verwendet, um die Komposition lebendiger zu gestalten.
Die Typografie befindet sich auf einer neuen Ebene hinter der Ebene "Blumen" und basiert auf einer freien Schriftart namens Romeral.
Der Titel ist mit Basisorange gefüllt und mit Weiß gestrichen. Um einen weißen Schatten hinzuzufügen, habe ich einen Schlagschatteneffekt verwendet. Gehen Sie zu Effekt> Stilisieren> Schlagschatten. Stellen Sie im Dialogfeld Optionen den Modus auf Normal, die Deckkraft auf 100% und Unschärfe auf 0%. Auf diese Weise können Sie Text schnell und effektiv ändern, anstatt Text zu duplizieren, zu versetzen und ihn mit einer anderen Farbe zu füllen, wodurch zwei Texte bearbeitet werden müssen. Der Tagline-Text lautet Myriad Pro Semibold.
Zum Schluss maskieren Sie alle übergreifenden Ebenen mit einem Rechteck, damit die Zeichenfläche schön und aufgeräumt ist.
In diesem Lernprogramm haben wir verschiedene Möglichkeiten kennengelernt, um mit einfachen Tools und Befehlen interessante Stripe-Ergebnisse zu erzielen. Wir haben interessante zufallsvektorskalierbare Muster erstellt und einige neue Funktionen in Adobe Illustrator CS3 wie Live Color betrachtet. Ich freue mich darauf, Ihre Experimente mit diesen interessanten Vektorgeräuschtechniken zu sehen.
Accentsconagua