1 – kopf

der schraubenkopf besteht lediglich aus einem verlauf, ein bisschen glanz und einem schlagschatten.

zuerst der verlauf:

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

der verlauf hat folgende farbwerte:

1. #c7c7c7 ~ 0%
2. #757575 ~ 52%
3. #c7c7c7 ~ 100%

ein bisschen glanz:

• füllmethode: negativ multiplizieren
• farbe: #ffffff
• deckkraft: 31%
• winkel: -157°
• abstand: 97px
• größe: 38px
• kontur: linear, glätten & umkehren 

und zum schluss der schlagschatten:

• füllmethode: multiplizieren
• farbe: #000000
• deckkraft: 100%
• winkel: 128°
• abstand: 8px
• größe: 16px

2 – inbus

den inbus-antrieb erstellen wir in einem arbeitsgang mit dem polygon-werkzeug. danach folgen die üblichen ebenen-effekte. zuvor legen wir eine neue ebene über dem schraubenkopf an.

weil es besser aussieht, wählen wir etwas mehr breite als höhe und legen die anzahl der seiten sinnigerweise auf 6 fest.

zuerst benötigt der antrieb eine kante:

• struktur
  • stil: abgeflachte kante innen
  • technik: abrunden
  • tiefe: 709%, nach oben
  • größe: 8px
  • weichzeichnen: 10px
• schattierung
  • winkel: -46°
  • höhe: -45°
  • kein globales licht
  • lichtermodus: 32%
  • tiefenmodus: 84%

danach etwas farbe:

• füllmethode: normal
• farbe: #5c5c5c

und einen schatten nach innen:

• füllmethode: multiplizieren
• farbe: #000000
• deckkraft: 100%
• winkel: -54°, kein globales licht
• unterfüllen: 43px
• größe: 49px

3 – torx

der torx-antrieb entsteht, in dem wir dem polygon-werkzeug zwei weitere paramter hinzufügen.

auch hier wählen wir das polygon etwas breiter als höher. zusätzlich wählen wir die option „stern“ und runden dessen ecken ab. mit dem einziehen der seiten um 20% und dem glätten der einzüge entsteht ein respektabler torx-antrieb.

zuerst benötigen wir wieder eine kante …

• struktur
  • stil: abgeflachte kante innen
  • technik: abrunden
  • tiefe: 261%, nach oben
  • größe: 9px
  • weichzeichnen: 14px
• schattierung
  • winkel: -37°
  • höhe: -11°
  • kein globales licht
  • lichtermodus: 57%
  • tiefenmodus: 67%

… die wir mit einer kontur ergänzen:

• größe: 4px
• position: innen
• füllmethode: normal
• deckkraft: 25%, überdrucken
• füllart: verlauf
  • #0b0b0b ~ 0%
  • #ffffff ~ 100%
• art: linear, an ebene ausrichten
• winkel: 126°
• skalieren: 100% 

danach wieder etwas farbe:

• füllmethode: normal
• farbe: #666666

und den schatten nach innen:

• füllmethode: multiplizieren
• farbe: #000000
• deckkraft: 100%
• winkel: -54°, kein globales licht
• unterfüllen: 43px
• größe: 49px

1 – kopf

der schraubenkopf besteht wie bereits bekannt aus einem verlauf, ein bisschen glanz und einem schlagschatten.

zuerst der verlauf:

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

der verlauf hat folgende farbwerte:

1. #c7c7c7 ~ 0%
2. #757575 ~ 52%
3. #c7c7c7 ~ 100%

ein bisschen glanz:

• füllmethode: negativ multiplizieren
• farbe: #ffffff
• deckkraft: 31%
• winkel: -157°
• abstand: 97px
• größe: 38px
• kontur: linear, glätten & umkehren 

und zum schluss der schlagschatten:

• füllmethode: multiplizieren
• farbe: #000000
• deckkraft: 100%
• winkel: 128°
• abstand: 8px
• größe: 16px

2 – modifikation

der besseren erkennbarkeit wegen der folgenden maßnahmen, verfügt dieser schraubenkopf bereits einen abgesenkten gehäuserand.

jetzt folgt die eingangs erwähnte anpassung des schraubenkopfes an den schlitzantrieb.
nachdem wir uns links und rechts der mitte eine hilfslinie für die breite des schlitzes angelegt haben, erzeugen wir mit dem „ankerpunkt-hinzufügen-werkzeug“ an den markierten stellen jeweils einen ankerpunkt.

anschließend verschieben wie den mittleren ankerpunkt ein stück nach innen.

dann bewegen wir den kürzeren der beiden anfasser des neuen, linken ankerpunktes bei gedrückter …

• wahl-taste (mac)
• alt-taste (win)

… nach unten, so dass er auf der senkrechten hilfslinie zu liegen kommt. durch das zusätzliche drücken der wahl-/alt-tast hat sich nur der angeklickte anfasser bewegt. der andere anfasser hat seine position, und der schraubenkopf seine form beibehalten! 

das selbe erledigen wir anschließend mit dem neuen rechten ankerpunkt.

3 – schlitz

auf einer neuen ebene und mittig über dem schraubenkopf, legen wir ein schwarzes rechteck an.

mit dem „ankerpunkt-hinzufügen-werkzeug“ erzeugen wir in der mitte der horizontalen einen weiteren – ankerpunkt. genau.

diesen müssen wir nun nur noch etwas nach unten ziehen (in diesem fall 4px), und schon haben wir die gewünschte rundung des schlitzes nach innen.

mit den üblichen ebenen-effekten verpassen wir dem schlitz-antrieb die gewünschte optik:

zuerst benötigen wir wieder eine kante …

• struktur
  • stil: abgeflachte kante innen
  • technik: abrunden
  • tiefe: 261%, nach oben
  • größe: 9px
  • weichzeichnen: 14px
• schattierung
  • winkel: -37°
  • höhe: -11°
  • kein globales licht
  • lichtermodus: 70%
  • tiefenmodus: 67%

danach einen verlauf:

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

der verlauf hat folgende farbwerte:

1. #525252 ~ 67%
2. #c7c7c7 ~ 100%

und abschließend den schatten nach innen:

• füllmethode: multiplizieren
• farbe: #000000
• deckkraft: 100%
• winkel: -54°, kein globales licht
• unterfüllen: 43px
• größe: 49px

1 – kopf

der schraubenkopf besteht auch hier wieder aus einem verlauf, ein bisschen glanz und einem schlagschatten.

zuerst der verlauf:

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

der verlauf hat folgende farbwerte:

1. #c7c7c7 ~ 0%
2. #757575 ~ 52%
3. #c7c7c7 ~ 100%

ein bisschen glanz:

• füllmethode: negativ multiplizieren
• farbe: #ffffff
• deckkraft: 31%
• winkel: -157°
• abstand: 97px
• größe: 38px
• kontur: linear, glätten & umkehren 

und zum schluss der schlagschatten:

• füllmethode: multiplizieren
• farbe: #000000
• deckkraft: 100%
• winkel: 128°
• abstand: 8px
• größe: 16px

2 – raster, plan & pfad

zuerst fertigen wir uns ein raster aus 5 x 5 feldern zu je 48px kantenlänge an. die unterschiedlichen farben dienen hier nur zur abgrenzung der späteren elemente (kreuzschlitz und dreieckprofil).
der pz-antrieb zeichnet sich erheblich einfacher, wenn wir zuerst die kreuzschlitz-komponente erstellen und dann die dreicksprofile ergänzen. nachdem wir die dreiecksprofile ergänzt haben, werden sie sehen, warum 🙂 

und das ist unser plan: mit dem „zeichenstift-werkzeug“ werden wir – bei gedrückter shift- (bzw. umschalt)-taste alle 16 punkte ablaufen.  bei vier punkten (3, 7, 11 & 15), werden wir einen bogen anlegen. das alles ist einfacher, als es sich liest:

also dann: zeichenstift-werkzeug auswählen, shifttaste festhalten und an den folgenden 16 punkten mit der linken maustaste wie folgt verfahren:

1. klicken
2. klicken
3. klicken, gedrückt halten und bis 4 ziehen.
4. klicken
5. klicken
6. klicken
7. klicken, gedrückt halten und bis 8 ziehen.
8. klicken
9. klicken
10. klicken
11. klicken, gedrückt halten und bis 12 ziehen.
12. klicken
13. klicken
14. klicken
15. klicken, gedrückt halten und bis 16 ziehen.
16. klicken

mit einem letzten klick auf punkt 1, schließen wir den pfad. wenn sich der mauszeiger korrekt über punkt 1 befindet, wird an dessen spitze ein kleiner kreis sichbar.

der kreuzschlitz-antrieb ist damit schon einmal geschafft. wer es dabei belassen will, kann mit den ebenen-effekten für den antrieb fortfahren.
für die dreiecksprofile müssen wir unser raster um 6 elemente ergänzen und den pfad erweitern:

zuerst legen wir zwei kreise an: einen etwas größer als das mittlere feld und einen, der diagonal durch die vier äußersten felder läuft.

dann zeichnen wir die position des ersten dreiecksprofils an, kopieren es vier mal und transponieren die drei kopien jeweils vertikal und horizontal, um die restlichen profile zu erhalten.

nun ist die vorlage fertig, um den vorhin erstellen pfad um die dreiecksprofile zu erweitern. beginnen wir bei dem ersten:

die linke hälfte der grafik zeigt die drei stellen, an denen wir mit dem „ankerpunkt-hinzufügen-werkzeug“ neue ankerpunkte setzen werden.
die rechte hälfte zeigt den fertig erweiterten pfad mit den drei neuen punkten an. der mittlere punkt ist markiert und ziel der folgenden aktion:

den eben erwähnten mittleren punkt ziehen wir mittig zum äußeren kreis (linke bildhälfte) und verschieben die beiden kurzen anfasser (runde rote kreise) auf dem viertelkreis mit gedrückter

• wahl-taste (mac)
• alt-taste (win)

richtung zugehörigem ankerpunkt (rechte bildhälfte). so erhalten wir einen schönen übergang vom kreis in das dreieck.

3 – schlitz

in diesem arbeitsschritt werden wir aus dem pz-pfad den fertigen antrieb erstellen. hierzu legen wir den pfad (oder besser noch: eine kopie des pfades) eine ebene über den schraubenkopf, setzen die pfadstärke auf 0px und die farben für kontur und fläche auf transparent.
anschließend füllen wir den entkernten pfad mit folgenden vier ebenen-effekten:

zu beginn wie immer eine kante …

• struktur
  • stil: abgeflachte kante innen
  • technik: abrunden
  • tiefe: 261%, nach oben
  • größe: 9px
  • weichzeichnen: 14px
• schattierung
  • winkel: -37°
  • höhe: -11°
  • kein globales licht
  • lichtermodus: 70%
  • tiefenmodus: 67%

und eine kontur:

• größe: 4px
• position: außen
• füllmethode: normal
• deckkraft: 25%, überdrucken
• füllart: verlauf, an ebene ausrichten
• winkel: 126°
• skalierung: 100%

der verlauf hat folgende farbwerte:

1. #0b0b0b ~ 0%
2. #ffffff ~ 100%

danach einen schatten nach innen:

• füllmethode: multiplizieren
• farbe: #000000
• deckkraft: 100%
• winkel: -54°, kein globales licht
• unterfüllen: 43px
• größe: 49px

und etwas farbe, damit der verlauf des schraubenkopfes nicht durchscheint:

• füllmethode: normal
• farbe: #474747
• deckkraft: 100%