Was ja gerade schwer im Kommen ist, ist im Gegensatz zum Vintagestyle auch der Web 2.0 Style. Wie mein einen Button auf Web 2.0 trimmt, lernt ihr hier.

Ich arbeite mit Photoshop CS3, aber ihr könnt ja auch mit GIMP oder was anderem arbeiten.

Also:
1. Ein neues Dokument aufmachen, meins ist in der Größe 200x200 px. Als Hintergrund wähle ich schwarz. Aber auch nur, damit man es hier besser erkennen kann.

2.Mit dem Abgerundeten-Rechteck-Werkzeug zieht ihr eine Form. Die wird automatisch viereckig mit abgerundeten Ecken. Ich hab als Raduis 8px genommen.
Sieht dann so aus:


3. Jetzt habe ich meine Ebene gerastert, um jetzt Effekte wie Gradient, Stroke und Inner Glow anzuwenden. Um das euch näherzubringen und nicht nur mit Begriffen um mich zu werfen hab ich euch Screens gemacht.
Gradient:

Inner Glow:

Stroke:


4.Als nächstes hab ich den Schriftzug "Administrator" auf meinen Button geschrieben. Ich schätzte Schriftzüge erstellen erklärt sich auch ohne Screen. Sieht dann so aus:


5.Als nächstes duplizieren wir die Button Ebene und drehen sie einmal um 180 oder man drückt STRG+ALT+T und ziehst sich die Ebene dann richtig hin. Die Ebene wird direkt unter den schon vorhandenen Button gezogen.


6. Damit die Reflektion auch echt aussieht, muss sie "ausgedünnt" werden. Entweder macht ihr das mit einem Radierer oder wieder mit Gradient. Dazu muss hier draufklicken man folgende Einstellungen wählen:

Jetzt muss man eine Linie vom oberen Buttonrand zum unteren Zeichnen (möglichst gerade) und dann Opaicy:~60% einstellen.

Geschafft! Jetzt ist der Web 2.0 Button fertig. Meiner sieht so aus:



Viel Spaß beim Ausprobieren.
Bei Fragen und Problemen einfach bei mir melden.

Dieses Tutorial lässt sich natürlich auch auf andere Elemente anwenden und zaubert überall einen tollen Web 2.0 Effekt hin.