Ein Badge im Webdesign bezeichnet eine Art von Badge, die jeder kennt und die meist Informationen zu einem Bereich einer Site, einem bestimmten Thema oder Site-Services enthält. Abzeichen können verschiedene Formen haben, sowohl einfache (geometrische Formen) als auch komplexere (Kombinationen mehrerer Formen).
Notwendig
Adobe Photoshop-Software
Anweisungen
Schritt 1
Drücken Sie nach dem Starten des grafischen Editors die Tastenkombination Strg + N (Datei erstellen). In dem sich öffnenden Fenster müssen Sie angeben, dass ein quadratisches RGB-Dokument mit Abmessungen von 600 px erstellt wird; es ist wünschenswert, einen weißen Hintergrund zu verwenden.
Schritt 2
Im linken Teil des Programmfensters befindet sich eine Symbolleiste, klicken Sie auf das Werkzeug Benutzerdefinierte Form, im oberen Bereich werden zusätzliche Parameter angezeigt, unter denen die Form des zukünftigen Abzeichens ausgewählt werden kann. Wählen Sie im Dropdown-Listenfeld Form eine beliebige Form aus. Wenn Sie keine passende Form finden, klicken Sie auf den Pfeil und wählen Sie die Objektsammlung von Formen aus.
Schritt 3
Erstellen Sie eine Form im Dokument, indem Sie sie mit der linken Maustaste strecken. Verwenden Sie den Befehl Ebene rastern aus dem Kontextmenü, um ein Raster über ein Bild zu legen.
Schritt 4
Wählen Sie dann die Form wie gewohnt oder mit der Strg-Taste aus, die gleichzeitig mit einem Klick mit der linken Maustaste auf die Ebene mit der erstellten Form geklemmt werden soll.
Schritt 5
Gehen Sie zum Farbwähler und wählen Sie 2 Farben (Vordergrund und Hintergrund) aus, eine Farbe sollte etwas dunkler sein als die andere. Klicken Sie auf das Verlaufswerkzeug und zeichnen Sie eine Linie auf dem Bild. Wenn es sich um eine einfache Form handelt, z. B. ein Quadrat, ziehen Sie eine Linie von der oberen linken Ecke und halten Sie an der unteren rechten Ecke an.
Schritt 6
Um die Auswahl einer Form aufzuheben, verwenden Sie die Tastenkombination Strg + D. Das resultierende Bild sollte verarbeitet werden, d.h. fügen Sie einige Effekte hinzu. Wählen Sie die Formebene aus und klicken Sie im Ebenenbedienfeld auf die Schaltfläche „Filter“. Wenden Sie einen Schlagschattenfilter mit den folgenden Parametern an: Deckkraft-20, Winkel-120, Abstand-10, Größe-15.
Schritt 7
Wenden Sie dann einen Bevel- und Emboss-Filter mit den folgenden Parametern an: Style-Inner Bevel, Technique-Chisel Hard, Size-2.
Schritt 8
Als nächstes müssen Sie eine neue Ebene erstellen. Für diese Ebene müssen Sie alle Farben zurücksetzen, dies geschieht durch Drücken des englischen Buchstabens D auf der Tastatur. Verwenden Sie in der Werkzeugpalette die "Runde Auswahl" und wählen Sie den Rand Ihrer Form aus. Legen Sie im Ebenenbedienfeld die folgenden Parameter fest: Ebenen-Aufhellen, Deckkraft-20.
Schritt 9
Füllen Sie die neue Ebene mit Weiß und deaktivieren Sie sie. Jetzt müssen Sie nur noch Informationen über den Site-Abschnitt oder ein beliebiges Wort Ihrer Wahl hinzufügen. Verwenden Sie dazu das Textwerkzeug.
