Schneller Tipp Erstellen eines Retro-Symbolstils mithilfe des Erscheinungsbildbereichs

Im folgenden Schnelltipp erfahren Sie, wie Sie einen Retro-Symbolstil erstellen. Sie verwenden ein Standard-Websymbol und das Darstellungsfeld, um einen Retro-Stil zu erstellen, der für alles verwendet werden kann, von Symbolen bis hin zu Text. Dies ist das perfekte Tutorial für Anfänger, die mehr über das Appearance Panel erfahren möchten. Lass uns anfangen!


Schritt 1

Da dieses Design als Web-Symbol verwendet werden soll, erstellen Sie zunächst eine 96 x 96 Pixel große Zeichenfläche. Andere populäre Größen für Web-Icons sind 48px und 16px. Stellen Sie die Einheiten auf Pixel ein.


Schritt 2

Da dies ein grundlegendes Tutorial ist, werden wir einige vorgefertigte Symbole aus der Symbols Library verwenden. Gehen Sie zu Fenster> Symbolbibliotheken> Web-Icons. Ich habe das Scherensymbol gewählt, um die Wirkung zu demonstrieren. Ziehen Sie das Symbol in die Mitte der Zeichenfläche und skalieren Sie es so, dass es etwa 64 Pixel hoch ist.


Schritt 3

Unterbrechen Sie die Verknüpfung zwischen dem Symbol und der Bibliothek, indem Sie entweder auf Objekt> Aussehen erweitern gehen. Wenn Sie mit einem Symbol arbeiten, für das einige Teile gruppiert und gelöscht werden müssen, können Sie das Shape Builder-Tool (Umschalt + M) verwenden, um das Symbol zu kombinieren und zu subtrahieren Bereiche der Abbildung (in früheren Versionen des Illustrators können Sie die Pathfinder-Einstellungen verwenden).

Mit dem Symbol, das ich verwende, habe ich mit der rechten Maustaste auf das Symbol geklickt, um den Link zu trennen. Anschließend wurden mit dem Shape Builder die weißen Kreise aus dem Griff entfernt. Sie können dies tun, indem Sie die Option gedrückt halten und auf die zu löschenden Bereiche klicken.


Schritt 4

Öffnen Sie das Fenster "Darstellung", indem Sie zu Windows> Darstellung gehen. Gehe zu "fx"am unteren Rand des Bedienfelds" Erscheinungsbild ", navigieren Sie zu" In Form konvertieren ">" Ellipse "und geben Sie eine absolute Breite und Höhe von 92 px ein.


Schritt 5

Klicken Sie im Erscheinungsfenster auf die Schaltfläche "Neue Füllung hinzufügen" am unteren Rand des Bedienfelds, um eine neue Füllung in einer kontrastierenden Farbe über der ersten zu erstellen. Ich verwende Gelb.


Schritt 6

Klicken Sie auf die erste Füllung und ändern Sie sie vom Standardschwarz in ein Hellgrau oder eine andere Farbe, die mit der Symbolfarbe gut aussieht.


Schritt 7

Wählen Sie im Erscheinungsbildfenster die Ellipse-Füllfarbe aus und gehen Sie zu "fx"und navigieren Sie zu Verzerren und Transformieren> Transformieren und verschieben Sie die Füllung um 3px Horizontal und 3px Vertical. Klicken Sie auf OK.


Schritt 8

Klicken Sie im Darstellungsfenster auf die Schaltfläche „Neue Füllung hinzufügen“ am unteren Rand des Bedienfelds, um eine neue Füllung über der ersten Symbolfarbe in einem dunkler gefärbten Farbton in einer Farbe zu erhalten, die der ersten Farbe entspricht. Ich benutze braun.


Schritt 9

Wenn die zweite Füllfarbe noch ausgewählt ist, gehen Sie zu "fx"und navigieren Sie zu Verzerren und Transformieren> Transformieren und verschieben Sie die Füllung um 1px Horizontal und -1px Vertical. Klicken Sie auf OK.


Schritt 10

Wenn die zweite Füllfarbe noch ausgewählt ist, gehen Sie zu "fx"und navigieren Sie zu Pixelate> Color Halftone und setzen Sie den Max. Radius auf 8 px. Klicken Sie auf OK.

Sie sollten mit einem Effekt wie im Beispiel unten enden.


Schritt 11

Klicken Sie auf die Deckkrafteinstellungen der Halbtonfüllung und ändern Sie sie in "Multiplizieren" mit einer Deckkraft von 25%..


Schritt 12

Wir werden jetzt den letzten Schliff zum Effekt hinzufügen. Zuerst fügen wir etwas Getreide hinzu. Gehen Sie mit dem ausgewählten Objekt zu "fx"und navigieren Sie zu Textur> Körnung. Spielen Sie mit den Einstellungen für Intensität und Kontrast, bis Sie einen Stil finden, den Sie mögen. Ich habe eine Intensität von 30 und einen Kontrast von 45 verwendet. Klicken Sie auf OK.

Fügen Sie der Halbtonfüllung dann einen abgerundeten Eckeneffekt hinzu. Wählen Sie dazu die Halbtonfüllung und gehen Sie zu "fx", und navigieren Sie zu Stilisieren> Runde Ecken. Zeigen Sie eine Vorschau des Radius an, um sicherzustellen, dass der Effekt gut aussieht. Ich habe 2px verwendet. Die Skalierung des Symbols wirkt sich darauf aus, wie gut die abgerundeten Ecken aussehen und wie viele px verwendet werden sollen.


Schritt 11

Fügen Sie den Effekt dem Grafikstilbedienfeld (Fenster> Grafikstile) hinzu, indem Sie auf die Schaltfläche Neuer Grafikstil unten im Bedienfeld klicken.


Fazit

Sie haben jetzt einen Grafikstil, der auf viele verschiedene Formen und Symbole angewendet werden kann, um einen schnellen Satz von Retro-Symbolen zu erstellen. Um dieses Tutorial weiter auszuführen, können Sie die Halbtonebene des von Ihnen erstellten Stils bearbeiten und ändern, um eine Reihe von Retro-Stilen zu erstellen, ohne von vorne anfangen zu müssen. Sehen Sie, was Sie sich vorstellen können, und teilen Sie Ihre Arbeit auf der Vectortuts + Facebook-Seite.

Wenn Ihnen dieses Tutorial gefallen hat, können Sie "Wie man einen wiederverwendbaren Symbolstil mit dem Darstellungsfeld" erstellen kann, der Sie durch den Vorgang des Erstellens eines Symbols mit grundlegenden Formen und dem Pfadfinder-Werkzeug führt und anschließend, brauchbarer Stil. Habe Spaß!