Share
Folgen Sie diesem kurzen Tipp und erfahren Sie, wie Sie eine Reihe von Grunge-Symbolen erstellen. Wir werden viele Pinsel verwenden und mit Hilfe des Pathfinder Panels die Grunge-Form erstellen. Um den grungigen Look zu betonen, verwenden wir den Glass-Effekt (Frosted) zusammen mit anderen Erscheinungsformen.
Öffnen Sie zunächst ein neues Webdokument. Zeichnen Sie mit dem Rechteckwerkzeug (M) ein 90x90 px großes Quadrat und geben Sie ihm eine beliebige Füllfarbe. Kopieren und Einfügen vor, löschen Sie die vorhandene Füllfarbe und geben Sie ihr nur einen Strich von 1 Punkt. Nehmen Sie dann das Schere-Werkzeug (C) und klicken Sie auf die vier Eckpunkte des schwarzen Pfads, um das Quadrat in Segmente zu schneiden. Ich habe die vier verschiedenen Pfade unterschiedlich eingefärbt, damit Sie sie besser sehen können.
Wählen Sie den rosa Pfad aus und streicheln Sie ihn mit einem Art-Pinsel mit dem Namen Charcoal-Thick, den Sie im Menü Brush Libraries unter Artistic> Artistic_ChalkCharcoalPencil finden. Verwenden Sie denselben Pinsel, um den blauen Pfad zu streichen. Gehen Sie weiter zum orangefarbenen Pfad und streichen Sie ihn mit Kreide-Kritzeln aus derselben Kategorie. Für den grünen Pfad habe ich Dry Brush 8 verwendet, der unter Artistic> Artistic_Paintbrush zu finden ist. Das Schlaggewicht beträgt für alle 1 Punkt. Sie können andere Pinsel aus der Bibliothek auswählen, wenn Sie möchten. Hier gibt es keine Regel. Ich habe mehrere ausprobiert und dann diejenigen verwendet, die mir gefallen haben.
Sie können sie auch umdrehen, indem Sie das Fenster „Konturoptionen“ im Darstellungsfenster öffnen und die Optionen „Umklappen“ oder „Über Kreuz spiegeln“ aktivieren.
Kopieren und Einfügen vor dem linken Pfad und entfernen Sie den vorhandenen Pinselstrich. Wählen Sie als Strichfarbe Weiß aus, öffnen Sie das Menü Pinsel-Bibliotheken und navigieren Sie zu Artistic> Artistic_Ink. Hier finden Sie einen Kunstpinsel namens Galaxy, mit dem Sie diesen Pfad streicheln können (1). Kopiere und füge den unteren Pfad ein und streiche ihn mit Feuerasche (2), die du in derselben Kategorie findest. Das Stroke-Gewicht für diese beiden Pfade beträgt 1 Punkt.
Kopiere und füge den unteren Pfad wieder ein und streichle ihn mit Dry Brush 2, der unter Artistic> Artistic_ChalkCharcoalPencil zu finden ist. Ändern Sie das Strichgewicht für diesen Pfad in 0,5 pt (3)..
Nehmen Sie dann das Stiftwerkzeug (P) und zeichnen Sie einen Pfad über der rechten oberen Ecke des Quadrats wie in der Abbildung unten. Strich es mit einem Art-Pinsel namens Chalk, den du unter Artistic> Artistic_ChalkCharcoalPencil findest, und ändere das Stroke-Gewicht auf 2 pt.
Blenden Sie alle weißen Striche aus und konzentrieren Sie sich auf die ersten Pinselstriche (Schritt 2). Wählen Sie alle vier aus, und wählen Sie im Menü Objekt die Option Darstellung erweitern. Wählen Sie alle resultierenden rosa Formen und auch das Quadrat aus, und klicken Sie auf Zu Formbereich hinzufügen> Aus dem Pathfinder-Bedienfeld erweitern. Sie erhalten den zusammengesetzten Pfad, der im ersten Teil des Bildes unten angezeigt wird.
Machen Sie jetzt alle weißen Pinselstriche wieder sichtbar. Wählen Sie alle vier aus, und wählen Sie im Menü Objekt die Option Darstellung erweitern. Wählen Sie im Pathfinder-Bedienfeld Zu Formbereich hinzufügen> Erweitern. Als Ergebnis dieser Aktionen erhalten Sie einen komplexen zusammengesetzten Pfad wie im zweiten Teil des Bildes. Wählen Sie beide zusammengesetzten Pfade (diesen und den grünen) aus, und klicken Sie im Pathfinder-Fenster auf Vom Formbereich abziehen> Erweitern. Die Grunge-Form, die Sie zum Erstellen dieser Symbole benötigen, ist fertig.
Füllen Sie die erhaltene Grunge-Form mit dem angezeigten radialen Verlauf. Wechseln Sie dann in das Erscheinungsbildfenster, öffnen Sie das Flyout-Menü und wählen Sie "Neue Füllung hinzufügen". Ändern Sie den Farbverlauf mit dem zweiten Farbverlauf (siehe Beispiel unten), der die gleichen Farben hat, nur dass sie invertiert sind. Wenn Sie diese zweite Füllung im Darstellungsfenster ausgewählt haben, gehen Sie zu Effekt> Pfad> Versatzpfad und wenden Sie einen negativen Wert von 2 px an.
Wenn die zweite Füllung noch ausgewählt ist, gehen Sie zu Effektmenü> Verzerren und wenden Sie den Glaseffekt an. Stellen Sie die angezeigten Werte ein und wählen Sie als Textur Frosted. Gehen Sie als Nächstes zu Effekt-Menü> Stilisieren und wenden Sie den Federeffekt an. Ändern Sie dann den Mischmodus auf Weiches Licht.
Fahren wir mit den Symbolen fort. Alle Symbole, die ich verwendet habe, finden Sie im Menü Symbolbibliotheken in den nebenstehenden Kategorien. Finden Sie sie, ziehen Sie sie in Ihren Arbeitsbereich und klicken Sie im Symbolbereich auf die Schaltfläche Verknüpfung mit Symbol trennen.
Konzentrieren Sie sich auf das Home-Symbol. Nachdem Sie auf die Schaltfläche Verknüpfung mit Symbol trennen geklickt haben, gehen Sie zum Objekt-Menü und wählen Sie zweimal Gruppierung aufheben. Als Ergebnis erhalten Sie drei Formen, das Zuhause und die zwei Fenster. Wählen Sie alle aus und klicken Sie im Pathfinder-Bedienfeld auf Von Formbereich subtrahieren> Einblenden, um einen einzelnen zusammengesetzten Pfad zu erhalten.
Fahren Sie mit dem Einkaufssymbol fort. Wählen Sie im Menü Objekt die Option Erweitern aus, um die Striche in Füllungen umzuwandeln, und heben Sie sie dreimal auf. Wählen Sie nun alle Formen aus, die den Einkaufswagen bilden, und klicken Sie auf Zu Formbereich hinzufügen> Erweitern, um eine einzelne Form zu erhalten.
Fahren Sie mit dem Symbol Search World Wide fort. Wählen Sie im Menü „Objekt“ die Option „Aussehen erweitern“ und dann „Erweitern“, um alle Striche in Füllungen umzuwandeln. Heben Sie die Gruppierung zweimal auf, wählen Sie alle Formen aus, aus denen sich dieses Symbol zusammensetzt, und klicken Sie auf Zu Formbereich hinzufügen> Erweitern, um alle zu vereinen.
Wählen Sie das At-Symbol und löschen Sie zunächst den 3D-Effekt aus dem Darstellungsbereich. Erweitern Sie es und entgruppieren Sie es zweimal. Heben Sie für das Sprechblasen-Symbol einfach die Gruppierung zweimal auf, und der 3D-Effekt entfernt sich.
Heben Sie die Gruppierung des Kontaktsymbols auf und löschen Sie das grau abgerundete Rechteck. Wählen Sie alle Formen aus und klicken Sie auf Zu Formbereich hinzufügen> Erweitern, um einen einzelnen zusammengesetzten Pfad zu erhalten.
Fahren Sie mit dem Mail-Symbol fort und heben Sie die Gruppierung dreimal auf. Löschen Sie alle weißen Formen, wählen Sie dann alle schwarzen Striche aus und erweitern Sie sie. Wählen Sie nun alles aus und klicken Sie im Pathfinder-Fenster auf Zu Formbereich hinzufügen> Erweitern.
Heben Sie die Gruppierung des Telefonsymbols zweimal auf, wählen Sie dann das abgerundete Rechteck aus und löschen Sie die schwarze Füllung. Geben Sie einen schwarzen Strich um 1 Punkt, gehen Sie zum Objekt-Menü und erweitern Sie es. Wählen Sie alle Formen aus, aus denen das Symbol besteht, und klicken Sie auf Zu Formbereich hinzufügen> Erweitern, um sie zu vereinigen.
Hier sind alle bisher erhaltenen Symbole. Sie haben unterschiedliche Größen, so dass sie skaliert werden können, bis sie alle ungefähr gleich groß sind. Die anderen Symbole, die ich verwendet habe, wurden genauso wie die anderen Symbole erhalten. Der Zweck hier besteht darin, aus der Gruppe von Formen, aus denen jedes Symbol besteht, einen einzelnen Pfad zu erhalten.
Gehen wir zurück zur Grunge-Symbolform und setzen Sie das in Schritt 7 erhaltene Home-Symbol in die Mitte. Füllen Sie es mit Weiß. Gehen Sie dann in das Erscheinungsbildfenster, öffnen Sie das Ausklappmenü und wählen Sie "Neue Füllung hinzufügen". Ändern Sie die Füllfarbe in Grau und gehen Sie zu Effektmenü> Weichzeichnen, und wenden Sie eine 3 px Gaußsche Weichzeichnung an. Auf diese Weise erhalten Sie einen diskreten Schatten um das Symbol.
Als nächstes nehmen Sie das Type Tool (T) und geben "Home" ein. Verwenden Sie eine Schriftart namens Cataclysmic, die in diesem Fall einwandfrei funktioniert. Sie finden es hier. Das erste Grunge-Symbol ist fertig und Sie können es verwenden, um die anderen zu erstellen.
Duplizieren Sie die Grunge-Symbolform und ändern Sie einfach die beiden radialen Farbverläufe mit den angezeigten. Platzieren Sie das At-Symbol darüber, füllen Sie es mit Weiß, und erstellen Sie den diskreten Schatten, wie oben gezeigt. Geben Sie "Adresse" mit derselben Schriftart ein.
Nehmen Sie die gleichen Änderungen vor, um das Shop-Symbol zu erstellen…
… Und das Suchsymbol:
Hier sind die vier Grunge-Icons, die bisher gemacht wurden. Wenn Sie sie skalieren möchten, müssen Sie sicherstellen, dass Sie für die Grunge-Form die Option Darstellung erweitern auswählen, um alle angewendeten Effekte zu erweitern. Dasselbe gilt für die Symbole, um den Gaußschen Weichzeichner-Effekt zu erweitern. Neben der weißen Füllung hat der Text auch einen weißen Strich von 0,5 pt, um ihn etwas dicker zu machen. Er muss daher zweimal erweitert werden. Nun sind sie alle bereit, skaliert zu werden.
Wenn Sie den Rest der Symbole genauso wie im endgültigen Bild erstellen möchten, sind hier die zwei radialen Farbverläufe, die ich für jedes einzelne verwendet habe. Ändern Sie sie, platzieren Sie das Symbol und geben Sie den Text ein.
Hier sind die anderen zwei Symbole:
Die Möglichkeiten sind endlos. In diesem Set habe ich auch ein Dokumentsymbol, Mode, Einstellungen und ein Wettersymbol mit den restlichen in Schritt 6 gezeigten Symbolen erstellt. Sie können ein beliebiges Thema und Farben auswählen. Sie können den Text auch nicht schreiben und einfach lassen.
Hier ist das endgültige Bild, ich hoffe, Sie mögen diese bunten Grunge-Icons.
Accentsconagua