Chrom Button: Photoshop+Tutorial

In diesem Photoshop Tutorial lernt ihr das Erstellen eines Chrombuttons. Dafür erstellt ihr eine Arbeitsfläche (200 x 200px).

Es ist wichtig das ihr die Grösse einhaltet (!).

Färbt die erste Ebene weiß und erstellt eine neue Ebene. Wählt das Abgerundetes-Rechteck-Werkzeug ( ) mit dem Radius 50 und zeichnet eine Schaltfläche mit schwarz.

So, kommen wir zu den Ebenen-Effekten. Klick auf die Schaltfläche ( ) und übernehmt diese Einstellungen:

1. Klickt auf die Fülloptionen und setzt die Deckkraft der erweiterten Füllmethode auf 0. (!)

2. Schlagschatten: ich glaube die Bilder sprechen für sich :)

3. Abgeflachte Kanten und Relief: beachtet die Werte der Schattierung und der Glanzkontur. Diese müsst ihr selber machen, indem ihr auf das "Graf-Bild" klickt und selber so einen Grafen zeichnet.

4. Und zum Schluss noch Kontur anwenden. Hier müsst ihr die Kontur auch selber erstellen.

Bei mir sieht das Ergebnis so aus.

Kommen wir zu der Schrift. Mit einem kleinen Trick kann man einen schönen Effekt erzielen. Erstellt eine neue Ebene und schreibt mit weiß etwas hinein. Dupliziert diese Schrift Ebene und färbt dann die Schriftart schwarz. Wählt das aus und drückt die Pfeiltasten einmal nach oben und einmal nach links. - Es entsteht ein Relief - Effekt. Die Schriftart könnt ihr euch hier auf der Seite unter Downloads besorgen.

Mit dieser Technik könnt ihr nicht nur Chromschaltflächen in Photoshop erstellen, sondern auf andere Interfacesachen anwenden.