Share
Das Icon-Design ist ein wesentliches Element in der Werkzeugkiste eines Designers. Egal wie einfach oder wie komplex Ihr Design ist: Ein gut aussehendes Symbol wird fast immer dazu beitragen, die Dinge zu verbessern. In diesem Photoshop-Lernprogramm zeigen wir Ihnen einige einfache Schritte, mit denen Sie Ihr eigenes glänzendes Psdtuts + -Icon in Photoshop erstellen können. Diese Schritte können leicht geändert werden, um eine Familie von Symbolen für Ihre Website zu erstellen.
Beginnen Sie mit einem neuen Dokument. Ich habe Width - 600px, Height - 600px verwendet. Nehmen Sie das abgerundete Rechteckwerkzeug (U), Radius- 20px, und zeichnen Sie eine Form wie diese, ändern Sie die Form mit dem Werkzeug Ankerpunkt hinzufügen und verschieben Sie die neuen Ankerpunkte wie gezeigt.
Drücken Sie Strg + Eingabetaste, um die Auswahl zu treffen, füllen Sie sie mit Farbe - # 05b4ba und wenden Sie dann eine Verlaufsüberlagerung mit einem Ebenenstil an.
Benennen Sie diese Ebene "Basis", Strg + Klicken Sie auf die Ebenenminiatur, um eine Auswahl zu erstellen. Erstellen Sie nun später ein neues und nennen Sie es "Outside Stroke". Gehen Sie zu Bearbeiten> Kontur. Wenden Sie einen Strich von 8 Pixeln an, Location - Center. (Sie können eine beliebige Farbe verwenden).
Nun müssen wir einen Schatten der Ebene "Outside Stroke" erstellen. Dazu müssen Sie diese Ebene duplizieren und unter die Hauptebene "Outside Stroke" ziehen. Gehen Sie zu Ebene> Ebenenstil> Farbüberlagerung. Füllen Sie es mit schwarzer Farbe. Gehen Sie jetzt zu Filter> Unschärfe> Gaußsche Unschärfe. Radius - 0,9 px. Ändern Sie die Deckkraft auf 7%. Sie sollten so etwas bekommen.
Jetzt erneut Strg + Klicken Sie auf das Miniaturbild der Ebene "Basis". Erstellen Sie eine neue Ebene und nennen Sie sie "Glow Overlay 1". Füllen Sie es mit weißer Farbe und verschieben Sie die Auswahl mit der Pfeiltaste nach unten. Klicken Sie auf "Löschen". Ändere die Deckkraft auf 7%.
Es ist Zeit für ein weiteres Glimmlicht. Verwenden Sie das Stiftwerkzeug (P) und zeichnen Sie eine Form wie diese. Nennen Sie diese Ebene "Glow Overlay 2". Ändere die Deckkraft auf 11%.
Wieder Strg + Klick auf die Ebene "Basis". Erstellen Sie eine neue Ebene und nennen Sie sie "Box Glow". Fülle es mit Weiß. Gehen Sie zu Auswählen> Ändern> Vertrag, Vertrag um 30 Pixel. Diesen Bereich löschen Nimm das Radiergummi-Werkzeug (E) und folge dem nächsten Bild.
Optional können Sie Ihre eigenen Effekte wie gezeigt hinzufügen.
Unser nächster Schritt ist es, einen glasigen Look zu geben. Erstellen Sie eine neue Ebene und nennen Sie sie "Glas". Nehmen Sie das abgerundete Rechteckwerkzeug, Radius - 10px, und ändern Sie den Ebenenüberblendungsmodus in Aufhellen. Siehe Anweisungen im nächsten Bild.
Jetzt müssen wir den Rand des Glas-Themenbereichs erstellen. Zeichnen Sie die gleiche Form mit dem Werkzeug "Abgerundetes Rechteck", drücken Sie Strg + Eingabetaste, um die Auswahl zu treffen. Gehen Sie zu Bearbeiten> Kontur, Breite - 1px, Position - Mitte, Farbe - Weiß. Ändern Sie den Ebenenüberblendungsmodus in Überlagerung. Nimm das Radiergummi-Werkzeug (E). Siehe nächstes Bild.
Nun, da der Text eingetippt wurde, müssen einige Ebenen angepasst werden. Erstellen Sie eine neue Ebenengruppe, benennen Sie sie als "Objektfront" und fügen Sie dann alle Ebenen ein.
Zeit zum Anpassen der Ebenen. Erstellen Sie eine neue Ebenengruppe, benennen Sie sie als "Objektfront" und fügen Sie alle Ebenen ein.
Um die Rückseite des Objekts zu erstellen, erstellen wir als Nächstes eine neue Ebene unter der Gruppe "Objektfront" und nennen sie "Objektrückseite". Erstellen Sie eine Form mit dem Werkzeug "Abgerundetes Rechteck" und wenden Sie dann die folgenden Ebenenfüllmuster an.
Jetzt ist es Zeit, ein weiteres Glühen in der "Objektrückseite" -Ebene hinzuzufügen. Etwas wie das. Verwenden Sie dazu die Schritte, die wir in den vorherigen Teilen dieses Tutorials beschrieben haben.
Unser nächster Schritt besteht darin, einen Schatten auf unser hinteres Objekt anzuwenden. Siehe folgendes Bild.
Erstellen Sie eine neue Ebenengruppe, benennen Sie sie als "Objekt zurück" und fügen Sie die Ebenen ein. Anschließend erstellen Sie den oberen Bereich des Ordnersymbols, indem Sie eine neue Ebene über der Gruppe "Objekt zurück" erstellen. Nennen Sie es "Kopf". Beginnen Sie mit der Verwendung des Stiftwerkzeugs und folgen Sie dem nächsten Bild.
Strg + Klicken Sie auf die Miniaturansicht der Kopfebene, erstellen Sie eine neue Ebene und nennen Sie sie "Kopfstrich". Gehen Sie zu Bearbeiten> Kontur, Breite - 1 px, Farbe - Weiß. Fügen Sie nun ein wenig Glühen auf der Kopfebene hinzu, und erstellen Sie dieses selbst.
Jetzt erstellen wir unseren Tag. Folgen Sie dazu den Anweisungen auf dem Bild unten.
Um das Seil zu erstellen, zeichnen Sie es mit Ihrem Stiftwerkzeug und wenden Sie den Füllstil des Lochs an. (Verwendet in Schritt 17.)
Um den Schatten des Tags zu erstellen, führen Sie die in Schritt 4 beschriebenen Schritte aus und löschen Sie die äußeren Bereiche. Setzen Sie die Deckkraft auf 61%.
Erstellen Sie auf diese Weise einen Schatten für das Ordnersymbol, und platzieren Sie die Ebene unten.
Sie können eine Familie von Symbolen mit sehr ähnlichen Techniken erstellen. Vielen Dank! Ich hoffe, Ihnen hat dieses Tutorial gefallen.
Accentsconagua