» homepage tool: stylebutton

» by labtech
     

     
 

Erstellt ein neues Dokument, z.B. 500*500 px. färbt die erste ebene grau und erstellt eine neue ebene.

macht einen farbverlauf wie auf dem bild rechts-> grau/schwarz/grau/weiß. mit diesem verlauf füllt ihr die runde fläche, die ihr mit erstellen könnt.

damit die ecken nicht so scharf sind, habe ich einfach filter/weichzeichnungsfilter/gaußscher weichzeichner (radius = 3-4) angewendet.



 

     
 

dann mal weiter: eine neue ebene und einen kleineren kreis erstellen als zuvor. diesen füllt ihr einfach mit einem schwarz/weiß verlauf. wichtig dabei ist, dass ein kontrast zwischen den beiden kreisen entsteht.

kommen wir zu der farbe: es gibt viele tricks um unsere augen zu tauschen und um eine plastische oberfläche zu erstellen.

dafür zeichnet ihr eine kreis, der circa 3-4 pixel kleiner ist als der vorrige und füllt dann diesen mit einem blauton. mit einem abwendler setzen wir den ersten lichteffekt (siehe bild)

danach können wir mit strg + u die passende farbe einstellen. zudem müssen die render bisschen dunkler gemacht werden: dafür eigen sich die effekte sehr gut. ich habe

schatten nach innen:
deckkraft = 24;
distanz = 29;
überfüllen = 0;
grösse = 76;

und schein nach innen:
deckkraft = 32;
scheinfarbe = schwarz;
quelle = kante;
überfüllen = 15;
grösse = 13;

verwendet.

dann wieder eine neue ebene erstellen und wieder einen kreis zeichnen, circa 10 pixel kleiner als der vorrige kreis. diesen kreis füllt ihr dann mit weiß und setzt die deckkraft auf 7 % runter.


 

     
 

kommen wir zu den lichtreflexen, die das button verbessern: dafür habe ich einfach vier vierecke auf einer neuen ebene gemacht und dann mit filter / verzerungsfilter / wölben verformt. dabei ist zu beachten, dass ihr die vierecke nicht genau in der mitte positioniert sind und dass ihr den wölben_filter auch mehrere male anwendet. die stellen die eurer meinung nach stören, könnt ihr mit radiergummi wegmachen. ich habe noch die ebene mit den vierecken auf ineinaderkopieren gesetzt und die deckkraft auf 14 % gesetzt. dieses habe ich dann noch zwei mal wiederholt bis ich drei lichtstellen hatte.

danach eurer logo reinsetzen und das wars.


viel spass beim ausprobieren.

wer fragen hat, kann sie im forum oder im irc stellen.

» vote for us please

 

 
                       (c) www.gfx4ever.com