Spielen Sie mit Mischungen und Bildverfolgung, um eine einfache Katzenszene in Adobe Illustrator zu erstellen

Was Sie erstellen werden

Diejenigen, die meinen Tutorials folgen, werden wissen, dass es drei allgemeine Themen gibt: Porträts, Katzen und Silhouetten. In diesem Tutorial werde ich eine einfache, Pen-Tool-freie Sunset-Katzenszene erstellen, die Blends und Image Trace verwendet. Wenn Sie eine ältere Version von Adobe Illustrator als CC verwenden, wird Image Trace als Live Trace mit mehr oder weniger gleichen Einstellungen bezeichnet. Machen Sie sich also keine Sorgen, Sie können mitmachen!

Dies ist perfekt für Anfänger, also bleiben wir drin.

Tutorial Assets

Um dieses Projekt abzuschließen, müssen Sie ein Bild einer laufenden Katze finden. Wenn Sie keine eigene Katze verwenden, empfehle ich die Verwendung des folgenden Bilds, das Sie bei PhotoDune erwerben können:

  • Seitenansicht einer schwarzen Katze zu Fuß, isoliert auf weiß (extra klein ist für diesen Zweck in Ordnung)

1. Erstellen Sie die Sunset-Mischung

Schritt 1

Nachdem Sie ein neues Landschaftsdokument in Adobe Illustrator erstellt haben, erstellen Sie vier Rechtecke mit dem Symbol Rechteckwerkzeug (M). Ich habe das erste Rechteck erstellt und dann kopiert und vorne eingefügt, das verwendet Werkzeug zur freien Transformation (E) und reduzierte die Höhe und änderte die Farbe. Dann wiederholte ich den Vorgang für die anderen beiden Rechtecke. Sie behalten also die gleiche Breite und sind alle am unteren Rand des ursprünglichen Rechtecks ​​ausgerichtet.

Ich habe folgende Farben verwendet:

  • Gelb: # f7931d
  • Rot: # be1e2d
  • Blau: # 262261
  • Blau Schwarz: # 0d0d12

Schritt 2

Wählen Sie alle vier Rechtecke aus und erstellen Sie eine Mischung, indem Sie zu gehen Objekt> Überblenden> Erstellen (Alt-Strg-B). Wenn Sie keinen gleichmäßigen Farbverlauf erhalten haben, lassen Sie die Mischgruppe ausgewählt und gehen Sie zu Objekt> Überblenden> Überblendoptionen und ändern Sie die Abstand zu Glatte farbe

2. Erstellen Sie einen Zaun aus einer Mischung

Schritt 1

Verwendung der Rechteckwerkzeug (M), Erstellen Sie ein langes, dünnes Rechteck an einer Seite Ihrer Zeichenfläche. Dann duplizieren Sie es und verschieben Sie es auf die andere Seite. Wenn du hast Smart Guides (Control-U) aktiviert, dann sollten Sie es anordnen können. Wenn dies nicht der Fall ist, wählen Sie beide Objekte aus und gehen Sie in die Ausrichten Panel und wählen Sie Vertikal unten ausrichten.

Schritt 2

Wählen Sie beide Formen aus und erstellen Sie eine Mischung mit ihnen (Alt-Strg-B). Dies kann zu dem unten gezeigten Ergebnis führen, aber machen Sie sich keine Sorgen, ich werde Ihnen im nächsten Schritt zeigen, wie Sie es korrigieren können.

Schritt 3

Um den Abstand der Mischung zu ändern, während die Mischgruppe ausgewählt ist, gehen Sie zu Objekt> Überblenden> Überblendoptionen und ändern Sie die Abstand zu Angegebener Abstand und ändern Sie die Einheit in 25 mm.

3. Schließen Sie Ihren Zaun ab

Schritt 1

Ich möchte mehr von einem Lattenzaun aussehen, also muss ich dazu die beiden Formen in der Mischung verändern. Mit Smart Guides aktiviert (Control-U) und mit der Stiftwerkzeug, Ich füge Punkte oben in der Mitte beider Rechtecke in der Überblendung hinzu. Machen Sie sich keine Sorgen, wir verwenden nur das Stiftwerkzeug, um einen einzelnen Punkt für jede der beiden Formen hinzuzufügen.

Denken Sie daran, die Punkte sowohl an den Rechtecken als auch an derselben Stelle hinzuzufügen, um eine glatte Überblendung zu gewährleisten.

Verwenden Sie dann die Pfeiltasten, um den Punkt nach oben zu verschieben, eine gleiche Anzahl für jeden Ihrer Beiträge, um ein Dreieck an den Pfosten zu erzeugen.

Schritt 2

Um alle Streikposten zusammenzuhalten, müssen Sie ein paar Geländer erstellen. Also mit dem Rechteckwerkzeug (M), Ziehen Sie zwei lange, schmale Geländer wie unten gezeigt.

Schritt 3

Hier gibt es ein Problem: Der Zaun schwebt über der Bodenoberfläche. Wir müssen einige dieser Pickets in Pfosten verwandeln, die im Boden stecken.

Um einige der Pfosten als Posten zu ändern, müssen wir die Länge einiger Formen ändern. In einer Überblendung können Sie nur die Formen ändern, die die Überblendung erzeugen, und nicht die Formen erstellt von Die Mischung. Um auf die benötigten Formen zuzugreifen, müssen wir die Mischung erweitern.

Wählen Sie dazu die Mischung aus und fahren Sie mit fort Objekt> Erweitern und markieren Sie alle Einstellungen und klicken Sie dann auf OK.

Schritt 4

Wenn Sie das freie Transformationstool verwenden, um die Länge der Pfosten so zu verlängern, wie sie derzeit sind, würde dies das Dreieck / die Spitze der Streikposten verzerren. Sie wären nicht alle einheitlich. Sie müssen also die Direktauswahl-Tool (A) Um die unteren beiden Punkte Ihrer Beiträge auszuwählen, drücken Sie sie mit den Pfeiltasten nach unten.

Ich habe jedem vierten Streikposten einen Posten gemacht.

4. Verwenden Sie Image Trace auf einem Bild der Katze

Schritt 1

Es ist Zeit, eine Katze hinzuzufügen, die zufällig unseren Zaun entlanggeht. Sie können Ihre eigene Katze dafür verwenden oder Ihre eigene zeichnen, jedoch habe ich mich für ein Lagerbild einer Katze entschieden.

Was dieses Bild besonders gut macht, ist, dass es auf einem schönen, sauberen Hintergrund steht und natürlich die Katze selbst schwarz ist. Dies macht es zu einem purrfect-Kandidaten für die Bildverfolgung (sehen Sie, was ich dort gemacht habe?).

Schritt 2

Gehe zu Datei> Platzieren und lokalisieren Sie Ihr Katzenbild und platzieren Sie es auf Ihrer Zeichenfläche. Sie müssen das Bild mit der Größe ändern Werkzeug zur freien Transformation (E), so berühren die Pfoten die Streikposten. Um dies genau zu tun, ändern Sie das Bild in Mischmodus multiplizieren, Deckkraft 100% und verstecken Sie den Himmel Hintergrund. Dann können Sie das Bild ausrichten.

Schritt 3

Nun, da deine Katze in einer Reihe ist, lass uns auswählen Bildverfolgung entlang der oberen Leiste. Es gibt eine Schaltfläche, die Sie auswählen können Bildverfolgung Optionen, und Sie können die Einstellungen unten verwenden, um der Form eine strukturierte Kontur zu geben.

Schritt 4

Der Adleraugen von Ihnen wird feststellen, dass mit dem Lattenzaun und der Katze oben ein leichter grauer Umriss ist. Dies liegt daran, dass Vektoren auf einem Pixelbildschirm eine Anti-Aliasing-Funktion haben. Bei den Pixeln, die sich auf dem Hintergrund überlappen, handelt es sich also um niedrigere Opazitäten von Schwarz, die auf den Mischmodus Normal eingestellt sind. Dadurch entsteht dieser Halo-Effekt um die Form.

Da wir mit schwarz gefüllten Formen arbeiten, können wir diese auf setzen Mischmodus multiplizieren den Halo-Effekt loswerden. Sie können den Unterschied unten sehen.

5. Erstellen Sie Sterne aus Mischungen

Schritt 1

Um einen Stern zu erstellen, müssen Sie mit dem Stern zwei Kreise zeichnen Ellipsenwerkzeug (L), mit dem äußeren Kreis auf Deckkraft 0% und gefüllt mit off white. Dies bedeutet, dass sich die Mischung von 100% in der Mitte zu nichts ändert, um einen glühenden Effekt zu erzielen. 

Wenn Sie jedoch eine Mischung aus diesen Formen erstellen, erhalten Sie ein anderes Ergebnis als bei der Einstellung Abstand: glatte Farbe.

Schritt 2

Dies liegt daran, dass beide Formen dieselbe Füllfarbe haben. Es gibt also keine Änderung! Das einzige, was sich ändert, ist die Deckkraft, es gibt also keine gleichmäßigen Farbverläufe. Um dies zu umgehen, müssen Sie das ändern Abstand zu Angegebene Schritte Geben Sie einen Wert ein, um einen fließenden Übergang der Deckkraft zu erstellen. Ich habe gebraucht 20 Schritte Hier.

Schritt 3

Das Glühen dieses Sterns ist nicht so "realistisch" ... also fügen wir der Mischung eine zusätzliche Form hinzu. In dem Schichten gehen Sie in Ihre Sterngruppe und duplizieren Sie einen der Kreise. Dann mit dem Werkzeug zur freien Transformation (E), mache es einfach größer als die kleinere Gruppe. Diese Form sollte zwischen den beiden anderen Kreisen eingefügt werden. 

Dann ändern Sie die Opazität zu 30%. Dies verändert dann den Übergang in der Deckkraft und erzeugt einen sternartigeren Glüheffekt. 

Schritt 4

Jetzt können Sie diesen Stern auf der Leinwand duplizieren und die Größe der Formen ändern, was am einfachsten zu tun wäre… jedoch nicht die effektivste. Dies ist jedoch ein Tutorial, und ich möchte Ihnen zeigen, wie Sie dies mit einem Scatter Brush tun.

Gehen Sie mit dem Stern in die Bürsten Panel und wählen Sie Neuer Pinsel. Wählen Sie im Popup aus Streubürste und verwenden Sie die Einstellungen unten und klicken Sie dann auf OK.

Schritt 5

Verwendung der Pinselwerkzeug (B), Fügen Sie drei gekritzelte Linien am Himmel hinzu, um Ihre Sterne zu erstellen.

Schritt 6

Ändern Sie dann die Deckkraft der Striche, um die Helligkeit der Sterne zu verändern. Die unterste Zeile ist auf gesetzt Deckkraft 30% Da die Sonne noch untergeht und die Sichtbarkeit der Sterne schwach ist.

6. Fügen Sie die Endedetails hinzu

Schritt 1

Lassen Sie uns unsere Szene beenden. Als erstes fügen wir einen Vignetteneffekt hinzu. Wir könnten dies mit einem Farbverlauf tun, aber da dies ein auf Mischungen basierendes Tutorial ist, verwenden wir stattdessen diese.

Ein Vignetteneffekt verdunkelt die Kanten. Dazu müssen wir zwei Kreise mit der Ellipsenwerkzeug (L) und machen die zentrale Form weiß und die äußere schwarz. Dann erstellen Sie eine Mischung (Alt-Strg-B).

Schritt 2

Stellen Sie die Mischung auf Mischmodus multiplizieren. Dadurch werden die weißen Formen transparent, wodurch ein transparenter radialer Farbverlauf erzeugt wird. Sie können dann in die Überblendung gehen und die Größe und den Ort der Formen anpassen.

Schritt 3

Um die Katze besser sichtbar zu machen, gehen Sie in die Mischgruppe für den Himmel und passen Sie einfach die Höhe des blauen Rechtecks ​​an, um einen helleren Farbübergang hinter der Katze zu ermöglichen.

Tolle Arbeit, du bist fertig!

Du bist jetzt fertig! Wenn Sie Ihren Himmel innerhalb der Grenzen Ihrer Zeichenfläche platziert haben, machen Sie sich keine Sorgen über die überlappenden Formen. 

Happy Halloween und ich werde dich in meinem nächsten Tutorial fangen.