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.
Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 18.01.2009 - 03:49

Sehr schön und einfach erklärt hat mir sehr weitergeholfen!!!

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 18.01.2009 - 03:49

Sehr schön und einfach erklärt hat mir sehr weitergeholfen!!!

Portrait von gubby
  • 07.01.2009 - 14:26

Wunderbar, hat auf anhieb geklappt und sieht super aus

Portrait von DJND
  • 23.12.2008 - 10:11

Sehr hilfreich! Einfach und dennoch effizient!

Portrait von dr_lewinski
  • 09.12.2008 - 15:17

Hat super geklappt. Vielen Dank für die tolle erklärung.

Portrait von Ferna
  • 21.11.2008 - 19:09

find das echt klasse... wirklich einfach

Portrait von ridom
  • 20.11.2008 - 09:50

sehr geil xD manchmal isses einfach wie es nachher aussieht

Portrait von neur0
  • 09.11.2008 - 01:36

einfach und schnell! perfekt!

Portrait von KillaDog
  • 05.11.2008 - 17:47

super um sich ein erstes logo zu erarbeiten :)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 28.10.2008 - 13:20

Super! Gut erklärt! Sollte auch für Anfänger geeignet sein!

Portrait von merletafft
  • 23.09.2008 - 16:05

Hat mir sehr geholfen. Danke! Schön erklärt -lässt sich auch gut adaptieren.

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 18.09.2008 - 16:56

für mich als Anfänger nichts aber ich denke 3 Sterne sind angemessen

Portrait von artur1991
  • 11.09.2008 - 17:39

gut erklärt und schöner effekt

Portrait von der_TOM
  • 04.09.2008 - 08:42

wirklich sehr hilfreicher workshop!

Portrait von Silvitta
  • 06.08.2008 - 16:52

gutes tut. dankeschön!

Portrait von User
  • 05.08.2008 - 20:40

gut erklärt und gut nachvollziehbar

Portrait von scuro11
  • 31.07.2008 - 00:38

passt schon :) 3 sterne!

Portrait von calvera
  • 17.07.2008 - 13:25

geht klar. von mir gibts 5*

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 15.07.2008 - 12:21

Ist absolut nichts für Anfänger

Portrait von tortu9a
  • 14.07.2008 - 15:22

schön. aber gaub nix für anfänger

Mehr anzeigen

x
×
×