zurück zu den Anleitungen
Metallischer Drehregler

In diesem Tutorial soll ein metallischer Drehregler erstellt werden. Da es sich hierbei um viele Arbeitssschritte handelt, habe ich das Tutorial stichwortartig angelegt. Es ist auch nicht gerade die einfachste Anleitung und sollte von daher erst gemacht werden, wenn man schon etwas Erfahrung mit Photoshop hat.

Wir beginnen mit einem neuen Bild. Datei / Neu Bildgröße 300 x 300 Pixel. Auf der Hintergrundebene wird ein linearer Verlauf von oben nach unten mit gedrückter Strg Taste aufgezogen. Der Verlauf sollte in etwa so angelegt sein, wie man auf dem Beispielbild Figure 01 erkennen kann.


Figure 01


Figure 02

Horizontale Linienstruktur erzeugen
Filter / Störungsfilter / Störungen hinzufügen
Stärke 6
Gaußsche Normalverteilung
Monochrom

Filter / Stilisierungsfilter / Windeffekt
Methode: Wind
Richtung: rechts

Filter / Weichzeichnungsfilter / Bewegungsunschärfe
Winkel 0
Distanz 50


Figure 03

 

Oberfläche des Knopfes ersellen
Neue Ebene erstellen / Name vergeben kreis 1
Kreisförmige Auswahl / Fläche füllen mit Alt Entf
transparente Bereiche schützen
Auswahl / Alles Auswählen
Ebene / An Auswahl ausrichten / vertikale Mitte
Ebene / An Auswahl ausrichten / horizontale Mitte

Nun werden 2 Hilfslinien mittig positioniert.
Ansicht / Lineale einblenden
evt. Bearbeiten / Voreinstellungen / Maßeinheiten & Lineale:
unter der Option Lineale "Pixel" wählen

eine horizontale und eine vertikale Hilfslinie jeweils in die Mitte der Seite ziehen also bei einem Bild von 300 Pixel auf 150 Pixel positionieren

Verlauf
grauer Verlauf am Anfang und Ende muß die gleiche Farbe eingestellt sein Figure 01
Als Verlaufsart wähle oben "Verlaufswinkel" und ziehe den Verlauf vom Mittelpunkt der sich kreuzenden Hilfslinien aus auf.

 


Figure 04

Ebene kreis 1 duplizieren und Namen vergeben kreis 2

Kreisförmige Struktur auf der Ebene kreis 2 wird nun erstellt.
Maske aus Ebene erstellen

Filter / Störungsfilter / Störungen hinzufügen
Stärke 6
Gaußsche Normalverteilung

Filter / Scharfzeichnungsfilter / Stark scharfzeichnen

Filter / Weichzeichnungsfilter / radialer Weichzeichner
Stärke: 50
Methode: kreisförmig
Qualität: sehr gut

Den Mittelpunkt etwas mit dem Weichzeichnerwerkzeug, weichzeichnen. (siehe Figure 04)

Ebene (kreis 1) über Ebene (kreis 2) positionieren (in der Ebenenpalette nach oben schieben)
Ebene (kreis 1) Füllmethode "Hartes Licht" wählen

Beide Kreisebenen miteinander gruppieren und anschließend zu einer Ebene verbinden nachfolgend Kreisebene genannt.

 


Figure 05

Seite des Knopfes
Kreisebene
duplizieren
die obere Ebene Füllmethode / MulTipplizieren der Kreis erscheint nun dunkel daraus wird die Seite des Knopfes erstellt.
Auswahl aus Ebene Strg Taste Ebene anklicken
Bearbeiten / Auf eine Ebene reduziert kopieren
die obere Ebene löschen
Bearbeiten / Einfügen
Nun hat man eine ziemlich dunkle Ebene (nachfolgend "rand" genannt)
welche man unter die Kreisebene schiebt und mittels der Pfeiltasten
etwas nach unten verschiebt, der dunkle Rand des Knopfes liegt nun unter der hellen Oberfläche (Kreisebene)
mittels Bild / Einstellen / Gradatationskurve kann man den Rand noch etwas abdunkeln und aufhellen
mittels dem Werkzeug Abwedler erstellt man das Glanzlicht (siehe Figure 06)

 


Figure 06

Außenring ganz unten
dazu kann man wieder eine Auswahl aus der Ebene "rand" erstellen (Strg und Ebene anklicken)
und diese dann um 5 Pixel vergrößern mit Auswahl / Auswahl verändern / ausweiten
man erstellt eine neue Ebene nachfolgend Außenrand genannt und füllt diese wieder mit dem zuvor schon benutzten Verlauf (Methode "Verlaufswinkel)
anschließend mit Gradationskurve etwas abdunkeln
Nun muß man wieder mit dem Abwedler bestimmte Stellen aufhellen
eine Auswahl aus der Ebene erstellen und dann
Auswahl / Auswahl verändern / Umrandung Größe 1 Pixel
anschließend mit dem Abwedler die Außenkante aufhellen

 


Figure 07

Schatten
man erstellt eine Auswahl aus der Ebene "Außenrand"
Auswahl / Auswahl verändern / Ausweiten / 5 Pixel
Auswahl / Weiche Auswahlkante 10 Pixel
neue Ebene, Fläche füllen mit Schwarz
diese Schattenebene wird direkt über der Hintergrundebene positioniert und wird etwas seitlich nach unten verschoben
eventuell die Deckkraft etwas verkleinern


 


Nun kann man noch die Oberseite des Knopfes etwas verfeinern
Helle Lichtkante erstellen
Auswahl aus Kreisebene erstellen
Auswahl verkleinern 3 Pixel
neue Ebene erstellen Name: helle Kante
Vordergrundfarbe weiß
Berabeiten / Kontur füllen 1 pixel Größe
Auswahl aufheben
mittels Radiergummi den unteren Teil dieses weißen Ringes löschen
diese Ebene helle Kante mit der Kreisebene verbinden


Figure 08

Kreisebene / Fülloptionen oder Ebeneneffekte
Abgeflachte Kante und Relief
Einstellungen siehe Bild Figure 08


Nun braucht man nur noch den Text und Linie auf dem Knopf erstellen
eine neue Ebene für die Linie
anchließend mit dem Buntstift und gedrückter Shift eine Linie aufziehen
Größe 5 Pixel ; Grauwert von 113 RGB
Fülloptionen bzw. Effekte
Schatten nach innen
Deckkraft 75 %
Winkel 135 Grad
Distanz 3 px
Unterfüllen 0
Größe 1 px

Nun erstellt man die Schrift, hier das Wort "leise"
es werden die gleichen Fülloptionen wie beim Strich hinzugefügt, dazu kann man den Ebeneneffekt kopieren und einfügen
Außerdem bekommt die Schrift noch einen hellen dünnen Schlagschatten.


Alle Einzelteile des Knopfes kann man gruppieren und etwas nach links schieben, damit rechts mehr Platz für die Schrift ist.


© pastor pixel
h t t p : / / w w w . p a s t o r p i x e l . d e

 

Datenschutzerklärung