Tutorialbeschreibung

Button: Runder Button mit Textur

Button: Runder Button mit Textur

Button Rund mit Textur (Bild)

Das brauchst du:
Photoshop 6(+), ich benutze Photoshop 7
Und so gehts:

1. Schritt:

Erstelle eine neue Datei mit der Größe 100x100 Pixel (Bild 1).
Nun auf einer weiteren Ebene eine Kreisauswahl erstellen

Bilder

2. Schritt:

Öffne nun ein Bild deiner Wahl und verkleinere es auf ca 110 px.
Kopiere das Bild mit "STRG+A"  und "STRG+C" in deine Auswahl (Auswahl - Auswahl innen einfügen)

Bilder

3. Schritt:

Jetzt auf einer weiteren Ebene fülle die Auswahl mit dem Radialen Verlauf  (schwarz nach weiss).

Bilder

4. Schritt:

Noch eine Ebene erstellen und ebenfalls in der Auswahl einen Verlauf ziehen mit Weiß als Vordergrundfarbe.
Benenne die Ebene "Spitzlicht".
Achte auch darauf, dass die Option Vordergrund zu Transparent eingeschaltet ist und ziehe ihn von oben Links zu Mitte.

Bilder

5. Schritt:

Auf einer weiteren Ebene nochmals den Verlauf nur diesmal schwarz zu transparent von unten Rechts zur Mitte.
Benenne die Ebene "Schatten".

6. Schritt:

Ab jetzt bieten sich verschiedene Möglichkeiten an.
Reduziere die Ebene Spitzlicht und Schatten auf eine (STRG+E).

A.
Rufe die Auswahl der Ebene 1 auf und verkleiner diese um ca 5 Pixel und drücke nun die "ENTF-Taste".
 

Bilder

Bilder

B.
Um einen weichen Übergang zu erhalten stelle die Auswahl (Auswahl weiche Auswahlkante) auf 2-5 Pixel ein  und drücke "ENTF".

Bilder

Bilder

C.
Wie Beispiel B, drehe nur die Auswahl um 180° und setze die Deckkraft auf 70%.

Bilder


Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 02.12.2007 - 10:12

Das hat mir sehr geholfen,danke schön

Portrait von roseblack
  • 12.09.2007 - 14:49

simpel und gut. danke.

Portrait von Trophaehunter
Portrait von lexard
  • 01.06.2007 - 14:11

danke für das schöne tut :)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 21.05.2007 - 16:43

sieht sehr gil aus n1

Portrait von Gorn
  • 20.05.2007 - 12:45

sieht richtig schön aus versuch das mal mit unserem clanlogo,danke

Portrait von 20Nikita06
  • 01.04.2007 - 11:50

Hey,

das Tutorial gefällt mir sehr gut, sieht gut aus und ist super beschrieben. Danke

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 28.03.2007 - 18:42

Genau das was ich gesucht habe :)
Und das kann ich auch mit dem Touchpad von meinem Laptop machen.
Vielen Dank für das Tutorial :)

Portrait von FrankWe
  • 21.03.2007 - 11:22

Gutes Tut, gut erklärt.

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 02.03.2007 - 13:41

Die Erklärung ist auch gut für Anfaenger zu verstehen. Gut gemacht :)

Portrait von xgadex
  • 16.02.2007 - 18:34

gefällt mir ziemlich gut

Portrait von Aratan
  • 30.12.2006 - 11:32

Danke. Hat mir sehr viel geholfen.

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 27.12.2006 - 14:40

Sehr guter Workshop ........
Bis auf eine Kleinigkeit das es für Anfänger besser und in einzelnen Schritten erzählt werden könnte .....
Aber weiter so .....

Portrait von snoopdog1971
  • 02.12.2006 - 11:22

super Anleitung gut erklärt

Portrait von Chruiser
  • 15.11.2006 - 11:15

Sehr leicht, sehr schön. Super gemacht. :o)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 26.10.2006 - 15:23

Find ich schön freu mich über jedes weitere Tut von dir

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 16.09.2006 - 18:21

schnell gemacht nd ist wirklich nicht schwer^^
danke für den tipp =)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 06.09.2006 - 08:34

dieser button gefällt mir. bin erstaunt das alles so einfach geht

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 01.09.2006 - 14:29

Gutes Tutorial. Sehr hilfreich

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 27.08.2006 - 17:08

Gut gemacht und ordentliche Bilder

MFG Smash

Mehr anzeigen

x
×
×