Erstellen von flexiblen Tasten mit Photoshop Formen und Stilen, Veerle s Blog
Erstellen von flexiblen Tasten mit Photoshop Formen und Stilen
Zeichnen Sie die Taste mit der Rechteckform
Wählen Sie das Werkzeug für abgerundetes Rechteck, geben Sie 4 oder 5 Pixel als Radius für die abgerundete Ecke und ziehen Sie Ihre Rechteck Knopfform. Doppelklicken Sie auf den Ebenennamen, einen Namen eingeben und dann aktiv die Ebenenstile Optionen rechts von der Schicht doppelklicken.
Hinzufügen von Stilen
Hinzufügen eines Schlagschatten-Effekt
Überprüfen Sie den Schlagschatten Stil und geben Sie 8% Opazität, 90 Grad für den Winkel, 5 Pixel Abstand und 0 px Größe (falls Sie keinen verschwommen Schatten wollen). Fühlen Sie sich frei zu geben, was Sie denken, ist schön.
Hinzufügen eines Gradienten overlay
Überprüfen Sie die Verlaufsüberlagerung und klicken Sie auf den Gradienten Bild. Das wird den Gradient-Editor aufzurufen. Klicken Sie auf die erste Color Stop und klicken Sie in der Farbe unten, es zu ändern. Früher habe ich # a4cee6. Machen Sie dasselbe für den Color Stop nach rechts. Ich habe # 56add6 verwendet. Nun fügen Sie einen Color Stop in der Mitte in der Mitte rechts unterhalb den Gradienten durch einen Klick. Wenn es in der Mitte nicht zu 100% ist können Sie sie korrigieren um 50% im Standortfeld eingeben. Ich habe # 468bcc für diese Color Stop verwendet. Nun fügen Sie eine weitere Farbe Stopp an dieser gleichen Stelle. Um dies zu tun Link direkt rechts davon (unter dem Gradienten). Ich habe # 81b3e2 für diese neue Color Stop verwendet. Jetzt seine Position auf 50% ändern. Sie sollten nun die Wirkung der im Bild gezeigt bekommen oben.
Hinzufügen einer Grenze
Überprüfen Sie den Strichstil am Boden und wählen Sie 1 Pixel für die Größe und Weiß als Farbe (oder die Hintergrundfarbe Sie verwenden).
Hinzufügen eines zusätzlichen Glanz
Um die Schaltfläche fertig machen Ich habe einen zusätzlichen Glanz auf, indem Sie einen Pfad zeichnen mit dem Zeichenstift. Ich habe diesen Weg mit weißen gefüllt und hat eine kleine Maske, um es ein bisschen zu machen verblassen und weniger hart. Ich habe die Transparenz auf 50%.
Falls erforderlich, ändern Sie den Ton der Farbe
Manchmal kommt man zu dem Schluss, dass die Farbe der Schaltfläche nicht genau das, was Sie im Sinne hatten. Sie können die Farbton und Sättigung Anpassung experimentieren Schicht unter Verwendung. Ich entsättigten die Taste die Taste, um weniger blau und grau. Wenn Sie / Steuer Befehl + klicken Sie auf das Symbol Ebene in der Ebenen-Palette der Button Ebene, wird Ihre Taste ausgewählt werden. Wenn Sie dann die Einstellungsebene wählen und die Add-Vektormaske Option klicken Sie unten in der Palette Ebenen, nur Ihre Taste erhalten erfolgt und nicht den Rest Ihres Layouts.
Dies ist nur eine Art und Weise, Dinge zu tun, dann ist es eine Möglichkeit, bestimmte Wirkungen der Zugabe, aber es gibt eine Unmenge Möglichkeiten und Dinge, die Sie ausprobieren können.
PS: Falls Sie mehrere Photoshop-Dokumente geöffnet haben, versuchen Sie dies. Halten Sie Umschalt + Befehl / Steuerung + Leer und klicken Sie im aktiven Dokument. Sie werden sehen, dass Sie sich auf alle Dokumente vergrößern. Wenn Sie mit gedrückter Umschalttaste + Option / Alt + Befehl / Steuerung + Leer und klicken Sie auf alle von ihnen Auszoomen werden. Dies ist ein Tipp, den ich von Roger Johansson bekam, das die Shift-Taste versehentlich getroffen, als er in wurde Zoomen.