Erstellen eines detaillierten 3D-Vektorreifens in Illustrator

In diesem Tutorial zeige ich Ihnen, wie Sie einen Vektorreifen mit sehr einfachen Werkzeugen und Techniken erstellen. Der wichtigste und kniffligere Teil dieses Tutorials sind die Reifenstreifen, aber wir lösen das einfach und geben ihm ein tolles Aussehen. Die Tutorial-Anleitung wird in Adobe Illustrator CS3 bereitgestellt.

Endgültige Bildvorschau

Unten ist das endgültige Bild, auf das wir hinarbeiten werden. Möchten Sie auf die vollständigen Vector Source-Dateien und herunterladbaren Kopien jedes Tutorials zugreifen, einschließlich dieses Tutorials? Nehmen Sie an Vector Plus für nur 9 € pro Monat teil.

Schritt 1

Wählen Sie ein neues 1024 x 768 Pixel großes Webdokument mit einem Farbmodus aus RGB und Bildschirm, der auf 72 ppi eingestellt ist.

Schritt 2

Wählen Sie das Ellipse-Werkzeug (L) und klicken Sie im Dialogfeld Ellipse auf Ihre Zeichenfläche. Stellen Sie die Breite und Höhe auf 400px ein und klicken Sie auf OK. Wählen Sie den Kreis und setzen Sie die Vordergrundfarbe auf Keine und die Strichfarbe auf K = 88. Ändern Sie diesen Ebenennamen in "Reifen".

Schritt 3

Wählen Sie den Kreis aus und gehen Sie zu Effekt> 3D> Extrudieren und Abschrägen. Klicken Sie auf die Schaltfläche Weitere Optionen, legen Sie die Optionen wie unten gezeigt fest und klicken Sie auf OK.

Schritt 4

Wählen Sie das Rechteckwerkzeug aus oder drücken Sie M, klicken Sie dann auf die Zeichenfläche und legen Sie im Dialogfeld die Breite fest
und Höhe auf 600px um 4px. Stellen Sie nun die Füllfarbe auf K = 90. Erstellen Sie dann ein Rechteck (M) mit einer Breite von 4 Pixel und einer Höhe von 14 Pixel (siehe 4a unten)..

Setzen Sie die Füllfarbe auf K = 90. Wählen Sie für die beiden Rechtecke eine Vordergrundfarbe von K = 100 und setzen Sie den Strich auf Keine. Drücken Sie Umschalt + F7, um den Ausrichtungsbereich aufzurufen. Wählen Sie nun diese beiden neu erstellten Rechtecke aus, und klicken Sie in der Gruppe "Objekte ausrichten" im Bereich "Ausrichten" auf "Vertikal unten und horizontal ausrichten".

Wählen Sie das Mini-Rechteck aus und verschieben Sie es mit der Aufwärtspfeiltaste um 7 Pixel nach oben. Erstellen Sie dann eine Kopie des Mini-Rechtecks ​​(indem Sie Befehlstaste + C, dann Befehlstaste + F drücken) und verschieben Sie es auf die rechte Seite des langen Rechtecks. Halten Sie die Umschalttaste gedrückt, während Sie sie verschieben (4b)..

Wählen Sie das lange Rechteck und das rechte Mini-Rechteck aus und drücken Sie dann in der Gruppe Objekte ausrichten des Ausrichtungsfensters auf Horizontal ausrichten rechts. Wählen Sie die beiden Mini-Rechtecke aus, und wählen Sie Objekt> Überblenden> Überblendoptionen. Wählen Sie dann im Bereich Abstand die Option Angegebene Schritte von 50 aus, legen Sie die Ausrichtung auf Ausrichten an Pfad fest und klicken Sie auf OK (4c)..

Drücken Sie Befehlstaste + Alt + B, um eine Mischung zu erstellen. Ihr Ergebnis sollte genau wie unten gezeigt sein (4d).

Schritt 5

Wählen Sie die gemischten Mini-Rechtecke aus und drücken Sie Befehlstaste + Alt + Umschalttaste + D. Legen Sie dann im Dialogfeld die Vertikale fest
Wert auf -24 px in der Gruppe Verschieben und klicken Sie auf Kopieren (5a). Wählen Sie nun das lange Rechteck und das obere gemischte Mini-Rechteck aus. Drücken Sie erneut die Befehlstaste + Alt + Umschalttaste + D und stellen Sie dann die vertikale Ausrichtung auf 24 px ein. Klicken Sie nun auf Kopieren (5b). Behalten Sie die Auswahl bei und drücken Sie Befehlstaste + D. Ihr Ergebnis sollte genau wie unten gezeigt aussehen (5c).

Schritt 6

Drücken Sie A oder wählen Sie das Direktauswahl-Werkzeug aus der Werkzeugpalette. Wählen Sie die unteren zwei Punkte von
die am weitesten rechts und ganz links die meisten Mini-Rechtecke der sehr unteren gemischten Mini-Rechtecke (6a). Drücken Sie die Umschalttaste und dann einmal die rechte Pfeiltaste. Machen Sie dasselbe für die oberen gemischten Mini-Rechtecke (6b)..

Wählen Sie alle gemischten Mini-Rechtecke aus, und wechseln Sie zu Object> Expand. Vergewissern Sie sich, dass im Dialogfeld Expand sowohl Object als auch Fill aktiviert sind, und klicken Sie auf OK (6c). Gruppieren Sie alle kleinen und langen Rechtecke. Wählen Sie die Gruppe aus, kopieren Sie sie (Befehlstaste + C) und fügen Sie sie ein (Befehlstaste + F). Ziehen Sie es um 150 Pixel nach unten, indem Sie die Abwärtspfeiltaste 15 Mal drücken. Halten Sie beim Ziehen die Umschalttaste gedrückt (6d)..

Behalten Sie die Auswahl der unteren Gruppe bei, kopieren Sie sie und fügen Sie sie vor. Drücken Sie nun Umschalt + F8, um die Transformationspalette aufzurufen. Verlieren Sie nicht die Auswahl der oberen Gruppe. Legen Sie nun in der Transformations-Palette die Breite auf 610 Pixel fest. Stellen Sie außerdem sicher, dass die Breiten- und Höhenproportionen der Einschränkung aktiviert sind (6e)..

Wählen Sie nun die unteren beiden Streifen aus, klicken Sie dann in der Pathfinder-Palette auf Formschnittflächen und klicken Sie auf Erweitern
die Formmodi (6f). Setzen Sie nun die Farbe für die geformte Streifenfüllung auf K = 100 (6 g). Wählen Sie den oberen und den unteren Streifen aus und klicken Sie in der Gruppe Objekte ausrichten der Palette Ausrichten (6h) auf Vertikales Ausrichtungszentrum. Das Ergebnis wird im letzten Bild unten gezeigt (6i).

Schritt 7

Wählen Sie nun beide Streifen aus und ziehen Sie sie in die Symbolpalette im Dialogfeld Symboloptionen. Nennen Sie es jetzt "Streifen" und setzen Sie den Typ auf Grafik (7a). Jetzt können Sie das Streifensymbol von Ihrer Zeichenfläche löschen.

Schritt 8

Wählen Sie den Reifen aus und drücken Sie Umschalttaste + F6, um die Appearance-Palette anzuzeigen. In der Appearance-Palette finden Sie die Option 3D-Extrusion & Abschrägung, klicken Sie darauf. Überprüfen Sie in den 3D-Extrusions- und Abschrägungsoptionen die Vorschau (8a). Klicken Sie jetzt auf die Schaltfläche Map Art. Im Dialogfeld "Map-Art" für den Feldtyp "Oberfläche" 6 und drücken Sie dann die Eingabetaste (8b). Wählen Sie nun im Feld Symbol unser Streifensymbol (8c). Skalieren Sie es wie gezeigt (8d), klicken Sie dann auf OK und zurück zur Zeichenfläche. Das Ergebnis wird im letzten Bild unten gezeigt (8e).

Schritt 9

Wählen Sie den Reifen aus und gehen Sie zu Objekt> Aussehen erweitern. Gruppieren Sie den Reifen jetzt dreimal und wählen Sie den gestreiften Teil des Reifens (9a). Klicken Sie mit der rechten Maustaste darauf und wählen Sie "Schnittmaske freigeben" (9b)..

Schritt 10

Wählen Sie den Reifenstreifen aus, schneiden Sie ihn aus (Befehl + X), und erstellen Sie eine neue Ebene aus der Ebenenpalette. Nennen Sie es jetzt "Streifen" und fügen Sie es ein (Befehl + F). Sperren Sie die Ebene "Streifen". Wählen Sie nun die gesamte Reifenschicht aus, klicken Sie auf Zur Formfläche hinzufügen und dann in der Pathfinder-Palette erweitern (10a)..

Schritt 11

Erstellen Sie einen neuen Kreis mit 400 x 400 x Abmessungen. Setzen Sie die Strichfarbe auf K = 100 und die Füllfarbe auf Keine. Wählen Sie nun den Kreis und drücken Sie die S Taste und Enter. Geben Sie nun im Dialogfeld "Maßstab" den Wert 80 in das Feld "Maßstab" ein und klicken Sie auf "Kopieren" (11a)..

Behalten Sie die Auswahl bei und drücken Sie erneut die Eingabetaste. Geben Sie 90 in das Feld Maßstab ein und klicken Sie auf Kopieren (11b). Wählen und schneiden Sie den größeren Kreis (Befehl + X). Erstellen Sie eine neue Ebene, nennen Sie sie "Kreis 1" und fügen Sie sie vor (Befehl + F)..

Wählen Sie aus und schneiden Sie den mittleren Kreis (Befehl + X). Legen Sie einen neuen Ebenennamen als "Kreis 2" fest. Einfügen vor (Befehl + F), dann den innersten Kreis auswählen. Schneiden Sie (Befehl + X) und nehmen Sie eine Make-Ebene mit dem Namen "wheel" und fügen Sie sie vor (Befehl + F) ein. Das bisherige Ergebnis ist unten gezeigt (11c).

Schritt 12

Wählen Sie das "Rad" aus und drücken Sie S, und dann Enter. Geben Sie nun im Dialogfeld "Skala" 45 in die Skala ein
klicken Sie dann auf Kopieren. Schneiden Sie den Minikreis aus und erstellen Sie eine neue Ebene, und nennen Sie sie "mini_circle" (12a). Wählen Sie "Kreis 2" aus, klicken Sie in der Konturpalette auf Kontur nach innen ausrichten und geben Sie ein Gewicht von 18pt (12b) ein. Wählen Sie nun "wheel" und machen Sie dasselbe wie bei "circle 2", aber stellen Sie das Stroke-Gewicht auf 80pt (12c).

Schritt 13

Wählen Sie das Rad aus und setzen Sie die gestrichelte Linie auf 89pt für den ersten Strich und die Lücke zu
92pt, wie unten gezeigt (13a). Wählen Sie "Rad" und "Kreis 2" aus und gehen Sie zu Objekt> Darstellung erweitern. Klicken Sie dann auf
Erweitern Sie in der Pathfinder-Palette. Jetzt können Sie die Ebene "Kreis 2" löschen, die bereits "Kreis 2" ist
auf die "Rad" -Schicht kopiert. Dies liegt daran, dass die obere Ebene Vorrang hat, wie unten gezeigt (13b)..

Schritt 14

Wählen Sie "mini_circle" aus und drücken Sie S. Geben Sie einen Skalenwert von 200 ein und drücken Sie Kopieren. Nochmal
Wählen Sie das "mini_Circle" aus und drücken Sie S und dann Enter. Geben Sie nun einen Skalierungswert von 130 ein und drücken Sie Kopieren. Sperren Sie die Ebene "mini_circle" (14a).

Wählen Sie das Werkzeug Ankerpunkt hinzufügen. Mit diesem Werkzeug fügen Sie jeder Radmitte Ankerpunkte hinzu, wie unten gezeigt (14b). Fügen Sie nun mit diesem Werkzeug weitere Ankerpunkte zum Schnittbereich des Rads hinzu, wobei zwei neue Kreise aus dem "mini_circle" erstellt werden (siehe unten) (14c bis 14d). Entsperren Sie jetzt die Ebene "mini_circle" und wählen Sie nur die Ebenen "mini_circle" und "wheel" aus, klicken Sie auf Zum Formbereich hinzufügen und dann in der Pathfinder-Palette auf Erweitern.

Löschen Sie nun diese beiden Kreise, die wir zuvor aus dem "mini_circle" erstellt haben. Ändern Sie den Namen des "mini_circle" in "wheel" und löschen Sie den älteren Layer "wheel". Wählen Sie das Werkzeug Ankerpunkt hinzufügen aus, und setzen Sie nun einige Ankerpunkte in der Lücke des Rads bis zum Rand des "mini_circle" (14e)..

Schritt 15

Wählen Sie das Werkzeug Ankerpunkt löschen aus der Werkzeugpalette. Entfernen Sie nun alle Eckankerpunkte des Rades wie in (15a) gezeigt. Verwenden Sie nun das Werkzeug Ankerpunkt konvertieren oder drücken Sie Umschalt + C, um die Kante des mini_circle wie in Abbildung 15b zu glätten. Wiederholen Sie diesen Mechanismus, um auch alle anderen Kanten des mini_circle zu glätten.

Sehen Sie sich dieses Bild mit der Idee an, wie Sie Ihre Ankerpunkte konvertieren sollten (15c). Wählen Sie nun die Eckpunkte (15d) mit dem Direktauswahl-Werkzeug (A) und klicken Sie dann auf Ausgewählte Ankerpunkte wie in (15e) in Glätten konvertieren. Wiederholen Sie diese Schritte, um alle anderen Eckpunkte des Rads zu glätten. Ihr endgültiges Bild sollte wie Bild aussehen (15f).

Schritt 16

Erstellen Sie einen neuen Ebenennamen "Radspitze". Erstellen Sie einen Kreis mit einer Größe von 35 x 35 Pixel. Setzen Sie dann die Füll- und Strichfarbe auf K = 100. Setzen Sie außerdem den Ausrichtungshub auf "Außen", "Gewicht" auf 37pt, die gestrichelte Linie auf den ersten Strich 12pt und den ersten Spalt 10pt (16a)..

Sperren Sie alle Ebenen außer der neu erstellten Ebene "Wheel Top". Wählen Sie die "Radspitze" aus, gehen Sie zu Objekt> Darstellung erweitern, klicken Sie mit der rechten Maustaste darauf und wählen Sie Gruppierung aufheben. Wählen Sie den Kreis der "Radspitze" (16b) aus und vergrößern Sie ihn durch Ziehen. Halten Sie dabei die Befehlstaste + Umschalttaste gedrückt, um die perfekte Form und Position zu erhalten.

Wählen Sie nun den Kreis und die Konturform aus und klicken Sie auf Zu Formbereich hinzufügen. Erweitern Sie dann die Pathfinder-Palette wie gezeigt (16c). Erstellen Sie einen neuen Kreis mit einer Größe von 85 x 85 Pixel und richten Sie ihn in der Mitte der "Radspitze" aus. Wählen Sie dazu "Radspitze" und den Kreis aus und klicken Sie dann in der Gruppe "Objekte ausrichten" der Palette "Align-Palette" (16d) auf "Horizontal Align Center" und "Vertical Align Center"..

Schritt 17

Wählen Sie nun den Kreis aus und sperren Sie ihn (Befehlstaste + 2). Machen Sie dann Punkte von jedem sich kreuzenden Pfad von "Radspitze" mit dem Kreis und machen Sie auch Punkte in der Mitte jeder äußeren langen Kante von "Radspitze" (17a)..

Entfernen Sie nun alle Eckpunkte (17b). Wandeln Sie die Kantenecken um und drehen Sie sie wie gezeigt (17c). Wählen Sie die Eckpunkte mit dem Direktauswahl-Werkzeug aus und klicken Sie auf Ausgewählte Ankerpunkte in Glatt konvertieren (17d). Drücken Sie nun Befehlstaste + Alt + 2, um den Kreis freizugeben und zu löschen.

Schritt 18

Erstellen Sie einen neuen Kreis mit einer Größe von 22 x 22 Pixel. Setzen Sie die Füllfarbe auf dunkelbraun (R = 66 G = 33 B = 11). Sie finden es in der Standard-RGB-Farbfeldpalette und setzen die Strichfarbe auf Braun (R = 96 G = 56 B = 19). Sie finden diese Farbe nur auf der linken Seite Ihrer Füllfarbe (18a)..

Wählen Sie nun das Polygonwerkzeug aus, halten Sie beim Zeichnen des Polygons die Umschalttaste gedrückt und stellen Sie die Breite auf 19px ein. Stellen Sie sicher, dass die Breiten- und Höhenproportionen der Beschränkungen aktiviert sind (18b)..

Wählen Sie das Polygon und setzen Sie die Füllfarbe auf Keine und Strich auf 3 Pixel und eine schwarze Farbe (K = 100). Wechseln Sie im Dialogfeld zu Object Expand und klicken Sie auf OK. Verwenden Sie nun die Funktion Ankerpunkt löschen, um die Innenpunkte des Polygons wie unten gezeigt zu löschen (18d)..

Wählen Sie das Polygon aus und füllen Sie es wie gezeigt mit einem Farbverlauf (18e). Die Farben sind verschiedene Grauschattierungen mit einem Winkel von -34. Setzen Sie die Strichfarbe des Polygons mit einem Strichgewicht von 0,5pt auf dunkelgrau. Zentrieren Sie nun den Kreis und das Polygon zusammen. Legen Sie es in die Mitte einer "Radspitzenhand" und kopieren Sie es in alle anderen Hände. Drehen Sie auch einige Schrauben in einen anderen Winkel.

Schritt 19

Fügen Sie eine Verlaufsüberlagerung zu "Radspitze" hinzu (siehe Abbildung 19a). Wählen Sie "Radspitze" und erstellen Sie eine Kopie und fügen Sie sie ein. Ändern Sie jetzt die Farbe in Grau (K = 30). Bewegen Sie es 1px nach links und 1px nach unten und senden Sie es zurück, indem Sie die Befehlstaste + linke Klammer (19b) drücken..

Wählen Sie das Rad und ändern Sie die Füllfarbe in Farbverlauf (19c). Kopieren und vor dem Rad einfügen. Ändern Sie die Füllfarbe in "Keine" und "Strich in Dunkelgrau" (K = 70). Senden Sie sie dann mit der Befehlstaste + linke Klammer zurück.

Fügen Sie nun eine Strichfarbe in Hellgrau (K = 20) zum oberen Rad hinzu. Wählen Sie das obere und untere Rad aus und gehen Sie zu Objekt> Überblenden> Überblendoptionen (19d). Drücken Sie Befehlstaste + Alt + B, um eine Überblendung (19e) zu erstellen. Bearbeiten Sie ein Logo wie gezeigt (19f). Platzieren Sie den Text (19g). Wählen Sie nun "wheel", "wheel top" und die Textgruppe aus und benennen Sie sie in "wheel" (19h) um..

Schritt 20

Wählen Sie "Rad" und gehen Sie zu Effekt> 3D> Drehen, und ändern Sie dann die Einstellungen (20a). Behalten Sie die Auswahl und wählen Sie "Objekt"> "Darstellung erweitern" (20b)..

Schritt 21

Entriegeln Sie die "Reifen" -Schicht. Erstellen Sie einen neuen Kreis mit 500 x 500 Pixel und setzen Sie die Füllfarbe auf Keine und die Strichfarbe auf Schwarz. Gehen Sie zu Effekt> 3D> Drehen und ändern Sie es wie gezeigt (21a). Platziere es jetzt wie unten gezeigt (21b).

Machen Sie eine Kopie dieses Kreises und fügen Sie ihn ein. Ändern Sie die Größe in 322px um 322px. Platzieren Sie das wie gezeigt (21c). Machen Sie nun zwei weitere Kreise mit 390px bei 390px und 440px bei 440px, indem Sie sie kopieren und wie gezeigt platzieren (21d). Wir nennen diese vier Striche: "Kreis 1", "Kreis 2", "Kreis 3" und "Kreis 4", beginnend mit dem kleineren.

Schritt 22

Setzen Sie die Strichfarbe "Kreis 1" auf Grau (K = 40) und die Strichfarbe "Kreis 2" auf Hellgrau (K = 20). Wählen Sie "Kreis 1" und "Kreis 2" und erstellen Sie eine Kopie. Lassen Sie die Kopie ausgewählt (22a)..

Gehen Sie zu Objekt> Überblenden> Überblendoptionen, und legen Sie sie wie gezeigt fest (22b). Drücken Sie nun die Befehlstaste + Alt + B, um die Mischung durchzuführen. Schneiden Sie nun "wheel" "aus seiner Ebene und fügen Sie es in die Ebene" Reifen "ein. Platzieren Sie es wie gezeigt (22c). Wählen Sie die Mischung" circle 1 "und" circle 2 "und drücken Sie die Befehlstaste + Umschalttaste + die rechte Klammer-Taste Nach vorne.

Schritt 23

Nehmen Sie die Kopie "Kreis 1" und "Kreis 2" zurück und platzieren Sie sie genau in den vorherigen Zustand. Wählen Sie es aus und drücken Sie dann die Befehlstaste + Umschalttaste + rechte Klammer, um es nach vorne zu bringen.

Ändern Sie die Farbe "Kreis 1" in Grau (K = 60) und "Kreis 2" in Dunkelgrau (K = 80), wie gezeigt (23a). Setzen Sie die Strichfarbe für "Kreis 3" auf Dunkelgrau (K = 70), bei Strich für Kreis 4 die Farbe auf Dunkelgrau (K = 80). Wählen Sie "Kreis 2", "Kreis 3" und "Kreis 4". Stellen Sie den Mischmodus ein und fügen Sie ihn wie gezeigt hinzu (23b).

Schritt 24

Machen Sie einen Kreis aus 220 x 220 x x und füllen Sie ihn mit Schwarz. Gehen Sie zu Effekt> 3D> Drehen… und ändern Sie die Einstellungen wie gezeigt (24a). Kopieren Sie es und platzieren Sie es vor (Befehl + F). Ändern Sie die obere Kreisfüllung in dunkelgrau (K = 70). Bewegen Sie die Kopie um 6 Pixel nach oben und 6 Pixel nach rechts. Wähle die zwei Kreise aus und verschmelze (4b). Platziere es jetzt wie unten gezeigt (24c).

Fazit

Ich habe schließlich den Markentext hinzugefügt und etwas modifiziert, um ihn deutlicher zu machen. Ein großes Problem bei der Radform ist, dass beim Drehen mit dem 3D-Werkzeug das perfekte Aussehen (vor allem bei den Löchern) verloren geht, kann dies nicht direkt gelöst werden, sondern manuell. Daher ist es eine gute Idee, den Winkel zu planen, in dem das Rad von Anfang an gut platziert wird. Dies war mein erstes Tutorial und Kommentare sind willkommen. Danke fürs Lesen!

Abonnieren Sie den Vectortuts + RSS-Feed, um mit den neuesten Vektor-Tutorials und Artikeln auf dem Laufenden zu bleiben.