[Photoshop] Dunkler Button mit Metallrahmen

Dieses Thema im Forum "Grafik & Foto Tutorials" wurde erstellt von Massaka38, 22. August 2007 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 22. August 2007
    Dunkler Button mit Metallrahmen

    Step 1
    {bild-down: http://home.arcor.de/xydr0x/tut3/1.jpg}


    Als ersten erstellen wir ein neues Bild (Datei -> neu)

    Dann drücken wir mit Doppelklick auf die Hintergrundeben und bestätigen mit "ok". Wie drücken wiederholt auf die Ebene (mit Doppelklick) und wählen die Farbüberlagerung (#1A1A1A) wie oben auf der Abbildung.


    Step 2
    {bild-down: http://home.arcor.de/xydr0x/tut3/2.jpg}


    Nun wählen wir das "Abgerundetes-Rechteck-Werkzeug" (Taste U) und ziehen eine beliebige Buttonform.

    Direkt darauf drücken wir mit rechter Maustaste auf die Form und wählen "Ebene rastern"


    Step 3
    {bild-down: http://home.arcor.de/xydr0x/tut3/3.jpg}


    Mit einem Doppelklick auf die frisch gerasterte Ebene gelangen wir zu den Ebeneneigenschaften und übernehmen die Einstellungen von der Abbildung oben.


    Step 4
    {bild-down: http://home.arcor.de/xydr0x/tut3/4.jpg}


    Wir erstellen nun eine neue Ebene (Menu oben: Ebene -> neu -> Ebene) und ziehen diese unter unsere erste Ebene mit der Buttonform


    Step 5
    {bild-down: http://home.arcor.de/xydr0x/tut3/5.jpg}


    Mit gedrückter "Strg" Taste drücken wir mit der linken Maustaste auf die erste Ebene. Danach gehen wir auf Auswahl -> Auswahl verändern -> Ausweiten oben im Menu und geben 2px ein (je nach dem wie breit der Metallrahmen sein soll)

    Jetzt wählen wir eine graue Vordergrundfarbe (in meinem Fall: #767676), nehmen das Fühlwerkzeug (Taste G) und füllen damit die in letzten Step erstellte Ebene.


    Step 6
    {bild-down: http://home.arcor.de/xydr0x/tut3/6.jpg}


    Wir gehen nun mit der rechten Maustaste auf die aktuelle Ebene, wählen die Ebeneneigenschaften und übernehmen die Einstellungen aus der Abbildung oben.


    Step 7
    {bild-down: http://home.arcor.de/xydr0x/tut3/7.jpg}


    Als nächstes nehmen wir das Abwedler Werkzeug (Taste O) wählen die 100 Pixel Spitze, stellen die Belichtung auf 20% und fahren leicht über die mitte des Rahmens wie auf der Abbildung oben.


    Step 8
    {bild-down: http://home.arcor.de/xydr0x/tut3/8.jpg}


    Nun wählen wir die 45er Spitze und wiederholen den Vorgang


    Step 9
    {bild-down: http://home.arcor.de/xydr0x/tut3/9.jpg}


    Jetzt die 21 Pixel Spitze. Den Vorgang wiederholen, links und rechts noch extra drüberfahren.


    Step 10
    {bild-down: http://home.arcor.de/xydr0x/tut3/10.jpg}


    Diesmal nehmen wir das Nachbelichter Werkzeug und fahren damit über die Ecken des Rahmens.

    Spitze: 65px
    Belichtung: 50%


    Step 11
    {bild-down: http://home.arcor.de/xydr0x/tut3/11.jpg}


    fertig
     
  2. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.