Buttons mit 3d Effekt

Einleitend...

Einleitend möchte ich erwähnen das ich die englische Version von Adobe Photoshop 8.0 für Mac besitze. Auch wenn es die Englische Version ist sollte dies kein weiteres Problem sein, da ich genug Bilder bzw. Links zu Bildern in den Text eingefügt habe. Falls trotzdem Fragen auftreten sollten, einfach eine PN an mich!

3d Buttons machen

- Öffne Photoshop

- New (Neu) -> 160x45 Pixel (oder beliebige Größe), Transparenter Hintergrund
(http://i6.photobucket.com/albums/y248/toulouse17/new.jpg)

- Stelle eine Farbe deiner Wahl ein, für dieses Beispiel verwende ich folgenden Farbcode: B3B3B3

- Wähle folgende Werkzeug Funktion: Rounded Reckangle Tool (abgerundetes Viereck: http://i6.photobucket.com/albums/y248/toulouse17/viereck.jpg) und füge solch ein abgerundetes Viereck mit dem Radius 10 irgendwo in das Bild ein, wie zum Beispiel hier:
(http://i6.photobucket.com/albums/y248/toulouse17/schritt2.jpg)

- Dann wähle im Werkzeug Menü folgendes Werkzeug aus: Plattern Stamp (Stempel, http://i6.photobucket.com/albums/y248/toulouse17/stamp.jpg) mit folgenden Einstellungen:
Größe: 21, Mode: Normal, Opacity & Flow: 100%
Pattern -> Artist Surfaces -> Gauze
http://i6.photobucket.com/albums/y248/toulouse17/schritt3.jpg
http://i6.photobucket.com/albums/y248/toulouse17/schritt2-3.jpg

- Dann versuchst du dein gerundetes Viereck so gut wie möglich auszumalen. Wenn du also alles wie oben beschrieben ausgewählt hast, und dann auf malen willst wirst du vorher folgendes (http://i6.photobucket.com/albums/y248/toulouse17/schritt4.jpg) gefragt. Klicke "yes" bzw. "ja".
Das gerundete Viereck sollte nach dem anmalen ungf. so aussehen:
http://i6.photobucket.com/albums/y248/toulouse17/schritt5.jpg
http://i6.photobucket.com/albums/y248/toulouse17/schritt6.jpg

- Jetzt wendest du den Burn (Brenn) und den Dodge Tool an.
Burn Tool: http://i6.photobucket.com/albums/y248/toulouse17/burn.jpg
Dodge Tool: http://i6.photobucket.com/albums/y248/toulouse17/dodge.jpg

Mit dem Burn Tool bearbeitest du den unteren Teil deines abgerundeten Vierecks und mit dem Dodge Tool den oberen Teil, so das es einen 3d Effekt gibt.
Ungefähr so: http://i6.photobucket.com/albums/y248/toulouse17/schritt7.jpg

- Wenn das geschafft ist beginnt die Filter Arbeit.
Bei den Filtern bieten sich viele Möglichkeiten an, du kannst daher selbst wählen welchen Filter du wählen möchtest. Ich verwende den colored pencil (gefärbter Pinsel), um den auszuwählen, geh im Photoshop Menü auf Filter und dann auf Filter Gallery. Von hier aus kannst du die verschiedenen Filter wählen und sehen wie sie aussehen werden. Ich mache jetzt mit dem oben bereits genannten Filter weiter:
http://i6.photobucket.com/albums/y248/toulouse17/schritt8.jpg
drücke OK und der Filter wird umgesetzt.

Du kannst jetzt noch die Farben des Buttons verändern!
Dafür musst du im Photoshop Menü auf Image (Bild) gehen, dann weiter auf Mode und von Grayscale auf RGB Color umstellen.
http://i6.photobucket.com/albums/y248/toulouse17/schritt9.jpg

Dann drücke Strg + U -> von hier aus kannst du Helligkeit, usw. ändern. Wenn du im Kästchen Rechts auf colorize bzw. Färben klickst kannst du die Farbe ändern.
http://i6.photobucket.com/albums/y248/toulouse17/schritt10.jpg

So könnte es dann eventuell aussehen:
http://i6.photobucket.com/albums/y248/toulouse17/schritt11.jpg

Einen Text fügst du ein, indem du im Photoshop Menü auf das "T" drückst, ein Textkästchen ziehst und dort den Text eingibst.

Dann speicherst du das Bild als .gif (unter Save for web, damit das Bild nicht zu viele KB hat!)
Damit du den Text des Buttons nachträglich verändern kann speichere ihn auch als .psd ab (unter: speichern unter)