Startseite » Photoshop » Design Web 2.0 Label / Abzeichen in Photoshop

    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.