hifi-projekt – #03 regler

das anlegen der grad-einteilung ist einfacher, als es aussieht: zuerst zeichnen wir mit dem linienzeichner-werkzeug eine senkrechte linie durch den mittelpunkt des knopfes (hier sind die hilfslinien vom erstellen des knopfes aus der letzten lektion hilfreich).
anschließend duplizieren wir die ebene und drehen diese um 5° nach rechts. dazu verwenden wir die tasten:

• command + t (mac)
• strg + t (win)

geben in der optionsleiste am oberen rand

den wert 5° ein und bestätigen mit der eingabetaste. jetzt ist das erst gedrehte element angelegt und photoshop hat sich diese aktion gemerkt. im weiteren müssen wir diese aktion 32 mal mit folgender tastenkombination wiederholen:

• shift + option +command + t (mac)
• shift + alt + strg + t (win)

danach fassen wir die grad-linien in einer ebene zusammen.

jetzt geht es an die radialen hilfslinien, derer wir vier benötigen:

• a: ausrichtung der skalen-beschriftung
• b: höhe der langen skalenstriche
• c: höhe der kurzen skalenstriche
• d: der innere startpunkt der skalenstriche

wie bereits beim erstellen der knopf-ebenen ziehen wir mit den gedrückten tasten

• shift + option (mac)
• shift + alt (win)

aus der mitte die kreise auf die gewünschten größen. jeder dieser kreise wird auf einer eigenen ebene angelegt. mit jedem der kreise wird wir folgt verfahren:

wie bereits beim erstellen der knopf-ebenen ziehen wir mit den gedrückten tasten

• shift + option (mac)
• shift + alt (win)

aus der mitte heraus die kreise auf die gewünschten größen. jeder dieser kreise wird auf einer eigenen ebene angelegt; mit jedem der kreise wird wir folgt verfahren:

(wir erinnern uns): ebenen-effekte kommen nur zur wirkung, wenn die ebene über inhalt verfügt. deshalb füllen wir die kreise mit eine farbe, stellen im ebenenstil-dialog den erweiterten mischmodus in den mischoptionen auf 0, so dass nur der folgende kontur-effekt sichtbar bleibt:

• größe: 3px
• position: innen
• füllmethode: normal
• deckkraft: 100%
• farbe: schwarz

vorausgesetzt, die ebenen des knopfes, den wir für L vorgesehen haben, befinden sich ordentlich in einem ordner verpackt, legen wir über den bestehenden ebenen eine neue an und nennen sie zb. marker.
ansclhießend markieren wir mit dem auswahlrechteck-werkzeug auf 12 uhr ein (genau) rechteck und füllen es mit einer farbe.

anschließend richten wir mit dem transformations-tool das rechteck auf die gewünschte position aus. in unserem beispiel auf die position der späteren „4“.

mit den ebenenstilen „schatten nach innen“

• füllmethode: multiplizieren
• deckkraft: 53%
• winkel: -81%, globales licht: aus
• abstand: 11
• größe: 10

• füllmethode: normal
• deckkraft: 55%
• art: linear, an ebene ausgerichtet
• winkel: 177°
• skalierung: 100%

stellen wir den optischen eindruck her, die für einen lichteinfall von oben rechts entsteht.

für den kleineren regler R, duplizieren wir lediglich den ordner des aktuellen knopfes und achten darauf, dass er über dem bisherigen knopf-ordner liegt.
dann wählen wir den neuen ordner in der ebenen-liste aus und reduzieren die größe auf das gewünschte maß.

anschließend richten wir mit dem transformations-tool das marker-rechteck auf die gewünschte position aus. in unserem beispiel auf die position der späteren „6“.

auch hier mit den ebenenstilen „schatten nach innen“

• füllmethode: multiplizieren
• deckkraft: 59%
• winkel: -48%, globales licht: aus
• abstand: 6
• größe: 10

folgende ebenen sollten jetzt im zugriff sein (s. 1.arbeitsschritt, 4. bild):

• die ebene mit der kopie der skala in 100% deckkraft
• die ebenen mit den radialen hilfslinien in 10% deckkraft

um die innenseite der skala zu beschneiden, wählen wir die ebene mit der skala aus und klicken mit gedrückter

• command (mac)
• strg (win)

-taste auf die innerste radiale hilfslinie, so dass diese mit einer gestrichelten linie markiert ist (s. bild oben). mit der tastenkombination

• command + x (mac)
• strg + x (win)

entfernen wir alles innerhalb der markierung.

aussen ist wie innen – nur anders:

analog zum letzten schritt, wählen wir wieder die ebene mit der skala aus und klicken mit gedrückter

• command (mac)
• strg (win)

-taste auf die äußerste radiale hilfslinie, so dass diese mit einer gestrichelten linie markiert ist. würden wir jetzt wie gehabt schneiden, wäre alles innerhalb der runden markierung verschwunden. um das zu verhindern, drehen wir die auswahl um, so dass dann alles ausserhalb(!) des kreises markiert ist (s. bild oben). das erreichen wir mit der tastenkombination

• shift + command + i (mac)
• shift + strg + i (win)

anschließend können wir – wie gehabt – mit den tasten

die äußeren teile der skala entfernen.

erneut wählen wir die ebene mit der skala aus und klicken mit gedrückter

• command (mac)
• strg (win)

-taste auf zweite radiale hilfslinie von innen. anschließend kehren wir die auswahl um

• shift + command + i (mac)
• shift + strg + i (win)

und entfernen mit dem radiergummi bei all den linien, die wir kürzen wollen, die pixel ausserhalb der runden markierung. eleganterweise wirkt der radiergummi nur auf die pixel innerhalb der auswahl.

die härte des radiergummes habe ich auf 92% festgelegt, um keine zu harte, bröselige kante zu erhalten: