Vor langer Zeit hab ich für die Tutorial Sektion auf 24-7media.de dieses “requested” Tutorial geschrieben. Es beschreibt den Vorgang um einen Carbonbutton zu erstellen. Bist du bereits ein fortgeschrittener Photoshop Benutzer dann kannst du dieses Posting ruhig überfliegen

Schritt 1

Erstelle ein neues Dokument und definiere eine Auswahl von 105*28 Pixel. Diese Auswahl füllen wir mit der Farbe #6e6e6e. Die Auswahl kannst du jetzt mit (d) deselektieren. Ebene bennen wir in “Base Shape” und dient lediglich zum späteren Laden der Auswahl und der Beleuchtung.

Schritt 2

Erstelle eine neue Ebenen und nenne sie “Inset“. Erstelle nun eine Auswahl mit dem Zeichenstift oder dem abgerundeten Formenwerkzeug von Photoshop. Diese Auswahl füllen wir mit einem Verlauf von Schwarz zu Transparent.

Schritt 3

Diese Auswahl wird jetzt wie im linken Bild zu sehen verzerrt.

Schritt 4

Hier ist noch viel zu viel schwarz in unserem Button. Also nehmen wir den Radiergummi und stellen eine weiche runde Pinselspitze mit der Stärke um die 25% ein. Radiert bis ihr ein ähnliches Restultat seht wie im linken Bild.

Schritt 5

Als nächstes kopiere das linke Bild und erstelle daraus in Photoshop ein Muster. Hierzu kopiere das Bild in deine Zwischenablage, wechsle zu Photoshop und drücke CTRL+N für ein neues Dokument. Photoshop übernimmt automatisch die richtigen Seitenverhältnisse von dem Bild in deiner Zwischenablage. Bestätige diese und füge das Bild mit CTRL+V wieder ein. Danach drücke CTRL+A (um das ganze Dokument zu selektieren) und wähle “Bearbeiten-Muster festlegen…“. Gib dem Muster einen Namen wie “Carbon Muster” und klicke auf OK.

Danach klickst du mit gedrückter CTRL Taste auf die Ebene “Base Shape” (auf das Thumbnail nicht auf den Ebenennamen) um deren Auswahl zu laden, erstellst eine neue Ebene und füllst diese mit einer Farbe deiner Wahl. Mache nun einen Doppelklick auf diese Ebene und gehe zu “Musterüberlagerung“. Dort wählst du jetzt dein vorhin erstelltes Carbon Muster aus. Bestätige mit OK. Erstelle wiederum eine neue leere Ebene und verbinde diese mit der darunterliegenden Ebene und drücke CTRL+E. Somit löschen wir die Fülloption und erhalten eine gerasterte Ebene zurück. Danach stellst du diese Ebene auf den Modus “Abdunkeln”. In meinem Beispiel hab ich die Deckkraft auf 50% gesenkt.

Schritt 6

Lade erneut die Selektion anhand deiner “Base Shape” Ebene (wie in Schritt 5 erklärt) und erstelle eine neue Einstellungsebene “Helligkeit & Kontrast”. Ich habe bei der Helligkeit einen Wert von -22 eingestellt. Den Kontrast lassen wir auf 0.

Schritt 7

Setze deine aktive Ebene auf “Base Shape” und wähle das Dodge (Abwedler) Werkzeug mit einer harten runden Spitze Grösse 9. Die Abwedleroptionen belasse ich auf “Mitteltöne” sowie Beleuchtung “50%“. Fahre nun ein paar mal von links nach rechts mit gedrückter SHIFT Taste um ein geradliniges horizontales Fahren mit der Maus zu ermöglichen, bis du den gewünschten Effekt erzielt hast.

Schritt 8

Fertig ist der Carbon Button. Ich hoffe es hat Spass gemacht und du hast einen Einblick in meine Arbeitsweise erhalten. Ich habe beim Beispielbutton noch eine Bitmap Schrift mit eingefügt um ihn als wirklichen Button “leben” zu lassen.

Verwandte Artikel

• Lichteffekt “Glühen” in Photoshop erstellen
• Smart Objekte in Photoshop
• Gepunktete Linien und Formen
• Eingebrannter – Eingravierter Text