So erstellen Sie einen Hohlstempel in Adobe Illustrator

In diesem Tutorial lernen wir, wie man einen stilisierten hohlen 3D-Würfel erstellt. Anstelle der üblichen Punkte auf der Oberfläche werden Löcher erzeugt. Nun, keine echten Löcher, aber wir werden sie sicherlich wie Löcher aussehen lassen. Im gesamten Entstehungsprozess sollten wir etwas nicht vergessen - Perspektive. Perspektive ist eines der wichtigsten Dinge, auf die wir bei der Erstellung eines 3D-Objekts achten müssen. Wenn wir die Perspektive auslassen, werden wir mit einem verzerrten Objekt enden. Lasst uns also von Worten zu Taten übergehen.


Schritt 1

Wir beginnen mit der Erstellung von Symbolen für jede einzelne Seite des Würfels. Das bedeutet, dass wir 6 abgerundete Rechtecke mit einer unterschiedlichen Anzahl von Punkten benötigen. Diese Symbole werden auf unseren 3D-Würfel angewendet. Nehmen Sie das abgerundete Rechteckwerkzeug aus der Werkzeugleiste und klicken Sie irgendwo auf die Zeichenfläche. Stellen Sie im Feld Optionen für abgerundete Rechtecke die Parameter wie in der Abbildung unten gezeigt ein. Füllfarbe ist nicht wichtig.


Schritt 2

Nehmen Sie nun das Ellipse-Werkzeug (L) aus dem Werkzeugbereich und erstellen Sie einen perfekten Kreis (für einen perfekten Kreis halten Sie die Umschalttaste auf Ihrer Tastatur). Wählen Sie beide Formen aus, und wählen Sie im Bereich Ausrichten die horizontale und vertikale Ausrichtung aus.


Schritt 3

Erstellen Sie für die Seite des Würfels mit zwei Punkten ein weiteres abgerundetes Rechteck, erstellen Sie zwei Kopien (Strg / Befehlstaste + C, Strg / Befehlstaste + V) des gelben Punkts aus dem vorherigen Schritt und ordnen Sie sie wie auf dem Bild unten an. Stellen Sie sicher, dass Sie gelbe Punkte richtig ausrichten, indem Sie im Bereich "Ausrichten" die Option "Horizontale Ausrichtung" verwenden. Gruppieren Sie sie (Strg / Befehlstaste + G) und richten Sie beide Punkte mit dem abgerundeten Rechteck aus, indem Sie im Bereich "Ausrichten" die Option "Horizontale Ausrichtung" und "Vertikale Ausrichtung" verwenden.


Schritt 4

Wählen Sie beide Punkte aus und wählen Sie unter Objekt die Option Transformieren> Drehen. Stellen Sie den Winkel auf 45 ° ein und drücken Sie die OK-Taste.


Schritt 5

Erstellen Sie für die Würfelseite mit drei Punkten ein weiteres abgerundetes Rechteck, und erstellen Sie eine Kopie (Strg / Befehlstaste + C, Strg- / Befehlstaste + V) des vorherigen Schrittes. Bringen Sie sie wieder in die horizontale Position und platzieren Sie einen neuen Punkt in der Mitte. Um den gleichen Abstand zwischen den Punkten zu gewährleisten, wählen Sie alle aus und klicken Sie auf die Schaltfläche Horizontale Fläche verteilen im Bereich Ausrichten. Gruppieren (Strg / Befehlstaste + G) gelbe Punkte und wählen Sie unter Objekt die Option Transformieren> Reflektieren aus. Stellen Sie den Winkel auf 45 ° ein. Sie sollten mit so etwas enden.


Schritt 6

So erstellen Sie eine Seite des Würfels mit vier Punkten - duplizieren Sie Elemente aus Schritt 4. Am besten wählen Sie ein abgerundetes Rechteck und zwei gelbe Punkte aus. Halten Sie die Alt / Wahltaste auf der Tastatur gedrückt, und klicken Sie auf die ausgewählten Formen, und ziehen Sie sie zur Seite . Wählen Sie nun nur gelbe Punkte aus und wählen Sie unter Objekt die Option Transformieren> Reflektieren aus. Wählen Sie Vertical für Axis und drücken Sie die Copy-Taste. Es wird ein gespiegeltes Bild von ausgewählten Elementen erstellt, und wir erhalten am Ende vier statt zwei Punkte.


Schritt 7

Erstellen Sie die Kopie der gesamten Seite mit vier Punkten (halten Sie die Alt / Opt-Taste auf Ihrer Tastatur gedrückt, und klicken Sie auf die Formen.). Setzen Sie einen neuen Punkt in die Mitte. Stellen Sie sicher, dass alle Elemente perfekt ausgerichtet sind. Dazu gruppieren (Strg / Befehl + G) vier Punkte, die wir bereits hatten. Wählen Sie dann alle Elemente aus, die die "5 Punkte" -Seite des Würfels bilden, und klicken Sie im Align-Bereich auf Horizontal und Vertical Align Center.


Schritt 8

Wie Sie wahrscheinlich bereits annehmen, müssen Sie für die "6 Punkte" -Seite des Würfels die Kopie der "3 Punkte" -Seite erstellen. Wiederholen Sie die bekannte Alt / Opt + -Klick- und Ziehen-Aktion, um die Kopie zu erstellen. Platziere drei gelbe Punkte in horizontaler Position, dupliziere sie (Strg / Befehlstaste + C, Strg / Befehlstaste + F) und platziere sie wie in der Abbildung unten gezeigt.


Schritt 9

Sie sollten mit so etwas enden.


Schritt 10

Wir haben alle sechs Seiten für unseren Würfel bereit und werden sie zu Symbolen machen. Auf diese Weise können wir sie auf unseren 3D-Würfel anwenden. Stellen Sie sicher, dass Sie alle Elemente gruppieren (Strg / Befehlstaste + G), die die einzelnen Seiten des Würfels bilden. Schnappen Sie sich jede Seite des Würfels und ziehen Sie ihn in das Symbolfenster. Wenn sich das Fenster mit den Symboloptionen öffnet, wählen Sie im Dropdown-Menü Typ die Option Grafik. Achten Sie darauf, auch die anderen Seiten des Würfels in die Symbole zu verwandeln.


Schritt 11

Nun sind wir alle bereit, an dem Aussehen unseres 3D-Würfels zu arbeiten. Es gibt viele verschiedene Positionen des Würfels, die wir erstellen können, in die Luft fliegen, auf dem Tisch rollen usw., aber wir werden einen stillen Würfel auf der ebenen Oberfläche erstellen. Auf diese Weise bekommen wir die Chance, mit dem Licht zu spielen und schöne Schatten zu erzeugen. Also lasst uns anfangen.

Wählen Sie das Rechteckwerkzeug (M) aus der Werkzeugleiste und klicken Sie irgendwo auf die Zeichenfläche. Es öffnet sich das Rechteck-Fenster. Legen Sie die Abmessungen auf 200 x 200 fest. Die Füllfarbe ist nicht wichtig.


Schritt 12

Wählen Sie unter dem Effekt 3D> Extrudieren und Abschrägen. Stellen Sie die Tiefe auf 200 pt und die Perspektive auf 97˚ ein. Denken Sie daran: Ohne Perspektive wird Ihr Würfel verzerrt aussehen. Das wollen wir bestimmt nicht. Wir werden auch die Ausrichtung festlegen, damit der Würfel auf der ebenen Fläche sitzt. Experimentieren Sie mit der Ausrichtung, indem Sie den Würfel im Fenster "3D-Extrusions- und Abschrägungsoptionen" drehen. Dies sind die Einstellungen, die wir in diesem Tutorial verwenden werden.

Machen Sie eine Kopie (Strg / Befehl + C, Strg / Befehl + V) unseres Würfels. Legen Sie es auf die Seite und sperren Sie es im Ebenenfenster (wir werden diese Kopie später verwenden).


Schritt 13

Nun können wir beginnen, jeder Seite des Würfels Symbole zuzuweisen. Dazu müssen wir Map Art-Optionen eingeben.


Schritt 14

Wechseln Sie zwischen Fläche des Würfels unter Fläche und wählen Sie die Symbole im Dropdown-Menü Symbol aus.


Schritt 15

Wiederholen Sie diesen Schritt nur für sichtbare Würfelseiten. Wir werden später andere Seiten des Würfels vervollständigen. Sie sollten mit so etwas enden.


Schritt 16

Grundsätzlich sieht unser Würfel aus, aber Sie müssen zugeben, er sieht nicht sehr nett aus. Jetzt ist es an der Zeit, etwas zu polieren. Zuerst werden wir unseren Würfel in die bearbeitbare Form bringen. Dazu einfach den Würfel auswählen und unter Objekt die Option Aussehen erweitern auswählen. Nach dem Erweitern des Würfels müssen wir ihn aufheben (Umschalt + Strg / Befehlstaste + G) und sicherstellen, dass alle Elemente, die unseren Würfel bilden, getrennt werden. Seien Sie darauf vorbereitet, dies mehrmals zu tun, bis alle Formen unabhängig sind. Nach dem Aufheben der Gruppierung finden Sie möglicherweise einige unbrauchbare Teile des Würfels (diese können aus dem Ebenenfenster entfernt werden)..

Wir müssen jede Seite des Würfels etwas verändern. Um dies zu tun, verwenden wir die Funktion Offset-Pfad. Dadurch können wir jede abgerundete Seite des Würfels etwas verkleinern. Wählen Sie nur die rosa Form auf jeder Seite aus und wählen Sie unter Objekt Pfad> Versatzpfad aus. Setzen Sie den Wert für Offset auf -1 Pixel und drücken Sie die OK-Taste.


Schritt 17

Stellen Sie sicher, dass Sie die größere, ursprüngliche rosa Form entfernen und die kleinere, die wir gerade erstellt haben, belassen.


Schritt 18

Wiederholen Sie den vorherigen Schritt auch für andere Seiten des Würfels. Sie sollten so etwas haben.


Schritt 19

Wählen Sie alle drei braunen Rechtecke aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Unite". Diese Aktion macht aus drei Formen nur eine. Sie müssen wahrscheinlich die neue Form, die wir gerade erstellt haben, an Back senden (Umschalt + Strg / Befehlstaste + [)..


Schritt 20

Lassen Sie uns unsere neue Form ein wenig ändern. Wählen Sie die braune Form aus und wählen Sie unter Effekte die Option Stilisieren> Runde Ecken. In diesem Lernprogramm setzen wir den Radius auf 15 Pixel. Dicken Sie das Vorschaufenster, um zu sehen, was für Sie am besten funktioniert. Es wird unserem Würfel schöne und runde Ecken geben.


Schritt 21

Nun müssen wir die braune Form erweitern und den Würfel für eine interessantere Schrittfärbung vorbereiten. Stellen Sie sicher, dass die braune Form ausgewählt ist, und wählen Sie unter Objekt die Option Darstellung erweitern aus.


Schritt 22

Wir werden jede einzelne rosa Form um ein Pixel näher an den Rand schieben. Dies wird die Perspektive etwas mehr unterstützen. Sie sollten mit so etwas enden.


Schritt 23

Falls Sie mit der Größe der Punkte nicht ganz zufrieden sind, können Sie deren Größe erhöhen. Lassen Sie es uns zeigen.

Markieren Sie alle gelben Punkte und wählen Sie unter Objekt Pfad> Versatzpfad aus. Legen Sie den Versatz als Ihren Wunsch fest (vergessen Sie nicht, das Vorschaufenster zu aktivieren, um zu sehen, was Sie tun). Wir setzen den Wert für Offset auf 2 Pixel. Wir werden beide Punkte (kleine und große Punkte) zu einem vereinen, indem Sie im Pathfinder-Bedienfeld die Option Unite auswählen.


Schritt 24

Möglicherweise stellen Sie fest, dass jeder gelbe Punkt viele Ankerpunkte enthält. Um jegliche Art von Unvollkommenheit zu vermeiden, werden wir versuchen, die Anzahl der Ankerpunkte zu verringern. Wählen Sie dazu Objekt> Pfad> Vereinfachen. Stellen Sie sicher, dass die Kurvengenauigkeit auf 100% und der Winkelschwellenwert auf 0% eingestellt ist. Sie sollten mit so etwas enden.


Schritt 25

Unser Würfel ist bereit, einige schöne Farbverläufe zu erzielen. Also lasst uns anfangen.


Schritt 26

Wie Sie sehen, haben wir einige Verbesserungen vorgenommen, aber wir müssen natürlich viel mehr für unseren Würfel tun, als nur den einfachen Farbverlauf anzuwenden. Lassen Sie uns unsere Punkte in die Löcher verwandeln. Wählen Sie alle aus und duplizieren Sie sie zweimal (Strg / Befehlstaste + C, Strg- / Befehlstaste + F). Wir werden blaue Kopien schieben, wie auf dem Bild unten gezeigt. (Legen Sie die Füllfarbe der Kopien oben auf Blau fest). Gruppierung der neuen Gruppe von Punkten (Umschalt + Strg / Befehlstaste + G).


Schritt 27

Wählen Sie eine gelbe und eine blaue Kopie und drücken Sie im Pathfinder-Feld die Minus-Front-Taste. Sie sollten mit so etwas enden.


Schritt 28

Wiederholen Sie den vorherigen Schritt auch für die anderen Punkte.


Schritt 29

Mit wenigen Änderungen werden wir diese Punkte so machen, dass sie wie Löcher aussehen. Zuerst wenden wir einen schönen dunkelroten Farbverlauf auf die "innere" Seite des Würfels an. Das bedeutet, dass wir die gelben Punkte mit einem Farbverlauf versehen.


Schritt 30

Wir werden denselben linearen Gradienten auch auf die anderen gelben Punkte anwenden.


Schritt 31

Lassen Sie uns die Farbe der Formen ändern, die die Dicke der Werkzeugwände (Seiten) darstellen. Wir werden einen roten linearen Farbverlauf mit wenigen Lichtschattierungen verwenden, um den Einfluss des Lichts zu betonen.


Schritt 32

Wir können noch etwas tun, um unseren Würfel noch besser aussehen zu lassen. Erinnern Sie sich an den Würfel, den wir für später auf der Seite gelassen haben? Wir werden es jetzt benutzen.

Wie Sie sich erinnern, ist dies unser grundlegendes Quadrat, das wir zu Beginn verwendet haben. Da wir bereits den 3D-Effekt Extrude & Bevel angewendet haben, werden wir nur das Aussehen des Würfels verändern. Wir versuchen tatsächlich, die Form, Größe und Position der Punkte / Löcher auf unsichtbaren Seiten des Würfels zu ermitteln. Aber los geht's, die Dinge werden klar.


Schritt 33

Klicken Sie unter dem Erscheinungsbildfenster (wenn es nicht sichtbar ist, unter dem Fenster auf das Erscheinungsbildfenster), und klicken Sie auf 3D Extrude & Bevel (Mapped). Das Fenster Extrusions- und Abschrägungsoptionen wird geöffnet. Wir werden einige Änderungen vornehmen.


Schritt 34

Lass alles so wie es ist. Ändern Sie nicht die Rotation des Würfels oder seine Perspektive. Wir benötigen genau denselben Cube, an dem wir in diesem Tutorial arbeiten. Wir werden jedoch einige Änderungen an den Map Art-Optionen vornehmen. Wir werden Symbole für unsichtbare Seiten des Würfels zuweisen. Da wir bereits Seiten mit 1,2 und 4 Punkten / Löchern haben, müssen Seiten mit 3,5 und 6 Punkten / Löchern erstellt werden.


Schritt 35

Um unsichtbare Seiten des Würfels zu sehen, klicken Sie auf das Feld Unsichtbare Geometrie unten im Map Art Options-Fenster und klicken Sie auf die Schaltfläche OK. Sie sollten mit so etwas enden.


Schritt 36

Wählen Sie unter Objekt die Option Erweitern aus und verwandeln Sie unser Quadrat in die bearbeitbare Form.


Schritt 37

Gruppieren Sie die soeben erstellte Form (Umschalt + Strg / Befehlstaste + G) (Sie müssen sie mehrmals wiederholen) und entfernen Sie alle Elemente neben den gelben Punkten.


Schritt 38

Jetzt müssen wir die Anzahl der Ankerpunkte reduzieren. Wählen Sie Objekt> Pfad> Vereinfachen.


Schritt 39

Stellen Sie die Kurvengenauigkeit auf 100% und den Winkelschwellenwert auf 0% ein und drücken Sie die OK-Taste.


Schritt 40

Es gibt noch etwas, was wir tun müssen, bevor wir neue Punkte auf unserem Würfel verwenden. Sie sollten nicht vergessen, dass wir die Punkte auf unserem Würfel vergrößert haben. Das bedeutet, dass wir auch mit diesen Punkten dasselbe machen müssen (alle Löcher müssen die gleiche Größe haben). Gruppieren Sie zunächst die gelben Punkte (Umschalt + Strg / Befehlstaste + G). Wählen Sie Objekt> Pfad> Versatzpfad. Setzen Sie den Wert auf 2 Pixel (wie zuvor) und drücken Sie die OK-Taste.


Schritt 41

Auf diese Weise haben wir größere Punkte erstellt. Wir vereinigen sie mit kleineren Punkten, indem Sie im Pathfinder-Fenster die Option Unite auswählen.


Schritt 42

Nun sind unsere Punkte bereit für den Würfel. Platzieren Sie sie wie auf dem Bild unten gezeigt. Dies ist eine ungefähre Position der Löcher an den unsichtbaren Stellen des Würfels.


Schritt 43

Zuerst entfernen wir gelbe Punkte, die unsichtbar bleiben. Sie sollten mit so etwas enden.


Schritt 44

Wir werden die gelben Punkte mit dunklen Ellipsen kombinieren, die die Löcher darstellen. Erstellen Sie für jeden gelben Punkt, der das Loch schneidet, eine Kopie der dunklen Ellipse. Wählen Sie die soeben erstellte Kopie und den gelben Punkt aus und drücken Sie unter dem Pathfinder-Feld die Schaltfläche "Überschneiden".


Schritt 45

Stellen Sie sicher, dass die Füllfarbe der neuen Form auf Weiß (#FFFFFF) gesetzt ist, und platzieren Sie sie unter der Form, die der Dicke der Matrizenwand (Seite) entspricht. Sie sollten mit so etwas enden.


Schritt 46

Stellen Sie sicher, dass Sie den vorherigen Schritt auch für die anderen gelben Punkte wiederholen.


Schritt 47

Lassen Sie uns einige interessante Details erstellen, die unsere Illustration verbessern.

Wir werden für jede Seite des Würfels eine schöne dünne Kante erstellen. Um dies zu tun, duplizieren Sie das abgerundete Rechteck zweimal (Strg / Befehlstaste + C, Strg / Befehlstaste + F). Schieben Sie eine der Kopien um 1 Pixel nach unten. Wählen Sie beide Kopien aus und drücken Sie im Pathfinder-Feld die Minus-Front-Taste.


Schritt 48

Wenden Sie einen roten radialen Farbverlauf an, wie auf dem Bild unten gezeigt.


Schritt 49

Es scheint, als gäbe es in diesem radialen Farbverlauf viel zu viele Rottöne, tatsächlich aber nicht. Wenn Sie zoomen, können Sie sehen, dass wir für die abgerundete Ecke am unteren Rand des Würfels ein schönes Highlight erstellt haben.


Schritt 50

Wiederholen Sie den vorherigen Schritt für die linke Seite des Würfels. Fühlen Sie sich frei, denselben radialen Gradienten zu verwenden.


Schritt 51

Für die Hervorhebung oben auf dem Würfel können Sie einen etwas einfacheren radialen Farbverlauf verwenden.


Schritt 52

Lassen Sie uns das Highlight für die Löcher erstellen. Dies wird eine dünne Linie sein, die der Form des Lochs folgt. Um dies zu tun, wird die Ellipse, die das Loch darstellt, dupliziert (Strg / Befehlstaste + C Strg / Befehlstaste + F). Klicken Sie unter der rechten Maustaste auf Ausgewählten Pfad isolieren. Auf diese Weise können wir die Ellipse modifizieren, ohne den Rest der Abbildung zu beeinträchtigen.


Schritt 53

Schnappen Sie sich das Direktauswahl-Werkzeug (A) aus der Werkzeugleiste, wählen Sie die Ankerpunkte aus, wie auf dem Bild unten gezeigt, und entfernen Sie sie, indem Sie auf der Tastatur die Taste Entf drücken.


Schritt 54

Entfernen Sie die Füllfarbe und setzen Sie die Strichfarbe auf # FFB59C. Stellen Sie unter dem Konturbedienfeld die Breite auf 0,75 und das Profil auf das Breitenprofil 1 ein. Am Ende sollten Sie etwa so etwas sehen.


Schritt 55

Wiederholen Sie den vorherigen Schritt auch für die anderen Löcher. Fühlen Sie sich frei, die Strichfarbe für andere Highlights zu ändern, um ein schönes Ergebnis zu erzielen.


Schritt 56

Verwenden Sie dieselbe Technik, um auf jeder Seite des Würfels wenige Randmarkierungen für abgerundete Rechtecke zu erstellen.


Schritt 57

Lassen Sie uns auf der einen Seite unseres Würfels eine schöne Lichtreflexion erzeugen. Wählen Sie das Ellipsenwerkzeug (L) im Werkzeugfenster aus und erstellen Sie eine Ellipse.


Schritt 58

Duplizieren (Strg / Befehl + C, Strg / Befehl + F) das abgerundete Rechteck unter der gelben Ellipse. Wählen Sie die gerade erstellte Kopie und das gelbe Rechteck aus, und klicken Sie im Bereich Pathfinder auf die Schaltfläche Intersect.


Schritt 59

Wir werden einen dunklen linearen Gradienten anwenden.


Schritt 60

Setzen Sie im Transparenzfenster den Mischmodus auf Bildschirm. Stellen Sie sicher, dass die Schnittform unter den Ellipsen platziert ist, die Löcher darstellen. Da wir viele verschiedene Formen haben, können Sie dies am besten im Ebenenfenster tun. Stellen Sie einfach sicher, dass Sie unser Spiegelbild unter Ellipsen platzieren.


Schritt 61

Jetzt müssen wir einen schönen Schatten erstellen, der zu unserer Lichtquelle passt. Wie Sie sehen können, kommt das Licht von der oberen vorderen Position (Betrachterposition). Das bedeutet, dass der Schatten hinter dem Würfel sein sollte.

Nehmen Sie das Stiftwerkzeug (P) aus der Werkzeugleiste und zeichnen Sie das Rechteck wie in der Abbildung unten gezeigt.


Schritt 62

Wählen Sie unter dem Objekt Pfad> Versatzpfad aus. Setzen Sie den Wert für Offset auf -20 Pixel und drücken Sie die OK-Taste.


Schritt 63

Passen Sie die Position der neuen Form etwas an. Sie können auch das Direktauswahl-Werkzeug (A) verwenden, um die Position der Ankerpunkte anzupassen. Sie sollten mit so etwas enden.


Schritt 64

Setzen Sie die Füllfarbe der großen Form auf Weiß (#FFFFFF) und die Füllfarbe der kleineren Form auf # D1D3D4. Wählen Sie beide Formen aus und wählen Sie unter "Objekt" die Option "Überblenden". Dadurch wird ein schöner Übergang zwischen weißer und grauer Farbe geschaffen.


Schritt 65

Stellen Sie sicher, dass sich der Schatten unter dem Würfel befindet (Umschalt + Strg / Befehlstaste + [)..


Schritt 66

Verwenden Sie genau dieselbe Technik, um den Schatten für die rechte Seite unseres Würfels zu erzeugen. Und wir sind fertig!


Fazit

Heute hatten wir die Gelegenheit, einen einzigartigen 3D-Würfel zu erstellen. Wir haben gelernt, die Perspektive zu respektieren, um ein schönes halbrealistisches Aussehen des Würfels zu erreichen. Außerdem haben wir einen kleinen Trick gelernt, wie man eine einfache Ellipse in ein Loch verwandelt. Manchmal gibt es einige verschiedene Techniken, mit denen Sie eine bestimmte Illustration erstellen können. Das Wichtigste ist, das Richtige für Sie zu finden. Eine Technik, die nicht zu kompliziert ist und Ihnen eine saubere Vektordatei bereitstellt, die zum Drucken oder für das Web-Publishing bereit ist. Versuchen Sie es weiter und entdecken Sie, es gibt immer Raum für Verbesserungen.

Ich hoffe, dass Ihnen dieses Tutorial so gut gefallen hat, wie ich es erstellt habe. Danke fürs Mitmachen.