Anzeige
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


DVD-Werbung
Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von mosycs
  • 19.08.2010 - 21:17

mag ich. dankeschön :-)

Portrait von Wolfgang50
  • 13.08.2010 - 10:01

Hallo,

ab 4. Schritt stimmen entweder die Beschreibungen, die Abbildungen oder beides nicht. Hab es mit Fotoshop CS3 versucht und nur nach viel "try and error" gelang ein ähnlicher Button.

Portrait von Snaker007
  • 28.05.2010 - 07:53

Das Ergebnis schaut gut aus, nur leider ist es für Anfänger total schlecht beschrieben. Daher meine Bewertung.

Portrait von showenga
  • 05.04.2010 - 21:49

Schlecht!!! Wird für "newbies" leider kaum von nurtzen sein..
Man muss schon ziemlich mit PS vertraut sein um "nicht beschriebens Vorgehensweisen" zu wissen.....

Das Ergebnis hier ist total klasse, nur kann Laie damit null Anfangen....

Saludos showenga

Portrait von fotoclub
  • 22.02.2010 - 22:05

gut erklärt ist sicher für viele hilfreich

Portrait von geminixxl
  • 08.11.2009 - 15:41

Vielen Dank. Hab so jetzt einen schönen Button erstellt!

Portrait von etama
  • 24.09.2009 - 11:35

Gutes Tutorial, kann man wunderbar viel mit erstellen. Zum Beispiel wusste ich gar nicht, dass es die Methode mit dem Einfügen gibt ^^ Danke hierfür :)

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 07.09.2009 - 10:10

echt gut. Es war echt einfach nach zu bauen. Und hatt viel spaß gemacht.

Portrait von kfoto
  • 08.05.2009 - 22:38

...kann ebenfalls leider nicht die Auswahl einfügen. Schade. Probier mal einen anderen Vorschlag...

Portrait von suizidmoehre
  • 01.12.2008 - 13:18

fand ich gut... hat mir geholfen

Portrait von denix
  • 25.11.2008 - 16:50

häääääääääää- ich kann das nicht in die Auswahl einfügen!!!! Warum? Habe Cs......hmmmm
trotzdem geile geschichte..

Portrait von Baphomet
  • 21.10.2008 - 09:59

Danke für die Buttons

Portrait von cavalierroo
  • 20.07.2008 - 15:58

danke hat mir gut geholfen

Portrait von tomatito
  • 14.07.2008 - 09:30

kurz und knapp aber gut verständlich

Portrait von BlaZZ0r
  • 29.06.2008 - 13:29

einfach zu verstehen. gut.

Portrait von mdg70
  • 03.05.2008 - 15:44

Hab lange danach gesucht und bin hier hängen geblieben, sieht ja
ziemlich einfach aus. Das werde ich doch gleich mal ausprobieren.
Danke für die Anleitung

Portrait von NadineLauser
  • 02.05.2008 - 10:30

Danke, sehr verständlich. Werd es gleich mal ausprobieren! :-)

Portrait von Tobi2506
  • 05.04.2008 - 15:11

sieht gut aus danke dafür

Portrait von Accuenergy
  • 17.03.2008 - 11:11

Die Erklärung ist auch gut für Anfaenger zu verstehen.

Portrait von f-i-l-p
  • 02.12.2007 - 11:18

Danke, sehr einfach und verständlich beschrieben.

x
×
×