5x bewertet

Headerbutton 3D mit PSP

von Teff  |  08.03.2008 um 16:24 h
Grafik Effekte
Typ: Grafik Effekte
Programm: PaintShopPro
Stufe:Einfach Mittelmäßig
Hier erkläre ich mal wie man ungefähr und mit sehr wenig Zeitaufwand einen Button für den Header mit 3D Effekten erstellen kann. Mal ein Tutorial mit PSP. Ich habe aber nur die englische Version, aber durch die Bilder sollte es einfach sein das auch auf die Deutsche Version anzuwenden.

Unser Endergebnis:
Bild


Schritt 1:

Erstelle ein neues Bild. Ich habe hier die Größen 150x150 gewählt. Dann zeichne einen Kreis mit dem Elipse-Tool.

Bild

Welche Farben er Innen oder Außen hat, ist ganz egal, das verändern wir hinterher. Wähle die Größe ungefähr so:

Bild


Schritt 2:

Wandle deine Vektor Ebene nun in eine Raster Ebene um.

Bild

Dann wählst du Effekte --> 3D Effekte --> Cut Out/Ausschneiden

Bild

und stellst deine Einstellung ungefähr so ein:

Bild

Unten wählst du nun die Farben die du haben möchtest. Die Schatten Farbe sollte immer dunkler sein als die innere Farbe. Klicke das Kästchen mit Innenfarbe füllen an und wähle dort einen helleren Ton deiner Schattenfarbe. Das sollte dann ungefähr so aussehen:

Bild


Schritt 3:

Nun verpassen wir dem Kreis einen Schatten. Ganz einfach wieder Effekte --> 3D Effekte --> Drop Shadow mit ungefähr diesen Einstellungen:

Bild

Wählt für den Schatten eine passende Farbe, ich habe hier einen dunklen Grauton benutzt. Wenn ihr das gemacht habt, wiederholt das ganze noch einmal. Macht das so lange, bis ihr den Schatten passend findet. Ich habe es hier 2x gemacht. Das Ergebnis sollte nun ungefähr so aussehen:

Bild


Schritt 4:

Nun erstellen wir eine Button Illusion mit dem Buttonized Effekt. Ganz einfach wieder Effekte --> 3D Effekte --> Buttonize Effekt. Die Einstellungen habe ich wie folgend gesetzt:

Bild

Hier habe ich einen helleren Grauton benutzt. Das Ergebnis müsste ungefär so aussehen:

Bild


Schritt 5:

Nun verziehren wir den Button :)
Ich habe mal einen weißen Schriftzug benutzt:

Bild

Nachdem ihr den Schriftzug gesetzt habt, konvertiert eure Vektor Ebene wieder in eine Raster Ebene und benutzt den Drop Shadow Effekt auch bei eurer Schrift. Noch eine dunklere Schrift druntersetzen und fertig:

Bild

Diese 3D Effekte kann man beliebig anwenden und Raumillusion erzeugen. Ganz nett wenn man ein schlichtes Layout haben will. Man kann auch den Button als einen Teil des Headers nehmen und daneben noch ein Bild setzen. Eurer Kreativität sind keine Grenzen gesetzt!



4 Kommentare




Jel

nice nice (: was für ein PSP hast du? ich hoffe, mit meiner alten 7er-version klappt's auch Smilie
am 08.03.2008 um 19:02 Uhr


Teff

Dankeschön ;) Ich hab die 9er Version. Ob es klappt weiß ich nicht, aber die Effekte dürften eigentlich auch bei 7 dabei sein
am 08.03.2008 um 20:09 Uhr


Kittey

sehr schönes Tut Smilie ich habe auch die version 9 ma gucken ob es auch bei mir klappt ^^
am 09.03.2008 um 18:13 Uhr


Ruminia

Leider funltionieren die Bilder im Tuto nicht mehr.
am 13.12.2010 um 19:55 Uhr