Button und Vertiefung erstellen

[Jyrki]

Hallo,
ich habe schon im Netz recherchiert und habe nichts passenden finden können. Ich möchte mir einen Button erstellen, der rundum eine Vertiefung hat bzw. so aussieht als wäre es eine richtige Taste und diese Vertiefung soll eine leuchtende Umrandung bekommen. Desweiteren suche ich noch Tipps zur Herstellung einer Vertiefung in einem Hintergrund. Das ganze soll für eine AV Fernbedienung fürs Ipad sein.

Button:
http://www.fotos-hochladen.net/thumbnail/vertiefungbuttrib9c5lp04_thumb.jpg (http://www.fotos-hochladen.net/view/vertiefungbuttrib9c5lp04.jpg)

Button mit Beleuchtung:
http://www.fotos-hochladen.net/thumbnail/vertiefungbuttopbuki2qf7_thumb.jpg (http://www.fotos-hochladen.net/view/vertiefungbuttopbuki2qf7.jpg)

Vertiefung:
http://www.fotos-hochladen.net/thumbnail/vertiefungxntbyjlz2k_thumb.jpg (http://www.fotos-hochladen.net/view/vertiefungxntbyjlz2k.jpg)

http://www.fotos-hochladen.net/thumbnail/vertiefung2cy8jsa9z0d_thumb.jpg (http://www.fotos-hochladen.net/view/vertiefung2cy8jsa9z0d.jpg)

[Jenny]

Hallo!
ich habe schon im Netz recherchiert und habe nichts passenden finden können.
Also, bei "photoshop button tutorial" schmeißt Tante Google 15.400.000 Treffer aus!
Kaum vorstellbar, dass da nix passendes dabei sein sollte...

PS: Auch in unserer Tutorial-Sektion ist so das eine oder andere Tut zu Buttons dabei.
Zur Not muss man halt mal zwei oder drei Tuts kombinieren, um seinen exakten Wunsch umsetzen zu können.

[Sinux]

vom prinzip her, ist das ganz einfach. du erstellst ein rechteck und wendest dann einfach einen ebenenstil an.
in den ebenenstilen kannst du ja alles mögliche einstellen.

bitte in zukunft bilder mit unserem bildupload einstellen: Anleitung (http://www.photoshop-cafe.de/forum/showthread.php?t=7292) und Dateigrösse andern (http://www.photoshop-cafe.de/forum/showpost.php?p=158776&postcount=1)

[Jyrki]

vom prinzip her, ist das ganz einfach. du erstellst ein rechteck und wendest dann einfach einen ebenenstil an.
in den ebenenstilen kannst du ja alles mögliche einstellen.

bitte in zukunft bilder mit unserem bildupload einstellen: Anleitung (http://www.photoshop-cafe.de/forum/showthread.php?t=7292) und Dateigrösse andern (http://www.photoshop-cafe.de/forum/showpost.php?p=158776&postcount=1)

Sorry, war wohl zu über eifrig.

Ich habe mit den Ebenenstilen schon ein bisschen experimentiert, bekomme es so aber irgendwie nicht hin.


Zur Not muss man halt mal zwei oder drei Tuts kombinieren, um seinen exakten Wunsch umsetzen zu können.
Wenn man Photoshop Anfänger ist, glaube ich ist das nicht so einfach sich die passenden Tuts raus zu suchen.

[Jenny]

Hallo!
Wenn man Photoshop Anfänger ist, glaube ich ist das nicht so einfach sich die passenden Tuts raus zu suchen.
Glaube ich dir!
Aber wie Sinux schon sagte: An diesen Buttons ist eigentlich nix besonderes dran:
Verlauf, Ebenenstil "Abgeflachte Kante und Relief" und evtl. noch ein dunkler "Schein nach außen". Fertig!

Vielleicht zeigst du einfach mal, wo du jetzt bist und an welchem Punkt es genau scheitert. (und an welchem Tut du arbeitest natürlich)

[Jenny]

nochmal ich:

Hast du übrigens schon dieses Tut von Volker gefunden?
http://www.photoshop-cafe.de/forum/showthread.php?t=1633

Dort wird ziemlich genial aufgezeigt, wie man durch simple Verläufe eine enorme Tiefenwirkung erzielen kann!

[Sinux]

wenn du noch absoluter anfänger bist, solltest du erst einmal die grundlagen erlernen.
dazu haben wir hier auch einige anleitungen. man kann sich ein fahrrad kaufen und drauf setzen.
man kann aber auch klernen, damit zu fahren. muss jeder selber wissen.

also das mit den stilen ist schon sehr einfach. oben in der menueleiste gehst du
auf "fenster" und dann auf "stile" somit öffnest du ein kleines menue, in dem schon
stile vorgegeben sind. klick ein stil an, und schaue, was mit deinem rechteck passiert.
dabei wirst du merken, dass in der ebenenpalette weitere ebenen dazu kommen.
diese auch mal anklicken und du kannst jede menge einstellen.

dieser rote pfeil zeigt auf ein kleines dreieck. da hinter sind weitere stile zu finden.

https://www.photoshop-cafe.de/bildupload/pics/sonst/1327769397_stile.jpg (https://www.photoshop-cafe.de/bildupload/pics/sonst/1327769397_stile.jpg)

[Jyrki]

danke für eure hilfe.
So hab mich mal ran gewagt. Kommt auch schon nahe dran, aber überzeugt mich nicht so richtig.

https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1327773110_Button-2.jpg (https://www.photoshop-cafe.de/bildupload/pics/sonst/1327773110_Button-2.jpg)

[blindguard]

hy jyrki,
willkommen im Photoshop Cafe.

sieht noch etwas unscharf aus und auch der verlauf im button selbst ist
meines erachtens nach genau umgekehrt.
mal ein wenig mit den reglern spielen und diese weichzeichnung rausnehmen.
im übrigen ist auch (und gerade) das "basteln" an den kurven oftmals hilfreich.

oder du beschribst mal genauer wo genau das problem liegt, dann kann man nämlich
auch gezielter helfen.

viel spaß im forum
gruß
volker

[Sinux]

es ist noch kein meister vom himmel gefallen. dein button sieht doch schon gut aus :ok:

[Jyrki]

Mein Problem liegt daran die Vertiefung um den Button ziemlich genau so hinzu bekommen wie oben oder unten auf dem Beispiel. Wo ich auch noch Probleme habe das die Vertiefung ringsum nicht gleichmässig ist bzw. eine Seite ist immer "Beleuchtet". Desweiteren muss ich mal schauen wie ich diese Beleuchtung hin bekomme. Werde wohl noch etwas testen müssen.

https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1327774196_Beispiel.jpg (https://www.photoshop-cafe.de/bildupload/pics/sonst/1327774196_Beispiel.jpg)