PST - Photoshop Tutorials - Interface - Drehregler http://www.photoshoptutorials.de/tut_interface11.php

1 von 4 06.05.2006 19:07

DrehreglerHerzlich Willkommen zu meinem Drehregler-Tutorial für AdobePhotoshop. Bei diesem Projekt werden wir einen metallischenDrehregler anfertigen, wie man ihn von Stereoanlagen her kennt.Wir werden hierbei mit sehr vielen Funktionen von Photoshop arbeiten.Wir werden Auswahlen erstellen, Ebenenstile anlegen, Kanäleabspeichern und für Filter wieder verwenden und auch einen neuenFarbverlauf werden wir benötigen.Ich werde mich in diesem kleinen Workshop darauf beschränken zubeschreiben, wie die Technik geht. Auf langatmige ErklärungenWieso-Weshalb-Warum verzichte ich bewußt, da es sich hierbei um einTutorial für fortgeschrittene Anwender handelt. Es wird also einegewisses Erfahrung des Anwenders vorausgesetzt.Wer trotzdem einmal nicht weiterkommt, kann sich das Begleitmaterial(175 KB) herunterladen und sich die PSD-Datei anschauen.

Schritt 1Erstellen wir zuerst ein neues Dokumentmit 200px x 200px in einer Auflösungvon 72 Pixel/Zoll im RGB-Format. DenHintergrundinhalt stellen wir um aufTransparent.Fülle nun die Ebene 1 mit der Farbe RGB100,100,100. Mach einen Doppelklick aufden Namen der Ebene und nenne sieHintergrund.Blenden wir nun das Lineal [STRG + R]ein und ziehen jeweils eine Hilfslinie anPosition 100 in horizontaler undvertikaler Richtung aus dem Linealheraus.Aktiviere als nächstes dasAuswahlellipse-Werkzeug [M] und zieheeine 175 Pixel große Auswahl in der Mitteauf. Erzeuge eine neue Ebene anoberster Position und nenne sie Randaußen. Die zuvor erzeugte Auswahl füllenwir jetzt mit einem radialen Verlauf [ ]von weiß nach schwarz (siehe Abb.].

Schritt 2Lege eine neue Ebene an obersterPosition an und nenne diese Rand innen.Wähle aus dem Auswahl-Menü den PunktAuswahl verändern/Verkleinern aus undgib dort 5 Pixel ein.Jetzt füllen wir die verkleinerte Auswahlauf der neuen Ebene wieder mit einemradialen Verlauf, dieses mal allerdingsvon schwarz nach weiß.Dein Ergebnis sollte der Abbildung aufder linken Seite ähneln.

Schritt 3Wechseln wir zurück in die Ebene Randaußen und legen dort einen Ebenenstil [

] an:

Glanz

Füllmethode: Multiplizieren #000000Deckkraft: 50%Winkel: -90°Abstand: 10 pxGröße: 13pxKontur: Doppelter RingUmkehren aktiviert

Farbüberlagerung

Füllmethode: Überlagern #ffffffDeckkraft: 100%

Schritt 4Gehen wir in der Ebenenpalette einenSchritt nach oben und weisen auch derEbene Rand innen einen Ebenenstil zu:

Abgeflachte Kante und Relief

Stil: Abgeflachte Kante innenTechnik: AbrundenRichtung: unten

PST - Photoshop Tutorials - Interface - Drehregler http://www.photoshoptutorials.de/tut_interface11.php

2 von 4 06.05.2006 19:07

Richtung: untenGröße: 8 pxWeichzeichnen: 0pxWinkel: 90°Höhe: 30°Lichtermodus Deckkraft: 0%Tiefenmodus Deckkraft: 50%

Alle nicht aufgeführtenEinstellungsmöglichkeiten bleibenunverändert.

Schritt 5Erstelle eine weitere neue Ebene anoberster Position in der Ebenenpaletteund nenne diese Knopf.Nun ziehen wir mit demAuswahlellipsen-Werkzeug eine 155 Pixelgroße Auswahl auf und verschieben diesein die Mitte unseres Dokuments. Wenndie Hilfslinien sichtbar sind, springt dieAuswahl beim Schieben automatisch andie richtige Position. Sollte dies nicht derFall sein, musst du unter Auswahlausrichten an Hilfslinien aktivieren.Wähle nun Bearbeiten/Fläche füllen ausund stelle im Dialogfenster unter Füllenmit ein 50%iges Grau ein. Bestätigeanschließend mit OK.

Schritt 6Nun speichern wir unsere Auswahl alsKanal ab (Auswahl/Auswahl speichern).Drücke [STRG +D] um die Auswahlaufzuheben und wechsel in dieKanäle-Palette. Dort findest du anunterster Position den neuen Kanal Alpha1. Aktiviere diesen.Rufen wir jetzt denFilter/Weichzeichnungsfilter/ GaußscherWeichzeichner auf und geben als Radius3.0 Pixel ein. Drücke dann [ALT + STRG+ F] und gib als Radius jetzt 1,5 Pixelein.Diesen weichgezeichneten Kanalbenötigen wir für den nächsten Schrittals Relief.

Schritt 7Bevor wir jetzt weiter machen solltest DuDir den Beleuchtungsstil Knopfherunterladen (Rechtsklick und speichernunter anwählen).Speicher die Datei am Besten gleich in denOrdner [Installationspfad]/PhotoshopCS/Zusatzmodule/Filter/Beleuchtungsstileab.Kehren wir nun zurück in dieEbenenpalette zu unserer Ebene Knopf.Rufe denFilter/Rendering-Filter/Beleuchtungseffekteauf. Wähle dort aus dem Stil-Menü denneuen Punkt Knopf aus. Sollte dieser nichtvorhanden sein, hast du die Datei nicht imrichtigen Verzeichnis abgespeichert.Nach dem Anwenden des Filters sollteunser Projekt jetzt wie die linke Abbildungaussehen.

Schritt 8Weisen wir auch der soeben bearbeitetenEbene einen Ebenenstil zu:

Schlagschatten

Deckkraft: 20%-50%Distanz: 20 PxGröße: 5px

Schatten nach innen

Füllmethode: NormalDeckkraft: 100%

PST - Photoshop Tutorials - Interface - Drehregler http://www.photoshoptutorials.de/tut_interface11.php

3 von 4 06.05.2006 19:07

Deckkraft: 100%Distanz: 0pxGröße: 10 Px

Abgeflachte Kante und Relief

Stil: Abgeflachte Kante innenGröße: 8 pxWeichzeichnen: 5 pxGlanzkontur: Runde StufenLichtermodus Deckkraft: 100%Tiefenmodus Deckkraft:100%

Farbüberlagerung

Füllmethode: Überlagern #ffffffDeckkraft: 100%

Alle nicht aufgeführtenEinstellungsmöglichkeiten bleibenunverändert.

Schritt 9Lade die Auswahl der Ebene Knopf[STRG + Klick auf die Ebenenminiatur].Erzeuge anschließend eine neue Ebenean oberster Stelle in der Ebenenpaletteund nenne diese Metal.Für den Metallook müssen wir jetzt einenneuen Verlauf anlegen. Wähle dasVerlaufswerkzeug aus. Klicke in derOptionsleiste bei der Verlaufsart aufWinkel und anschließend auf dieVerlaufsvorschau, um einen neuenVerlauf anzulegen.Im Dialogfenster wählen wir alsVerlaufstyp Störung aus und alsFarbmodell HSB. Klicke nun so lange aufden Button Zufallsparameter, bis dueinen Verlauf erhältst, der möglichstohne Schwarz und Weiß auskommt. Gibdem Verlauf einen Namen und klickedann auf Neu.Verlassen wir daraufhin den Dialog undziehen einen Winkelverlauf in derAuswahl auf (Siehe Abb.).

Schritt 10Kommen wir nun zur letzten Etappedieses Tutorials. Stell denVerrechnungsmodus der Ebene Metal aufLuminanz, um die Farbe auszuschließen.Hebe die Auswahl auf und klicke in derEbenenpalette auf Transparente Pixelfixieren. Nun rufen wir denFilter/Weichzeichnungsfilter/RadialerWeichzeichner auf, stellen bei der Stärke25 ein, die Methode bleibt aufKreisförmig und die Qualität ändern wirauf Sehr gut um. Dadurch erhalten wireine sehr schön polierte Metaloberfläche.Jetzt legen wir noch einen Ebenenstil fürdie Reglerphase an:

Schein nach außen

Füllmethode: ÜberlagernDeckkraft: 40%Farbe: #000000Größe: 24 PxKontur: Doppelter Ring

Abgeflachte Kante und Relief

Stil: Abgeflachte Kante innenTechnik: Hart meißelnFarbtiefe: 350%Größe: 2 PxWeichzeichnen: 0 PxWinkel: 90°Höhe: 30 °Tiefenmodus Deckkraft: 25%

Glanz

Füllmethode: Multiplizieren #000000Deckkraft: 25%Winkel: 90°

PST - Photoshop Tutorials - Interface - Drehregler http://www.photoshoptutorials.de/tut_interface11.php

4 von 4 06.05.2006 19:07

Winkel: 90°Abstand: 11 PxKontur: Runde Stufen - Glätten

Hiermit wäre das Tutorial zu Ende. Wermöchte, kann gerne noch einigeErweiterungen einbauen.