hifi-projekt – #05 buchse

am beginn steht ein kreis mit z.b. 400px durchmesser, den wir mit dem kreis-auswahlwerkzeug aufziehen und mit einer farbe (hier weiß) füllen und mit einer verlaufsübelagerung versehen (nicht vergessen: hilfslinien durch den mittelpunkt des kreises anlegen):

• füllmethode: normal.
• deckkraft: 100%
• art: winkel
• an ebene ausgerichtet
• winkel: -85°
• skalierung: 100%

die farbwerte und position sind wie gehabt:

1. #a1a1a1 ~ 0%
2. #c6c6c6 ~ 12%
3. #ffffff ~ 27%
4. #1e1e1e ~ 35%
5. #c6c6c6 ~ 43%
6. #ffffff ~ 46%
7. #a1a1a1 ~ 50%
8. #c6c6c6 ~ 54%
9. #303030 ~ 68%
10. #ffffff ~ 78%
11. #424242 ~ 84%
12. #c6c6c6 ~ 92%
13. #a1a1a1 ~ 100%

sie erinnern sich: nun ziehen wir mit dem kreis-auswahlwerkzeug aus der mitte der beiden hilfslinien einen weiteren, etwas kleineren kreis auf. in diesem beispiel mit 386px. diesen füllen wir wieder mit weiß.

• füllmethode: normal
• deckkraft: 100%
• art: winkel
• an ebene ausgerichtet
• winkel: 90°
• skalierung: 100%

wie man an der anordnung der dunklen und hellen elemente sehen kann, steuern deren positionen die dunklen und hellen reflektionen auf der oberfläche. die spreizung der hellen farben, bestimmt die breite der hellen reflektion:

1. #c7c7c7 ~ 0%
2. #525252 ~ 25%
3. #b2b2b2 ~ 42%
4. #c6c6c6 ~ 44%
5. #b2b2b2 ~ 46%
6. #525252 ~ 75%
7. #c9c9c9 ~ 92%
8. #c6c6c6 ~ 94%
9. #e6e6e6 ~ 96%
10. #c7c7c7 ~ 100%

im schnellverfahren: wir duplizieren die vorherige ebene, löschen den ebenenstil und legen eine neuen wie folgt an:

• füllmethode: ineinanderkopieren*
• deckkraft: 100%
• art: radial
• an ebene ausgerichtet
• winkel: 90°
• skalierung: 100%

* da wir den verlauf mit der füllmethode „ineinanderkopieren“ anwenden, darf die füllfarbe des kreises nicht sichtbar sein. sie würde stören. analog zum dritten arbeitsschritt für die aluminiumfläche, setzen wir im ebenenstil-dialog unter den mischoptionen > erweiterter mischmodus, die flächendeckkraft auf 0%

hier gibt es keine festen farbwerte. wichtig ist, dass die verlaufsart auf „rauschen“ steht. für die „rauheit“ empfehlen sich 24%. als farbmodell wählen wir „HSB“.

mit den reglen der HSB-farbparameter können wir nun farbstich, kontrast und helligkeit der gedrehten struktur festlegen.

beim verschieben der regler unter den parameter-balken werden leider keine werte angezeigt, die man festhalten könne.
hier ist also wiederholt kreativität gefragt.

• horizontal durch die mitte der arbeitsfläche
• vertikal durch die mitte der arbeitsfläche
• horizontal 380px über der mittleren hilfslinie
• horizontal 430px unter der mittleren hilfslinie
• vertikal 380px links von der mittleren hilfslinie
• vertikal 380px rechts von der mittleren hilfslinie

liegen alle hilfslinien korrekt, hat das feld …

• a: 144 x 144 px
• b: 380 x 380px und
• c: 380 x 430px

im oberen bereich (a) wird der bügel des kopfhörers platz finden, im unteren bereich (b) die lautsprecher.

bevor wir mit dem zeichnen beginnen, müssen wir das zeichenstift-werkzeug konfigurieren:

• fläche: transparent
• kontur: schwarz
• dicke: 112px
• linien-einstellungen:
  • stil: durchgehende linie
  • ausrichtung: mitte
  • enden: abgeflacht
  • ecken: gehrung

zeichnen werden wir mit durchgehend gedrückter umschalt (shift)-taste. das hat den vorteil, dass der zeichenstift auf ein vielfaches von 45° beschränkt wird. somit liegen die positionen 1und 2 & 4 und 5 exakt auf der selben vertikalen position. man hat sich schnell mal um ein oder zwei pixel verklickt und das sieht dann nicht schön aus, bzw. muss korrigiert werden.

also: umschalttaste drücken und festhalten. danach mit dem zeichenstift-werkzeug wie folgt verfahren:
mit der liniken maustaste …

• … an position 1 klicken und loslassen
• … an position 2 klicken und loslassen
• … an position 3 klicken und bei weiterhin gedrückt gehaltender maustaste die maus horizontal nach rechts bewegen, bis die rote „grifflinie“ auf die rechte vertikale hilfsline trifft. danach kann die maustaste wieder losgelassen werden.
• … an position 4 klicken und loslassen
• … an position 5 klicken und loslassen
• … umschalttaste loslassen

fertig ist der kopfhörer-bügel.

dieses mal konfigurieren wir das „abgeundetes-rechteck-werkzeug“ wie folgt:

• fläche: schwarz
• kontur: transparent
• dicke: 0px
• raduis: 92px

und zeichnen damit eine „pille“ mit einer breite von 165px und einer höhe von 430px. diese positionieren wir dann so, dass deren vertikale mitte deckungsgleich mit der linken aussenkante des bügels, und deren unteres ende parallel zum unteren ende des bügels verläuft.

in der beispielgrafik (ganz oben in der spalte) ist der bügel transparenter dargestellt, um die lage des kopfhörer-elementes besser sichtbar machen zu können.

ist das linke kopfhörer-element soweit fertig, können wir die ebene duplizieren und am rechten ende des bügels ebenfalls positionieren.

so könnten die ebenen unserer kopfhörer-datei aussehen (bzw. so sehen die ebenen der kopfhörer-datei im download dieses tutorials aus).

um den kopfhörer zu übernehmen, ist ein wenig vorarbeit nötig: bevor wir die einzelnen ebenen zu einer verbinden, müssen diese „gerastert“ (also in eine pixelgrafik umgerechnet) werden, weil photoshop sonst die einzelnen vektor-elemente zu einem neuen element verbindet, das keinerlei ähnlichkeit mit dem kopfhörer mehr hat.

dazu wählen wir (wie in der grafik oben) die benötigten ebenen aus (hintergrund-ebenen bitte aussen vor lassen) und holen mit der rechten maustaste das kontextmenü auf den bildschirm. aus diesem wählen wir dann die option „ebenen rastern“ aus.

mit der tastenkombination

• command e (mac)
• befehls e (win)

reduzieren wir dann die gerasterten ebenen auf eine und mit den tastenkombinationen für alles auswählen und kopieren

• command a, command c (mac)
• befehl a, befehl c (win)

wählen wir das so entstandene kopfhörer-symbol für die weiterverarbeitung aus.

mit der tastenkombination

• command v (mac)
• befehls v (win)

platzieren wir den kopfhörer auf der arbeitsfläche der buchse und parken ihn mit hilfe des transformationstools

• command t (mac)
• befehls t (win)

in der gewünschten größe an eine passende stelle.

um den regler zu übernehmen, öffnen wir die tutorial-datei zum regler und nehmen folgende ebenen-auswahl vor:

• im ordner „legende“ alle ebenen ausser der grad-einteilung und dem ordner „beschriftung skala“ ausblenden
• im ordner „schatten“, den schatten des unteren reglers ausblenden. wir verwenden zwar den unteren regler, übernehmen aber den schatten des kleineren reglers, weil dieser regler auch deutlich kleiner ausfallen soll, als zb. der signal-eingangsregler.
• den ordner „oben (R)“ ausblenden

nun wählen wir die ordner „unten (L)“, „schatten“ und „legende“ aus und reduzieren diese mit der tastenkombination

• command e (mac)
• befehls e (win)

auf eine ebene. mit den tastenkombinationen für alles auswählen und kopieren

• command a, command c (mac)
• befehl a, befehl c (win)

wählen wir den fertigen regler für die weiterverarbeitung aus.