Tutorialbeschreibung

Glänzender Button

Glänzender Button

Wie man einen Button mit Glänzeffekt in Photoshop erstellen kann!

Ideal auch für ein Logo oder ähnliches!


Schritt 1: GRUNDFORM DES BUTTONS


Neuen Arbeitsbereich (Größe 500 x 500px) erstellen!

Vordergrundfarbe auf "rot" stellen und mit dem "Abgerundetes-Rechteck-Werkzeug" ein Quadrat aufziehen!
Radius auf 10px stellen (oben in der Menüleiste).

Bilder


In die Ebenenstile wechseln (Doppelklick auf die Ebene oder Ebene => Ebenenstil => Fülloptionen) und hier folgende Einstellungen treffen:

Schlagschatten:

Bilder


Abgeflachte Kante und Relief:

Bilder


Verlaufsüberlagerung:

Bilder


In den Farbverlauf klicken, um die Farben anzupassen:

Bilder


Verlauf von #A40000 zu #ED1C24 einstellen

[ OK ]

Schritt 2: GLANZ

Mit dem Zeichenstift folgende Form (oder ähnlich) erstellen!

Bilder


Nicht wundern wenn diese Form auch gleich in rot dargestellt wird; das ändern wir gleich!
Bilder


In den Ebenenstil wechseln und folgende Einstellungen treffen:

Verlaufsüberlagerung:

Bilder


In den Farbverlauf klicken, um die Farben anzupassen: Verlauf von #FFFFFF zu #FF767B einstellen

[ OK ]

Dann die Deckkraft der Ebene auf 48% stellen!


Schritt 3: TEXT EINFÜGEN

Mit einer "fetten" Schrift (z.B. Impact) den Text (hier IT) einfügen und in der Größe so anpassen, dass der Button "gut" gefüllt ist!

Bilder


Dann in den Ebenenstil wechseln und folgende Einstellungen treffen:

Schatten nach Innen:

Bilder


[ OK ]

FERTIG


Der Button sollte jetzt so aussehen:

Bilder

Natürlich kann man jetzt mit den Farben, Text und der Form spielen ...

Viel Spaß beim Nachbauen!

Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von Zechi
  • 24.04.2007 - 15:32

Nice! Nettes Tut! Gut erklärt und bebildert!

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 03.04.2007 - 11:24

nettest tut leicht gemacht

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 13.03.2007 - 19:58

boah ich habe grade auch ein workshop geschrieben aba deiner is echt toll :))

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 09.03.2007 - 11:46

Sieht echt Cool aus! wie YouTube :)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 24.02.2007 - 20:51

Spitze, endlich hab ich mal was verstanden... :-)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 11.02.2007 - 13:27

guter style! man kann aber noch viel cooleres aussehen schaffen, wenn man mal mit den verläufen spielt.

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 10.02.2007 - 18:05

war für mich nachzuvollziehen. nur wie speicher das jetzt so ,dass ich das als button nutzen kann?

Portrait von Foos
  • 09.02.2007 - 13:05

dankschön. am anfang hatte ich probleme mit dem verlauf. aber hab ich auch hinbekommen

Portrait von Foos
  • 09.02.2007 - 13:05

dankschön. am anfang hatte ich probleme mit dem verlauf. aber hab ich auch hinbekommen

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 06.02.2007 - 15:28

yeahh gefällt mir is echt gut

Portrait von LeonS
  • 30.01.2007 - 14:04

Sehr gutes Tutorial , leicht nachzumachen und ein guter Effekt :)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 23.01.2007 - 09:51

gutes tut und leicht nachzumachen

Portrait von JPL
JPL
  • 01.01.2007 - 14:31

Vielen, vielen Dank für dieses Tutorial :)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 19.12.2006 - 02:22

sauber nice tutorial

Portrait von Alen
  • 11.12.2006 - 16:32

gut erklärt, klasse ergebnis, danke …

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 06.12.2006 - 16:37

Gutes Tutorial, die Idee mit dem Verlauf als Reflex finde ich gut, vorher hatte ich das immer nur mit weiß gemacht.

Portrait von ady
ady
  • 29.11.2006 - 16:10

Also es sieht sehr gut aus! Und ist auch ein Blickfang! Was auch schön ist das es sehr scharf ist nicht pixelig. Dazu "IT" Perfekt^^

Portrait von robinho286
  • 23.11.2006 - 11:44

tolles tuto ...schön erklärt ...einfach prima :)****

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 19.11.2006 - 14:39

super tut, hat auf anhieb geklappt! 4P!

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 05.10.2006 - 17:34

echt hammer einfach

Mehr anzeigen

x
×
×