Design Web 2.0 Label / Abzeichen in Photoshop
Viele Web 2.0-Websites verwenden solche Etiketten (oder Abzeichen) gerne, um den Status der aktuellen Website / des aktuellen Dienstes zu liefern, entweder die Version oder ob sie sich noch in der Beta-Phase befinden. Das Erstellen dieser Etiketten ist recht einfach, insbesondere bei der Verwendung von Photoshop. Tutorial nach dem Sprung.
Erstellen Sie eine neue Leinwand mit einer Breite von 400 mm. Wählen Werkzeug für benutzerdefinierte Form, unter GestaltenWählen Sie das Dropdown-Menü aus Siegel und zeichnen Sie die Form in der Mitte der Seite.
Benennen Sie die Ebene Star Label, starten Sie Fülloptionen und fügen Sie diese folgenden Stil ein:
Schlagschatten
Inneren Schatten
Abgeflachte Kante und Relief
Verlaufsüberlagerung
- Farbstopp 1: # 0076b3, Standort: 0%
- Farbstopp 2: # b3d5ff, Standort: 100%
Erstellen Sie eine neue Ebene, und wählen Sie aus Horizontales Werkzeug und fügen Sie einen beliebigen Text ein. Ich werde den Text verwenden Beta! Hier. Überblendoptionen starten und die folgenden Stile einfügen:
Schlagschatten
Verlaufsüberlagerung
- Farbstopp 1: # b2b9bc, Standort: 0%
- Farbstopp 2: #ffffff, Ort: 100%
Halt Ctrl, Klicken Sie auf die Ebenenminiatur für die Ebene Stern-Label Um seine Umrisse auszuwählen. Erstellen Sie eine neue Ebene ganz oben und benennen Sie sie Glänzend.
Bei noch ausgewählten Umrissen wählen Sie Polygonales Lasso-Werkzeug, halt Alt, und ziehen Sie einen halben Kreis ab, wie in der Abbildung unten dargestellt.
Malen Sie die verbleibende Hälfte mit Weiß, verringern Sie die Deckkraft auf 15% und hier ist Ihr Endergebnis.