Schneller Tipp Erstellen Sie eine transparente Linealillustration

Im folgenden Tutorial erfahren Sie, wie Sie ein transparentes Lineal erstellen. Das Raster und das Einrasten am Raster werden sich als nützlich erweisen, da wir gerade mehrere Pfade mit genauen Abmessungen erstellen. Wenn Sie mehrere Füllungen und Konturen mit verschiedenen Mischmodi und Deckkraftprozentsätzen verwenden, erstellen wir die gesamte Linealdarstellung. Für die letzten Details verwenden wir einen eingebauten Pinsel und einige grundlegende Effekte.


Schritt 1

Erstellen Sie ein 700-mal-300px-RGB-Dokument. Aktivieren Sie zunächst das Raster (Ansicht> Raster) und die Option An Raster ausrichten (Ansicht> An Raster ausrichten). Als Nächstes benötigen Sie alle 1 Pixel ein Raster. Gehen Sie zu Bearbeiten> Voreinstellungen> Hilfslinien> Raster, geben Sie jeweils 1 in das Feld Rasterlinie und 1 in das Feld Unterteilungen ein. Sie können auch das Infofenster (Fenster> Info) für eine Live-Vorschau mit der Größe und Position Ihrer Formen öffnen. Vergessen Sie nicht, die Maßeinheit unter Bearbeiten> Voreinstellungen> Einheit> Allgemein in Pixel zu ersetzen. Alle diese Optionen erhöhen die Arbeitsgeschwindigkeit erheblich.


Schritt 2

Wähle das Rechteckwerkzeug (M) aus und klicke auf deine Zeichenfläche. Geben Sie 628 in das Breitenfeld und 60 in das Höhenfeld ein und klicken Sie auf OK. Füllen Sie die resultierende Form mit R = 209. G = 211. B = 212. Machen Sie dann eine Kopie vor (Control + C> Control + F). Deaktivieren Sie die Sichtbarkeit für diese Kopie, die Sie später benötigen.


Schritt 3

Nimm das Stiftwerkzeug (P), zeichne einen 628px-horizontalen Pfad und platziere ihn wie im ersten Bild gezeigt. Füllen Sie es mit keinem und fügen Sie einen weißen Strich hinzu. Machen Sie erneut eine Kopie dieses Pfads (Strg + C> Strg + F) und machen Sie ihn unsichtbar. Wählen Sie nun die beiden sichtbaren Formen aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Teilen". Sie sollten eine Gruppe mit zwei neuen Formen erhalten. Wählen Sie es im Ebenenbedienfeld aus und heben Sie die Gruppierung auf (Umschalt + Strg + G)..


Schritt 4

Wähle das Ellipse-Werkzeug (L) aus, erstelle eine 12x12px-Form und platziere sie wie im ersten Bild gezeigt. Machen Sie eine Kopie dieses Kreises und machen Sie ihn unsichtbar, Sie werden ihn später brauchen. Wählen Sie den sichtbaren Kreis mit der unteren, grauen Form (erstellt im vorherigen Schritt) und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front.


Schritt 5

Nun fügen wir einen schönen Hintergrund für dieses Lineal hinzu. Sie können diese Holztapete verwenden, die Laszlo Prekop so freundlich angeboten hat. Speichern Sie es auf Ihrer Festplatte und ziehen Sie es in Ihre Illustrator-Datei. Senden Sie es unten im Ebenenfenster (Umschalt + Strg + linke eckige Klammer) und sperren Sie es, um sicherzustellen, dass Sie es nicht versehentlich auswählen oder verschieben.


Schritt 6

Wähle das Stiftwerkzeug (P), zeichne einen neuen 628px-Pfad und platziere ihn wie im ersten Bild gezeigt. Füllen Sie es mit keinem und verwenden Sie den Pinsel "Chalk-Scribble". Sie sollten es in Ihrem Pinselbedienfeld haben. Wenn dies nicht der Fall ist, können Sie es finden: Öffnen Sie das Fly-Out-Menü des Pinselbedienfelds, und öffnen Sie die Option „Pinsel-Bibliothek öffnen“> „Künstlerisch“> „Künstlerisch“. Weiß machen und dann die Deckkraft auf 10% verringern.


Schritt 7

Wählen Sie die untere graue Form erneut aus und erstellen Sie eine Kopie vor (Control + C> Control + F). Füllen Sie es mit Weiß und bringen Sie es nach vorne (Umschalt + Strg +]). Wählen Sie es dann zusammen mit dem weißen Pinsel aus und gehen Sie zum Transparenzbedienfeld. Öffnen Sie das Flyout-Menü und klicken Sie auf "Deckkraftmaske erstellen". Dadurch wird die untere Hälfte Ihres Pinsels maskiert.


Schritt 8

Nun fügen wir einige neue Farben für die grauen Formen hinzu. Wählen Sie die untere Form aus und füllen Sie sie mit dem links dargestellten linearen Farbverlauf. Wechseln Sie dann in das Erscheinungsbildfenster. Wählen Sie die vorhandene Füllung aus und verringern Sie die Deckkraft auf 40%. Öffnen Sie dann das Flyout-Menü des Darstellungsfensters und klicken Sie auf Neue Füllung hinzufügen. Offensichtlich wird dadurch eine zweite Füllung für Ihre Form hinzugefügt. Wählen Sie sie im Darstellungsfeld aus, verringern Sie die Deckkraft auf 10% und verwenden Sie den rechten linearen Farbverlauf (siehe unten).

Achten Sie besonders auf die Verlaufsbilder. Die weißen Zahlen stehen für die Deckkraftposition, während die gelben Zahlen für den Deckkraftanteil stehen. Das bedeutet, dass Sie die Farbverlaufsregler auswählen und die Prozentsätze für Deckkraft und Position wie in der folgenden Abbildung dargestellt einstellen müssen.


Schritt 9

Gehen wir zur oberen Form über. Ersetzen Sie zuerst das flache Grau durch den linken linearen Farbverlauf, fügen Sie dann eine zweite Füllung hinzu und verwenden Sie den rechten linearen Farbverlauf. Wählen Sie die erste Füllung erneut aus und verringern Sie die Deckkraft auf 40%, wählen Sie dann die zweite Füllung aus und verringern Sie die Deckkraft auf 30%. Vergessen Sie nicht, die Deckkraft und den prozentualen Standort wie in der folgenden Abbildung gezeigt einzustellen.


Schritt 10

Konzentrieren Sie sich auf den linken Bereich der vorhandenen Formen. Wähle das Rechteckwerkzeug (M) aus, erstelle eine 120 x 60px-Form und platziere sie wie im ersten Bild gezeigt. Wählen Sie das Direktauswahl-Werkzeug (A), wählen Sie den oberen, rechten Ankerpunkt aus und verschieben Sie ihn um 60 Pixel nach links. Nun sollte Ihre Form im zweiten Bild aussehen. Füllen Sie es mit dem im letzten Bild angezeigten linearen Farbverlauf und verringern Sie die Deckkraft auf 10%..


Schritt 11

Kehren Sie für die im dritten Schritt erstellte Kopie wieder in den sichtbaren Bereich und bringen Sie sie nach vorne (Umschalt + Strg + Rechte eckige Klammer). Kehren Sie zurück, um die im zweiten Schritt erstellte Kopie sichtbar zu machen, und bringen Sie sie nach vorne (Umschalt + Strg + Rechte eckige Klammer). Füllen Sie es mit keinem und fügen Sie einen 2pt-Strich nach außen hinzu.

Setzen Sie die Farbe auf R = 109 G = 110 B = 113, öffnen Sie dann das Flyout-Menü des Erscheinungsbild-Fensters und klicken Sie auf "Neuen Stoff hinzufügen". Dies fügt einen zweiten Strich für Ihre Form hinzu. Wählen Sie aus, ob im Fenster "Aussehen" weiß angezeigt werden soll, und legen Sie die Größe auf 1pt fest. Wählen Sie den gesamten Pfad erneut aus und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 1 Pixel ein und klicken Sie auf OK.


Schritt 12

Kehren Sie für die im vierten Schritt erstellte Kopie wieder sichtbar zu und bringen Sie sie nach vorne (Umschalt + Strg + Rechte eckige Klammer). Füllen Sie es mit keinem und fügen Sie einen weißen Strich hinzu. Richten Sie es nach außen aus und fügen Sie einen zweiten Strich hinzu. Stellen Sie die Farbe auf R = 109 G = 110 B = 113 und die Größe auf 1pt. Stellen Sie dann sicher, dass sie nach außen ausgerichtet ist.


Schritt 13

Deaktivieren Sie die Sichtbarkeit für das Hintergrundbild. Wähle das Stiftwerkzeug (P) aus, zeichne einen 9px-vertikalen Pfad und platziere ihn wie im ersten Bild gezeigt. Sehen Sie sich das Raster im vergrößerten Bild genauer an, um die genaue Position zu verstehen. Füllen Sie es mit keinem, fügen Sie einen 1pt-Strich hinzu und setzen Sie die Farbe auf R = 65 G = 64 B = 66. Gehen Sie als Nächstes zum Strichbedienfeld („Fenster“> „Kontur“), markieren Sie die Schaltfläche „Runde Kappe“ und wählen Sie dann „Effekt“> „Stilisieren“> „Schlagschatten“. Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Effekt> Verzerrung und Transformation> Transformation. Geben Sie die Daten aus dem folgenden Bild ein und klicken Sie auf OK.


Schritt 14

Fahren Sie mit dem Stiftwerkzeug (P) fort und zeichnen Sie vier neue vertikale Pfade. Machen Sie sie 5px groß und verwenden Sie die Stroke-Eigenschaften, die im vorherigen Schritt gezeigt wurden. Fügen Sie den gleichen Schlagschatteneffekt hinzu und gruppieren Sie diese frischen Pfade (Strg + G). Wählen Sie schließlich diese Gruppe aus und gehen Sie zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie die Daten aus dem folgenden Bild ein und klicken Sie auf OK.


Schritt 15

Für das Hintergrundbild wieder sichtbar werden. Wählen Sie die beiden großen Formen erneut aus und duplizieren Sie sie (Strg + C> Strg + F). Wählen Sie diese Kopien aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Unite". Füllen Sie die resultierende Form mit R = 35 G = 31 B = 32 und senden Sie sie am unteren Rand des Ebenenfensters direkt über dem Hintergrundbild. Verringern Sie die Deckkraft auf 10%, drücken Sie einmal auf den Rechtspfeil und zweimal auf den Abwärtspfeil, und gehen Sie zu Effekt> Weichzeichnen> Gaußscher Weichzeichner. Geben Sie einen Radius von 2 Pixeln ein und klicken Sie auf OK.


Schritt 16

Schließlich können Sie einige neue Farben für Ihr Lineal hinzufügen. Wählen Sie die beiden großen Formen, aus denen sich das Lineal zusammensetzt, erneut aus und fügen Sie eine dritte Füllung hinzu. Verringern Sie die Deckkraft auf 10% und verwenden Sie eine einfache, flache Farbe.


Fazit

So sollte Ihre endgültige Abbildung aussehen. Natürlich können Sie verschiedene Farben für Ihr Lineal verwenden. Es gibt unzählige Möglichkeiten, sehen Sie, was Sie sich vorstellen können!