hifi-projekt – #02 knopf

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.
da wir für den knopf mehrere ebenen übereinander legen werden, ist es hilfreich, die mitte des kreises mit hilfslinien zu markieren. dazu wählen wir die eben des kreieses aus und blenden mit:

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

das transformations-tool ein und ziehen eine horizontale und eine vertikale hilfslinie auf dessen seiten-mittelpunkte. mit der taste

• esc (mac / win)

verlassen wir das transformations-tool wieder.

meine vorgaben lauten:

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

auch hier darf experimentiert werden 🙂

dieser verlauf ist ein wenig komplexer. in meinem beispiel besteht er aus 13 positionen unterschiedlicher graustufen.
unter bild 4 habe ich meine farben aufgelistet, die ich der einfachheit halber nur in hexadezimalen werten angebe.

wer keinen nerv hat, den verlauf nachzubauen, kann auch das .zip-file zu beginn der lektion laden, und mit den werten experimentieren.

etwas vorarbeit: mit den gedrückten tasten

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

und dem kreis-auswahlwerkzeug, ziehen wir aus der mitte der beiden hilfslinien (s. oben) 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%

auch hier darf experimentiert werden 🙂

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%

unter der eben des ersten kreises legen wir eine neue eben an und ziehen mit den gedrückten tasten

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

und dem kreis-auswahlwerkzeug, wieder aus der mitte der beiden hilfslinien einen größeren kreis auf (460px). diesen füllen wir mit schwarz.
im ebenenstil-dialog können wir nun noch die füllmethode auf „multiplizieren“ und die deckkraft auf z.b. 86% stellen. jetzt scheint das aluminium ein ganz klein wenig durch und macht die bohrung etwas realistischer

abschließend legen wir eine kopie der „bohrnung“ unter die selbe, vergrößern sie mit o.g. tasten auf 473px durchmesser und reduzieren die deckkraft auf 60%. jetzt hat die bohrung eine kleine absenkung und vermittelt materialtiefe.

zum letzten mal legen wir eine neue eben an. und zwar unter allen anderen ebenen. mit gehaltener

• command-taste (mac)
• befehls-taste (win)

klicken wir mit der linken maustaste auf die zuerst erstelle ebene, um eine auswahl in jener größe zu erhalten. diese auswahl verschieben wir etwas nach rechts unten und füllen sie (auf der brandneuen untersten ebene) mit schwarz.

der schwarze verschobene kreis auf der untersten ebene wird nun vermittelst des „gausschen weichzeichners“ mit einem radius von 28px zu einem schönen weichen schatten.

mit der mischoption „multiplizieren“ und einer deckkraft von 75% liegt der schatten nun ganz natürlich auf der aluminium-front. wir erinnern uns: das licht kommt von links oben – das suggeriert jedenfalls der helligkeitsverlauf der aluminium-front.