In diesem Kurztipp-Tutorial erstellen wir einen runden Schalter, den Sie in Ihren Schnittstellendesigns verwenden können. Lass uns anfangen!
Erstellen Sie eine neue Datei. Stellen Sie Width auf 1000 und Height auf 1000 und die Auflösung auf 72 PPI ein.
Machen Sie eine neue Gruppe und nennen Sie sie Hintergrund. Gehen Sie nun zu diesem Link Vertical cloth Pattern, laden Sie dieses Muster herunter und laden Sie es. Mit dem Rechteckwerkzeug (U) zeichnen Sie eine Rechteckform, die etwas größer als die Leinwand ist, und wendet das Muster als Stil auf die Formebene an.
Erstellen Sie eine neue Gruppe und nennen Sie sie Button. Mit dem Elipse-Werkzeug (U) zeichnen Sie einen perfekten Kreis wie im Beispiel. Setzen Sie die Farbe auf # 0e0f0f und wenden Sie die Ebenenstile an. Wenn Sie mit den Ebenenstilen fertig sind, reduzieren Sie die Deckkraft auf 20%..
Machen Sie nun einen weiteren Kreis, diesmal etwas kleiner, setzen Sie die Farbe auf # 222429 und wenden Sie die Ebenenstile an.
Navigieren Sie zur Pixeden-Website und laden Sie den Old School Retro PSD-Texteffekt herunter, in dem wir die Textur finden, die wir benötigen. Nachdem Sie die Datei heruntergeladen haben, öffnen Sie sie mit Photoshop und suchen Sie die Ebene mit dem Namen Grunge Texture. Importieren Sie diese Ebene in Ihre PSD und setzen Sie den Mischmodus auf "Pin Light" und den Deckkraftgrad auf 10%. Machen Sie aus dieser Ebene eine Schnittmaske.
Verwenden Sie das Elipse-Werkzeug (U), um einen anderen perfekten Kreis zu erstellen, der auch kleiner als der vor ihm liegende ist. Setzen Sie die Farbe auf # 0d0d0e und wenden Sie die Ebenenstile an. Stellen Sie mit dem Pinselwerkzeug (B) die Größe des Pinsels auf 200px und die Härte auf 0% ein und erstellen Sie einen weißen #ffffff-Punkt wie in unserem Beispiel. Stellen Sie den Mischmodus auf Weiches Licht und den Deckkraftgrad auf 80% und transformieren Sie diese Ebene in eine Schnittmaske. Erstellen Sie nun eine weitere Ebene, ändern Sie die Farbe in Schwarz # 000000 und streichen Sie den unteren Teil des Kreises wie im Beispiel. Wandeln Sie auch diese Ebene in eine Schnittmaske um.
Wiederholen Sie mit dem Elipse-Werkzeug (U) einen weiteren perfekten Kreis, machen Sie diesen jedoch ein paar Pixel kleiner als den vorherigen. Setzen Sie die Farbe auf # 1a1a1b, und verschieben Sie den unteren Anker mit dem Direktauswahl-Werkzeug (A) einige Pixel nach oben. Wenden Sie nun die Ebenenstile an, importieren Sie die Grunge-Textur erneut, setzen Sie den Mischmodus auf Linear Dodge und die Deckkraft auf 10%. Erstellen Sie eine neue Ebene. Mit dem Pinselwerkzeug (B) behalten Sie die gleichen Einstellungen wie im vorherigen Schritt bei, wählen Sie weiße #ffffff als Farbe aus und streichen Sie den unteren Teil unserer Form ab. Stellen Sie den Mischmodus für diese Ebene auf "Weiches Licht" und transformieren Sie die Ebene in eine Schnittmaske.
Stellen Sie mit dem Horizontaltyp-Werkzeug (T) die Schriftart auf Myriad Pro (Standardschriftart), Fett und die Größe auf 48pt ein und notieren Sie den Buchstaben "I". Setzen Sie die Farbe auf # 969696 und wenden Sie den Ebenenstil an. Machen Sie einen anderen Typ, dieser sagt "O" und setzt die Farbe auf #fefefe. Klicken Sie mit der rechten Maustaste auf die Ebene und wählen Sie Typ "Rasterisieren". Halten Sie STRG / CMD + T gedrückt und halten Sie STRG / CMD + UMSCHALT + ALT gedrückt, und ziehen Sie die linke untere Ecke einige Pixel nach links. Wenden Sie den Ebenenstil an und wir sind fertig.