So verwenden Sie das Perspektivenraster, um ein modernes Fernsehgerät zu erstellen

In diesem Tutorial lernen Sie, wie Sie auf einem Stand Ihren eigenen modernen Fernseher erstellen. Anhand des Perspektivenrasters in Illustrator CS5 lernen Sie, wie Sie schnell eine Produktillustration mit perfekter Perspektive erstellen.


Schritt 1

Öffnen Sie ein neues Dokument mit der gewünschten Größe. Ich habe 600 x 600 px verwendet. Klicken Sie auf das Werkzeug "Perspektivenraster" (Umschalttaste + P). Standardmäßig sehen Sie [2P Normal-View], aber wir benötigen [1P Normal-View]. Gehen Sie dazu zu Ansicht> Perspektivenraster> Einpunktperspektive> [1P Normal-Ansicht] und korrigieren Sie die Perspektive mit dem Perspektivenraster wie in Abbildung 1.1 unten gezeigt.


Schritt 2

Erstellen Sie mit dem Rechteckwerkzeug (M) ein Rechteck, wie in der Abbildung unten gezeigt, und füllen Sie es mit linearen Verlaufsfarben braun bis dunkelbraun.


Schritt 3

Wenn die Form aus dem vorherigen Schritt ausgewählt ist, kopieren Sie sie mit Strg + C, gefolgt von Strg + F, ändern Sie die Farben des Verlaufs in R: 255 G: 228 B: 140 bis R: 229 G: 178 B: 0 und ändern Sie den Mischmodus von normal zu multiplizieren.


Schritt 4

Erstellen Sie mit dem Zeichenstift-Werkzeug (P) eine Form auf der linken Seite der vorherigen Formen und füllen Sie sie mit einem linearen Farbverlauf mit den Farben R: 66 G: 33 B: 11 bis R: 83 G: 71 B: 65, siehe Bild unten.


Schritt 5

Erstellen Sie mit dem Rechteckwerkzeug (M) ein Rechteck über den vorherigen Formen an einer Position (siehe Abbildung unten) und füllen Sie den linearen Verlauf. Öffnen Sie dazu das Verlaufsfeld. Sie benötigen 3 Farbverlaufsregler. Für die erste von links nach rechts setzen Sie die Farbe R: 167 G: 177 B: 177, für die zweite R: 215 G: 222 B: 255, Position: 50% und für den dritten Gradientenregler R: 239 G: 238 B: 246.


Schritt 6

Kopieren Sie die Form aus dem vorherigen Schritt mit Strg + C gefolgt von Strg + F, wählen Sie das Stiftwerkzeug (P), erstellen Sie eine Form über der Kopie (siehe Abbildung). Wählen Sie dann die Kopie und die Form aus, die Sie gerade erstellt haben, und öffnen Sie das Pathfinder-Bedienfeld Klicken Sie auf die Schaltfläche Minus Front, ändern Sie die Farbe in Weiß und verringern Sie die Deckkraft auf 60%..


Schritt 7

Wählen Sie das Rechteckwerkzeug (M), erstellen Sie ein Rechteck über den vorherigen Formen an einer Position (siehe Abbildung unten) und füllen Sie die Form mit linearem Farbverlauf. Öffnen Sie dazu das Verlaufsfeld. Sie benötigen drei Farbverlaufsregler. Für die erste von links nach rechts setzen Sie die Farbe R: 167 G: 177 B: 177, für die zweite R: 215 G: 222 B: 255 und für den dritten Farbverlaufsregler Schwarz.


Schritt 8

Wechseln Sie zu der zuletzt ausgewählten Form noch zu Objekt> Pfad> Versatzpfad, legen Sie Offset: -1px fest, klicken Sie auf OK und füllen Sie die neue Form mit R: 116 G: 143 B: 155.


Schritt 9

Kopieren Sie die Form, die nach dem Anwenden des Versatzes aus dem vorherigen Schritt angezeigt wurde, mit Strg + C gefolgt von Strg + F und dem Stiftwerkzeug (P). Erstellen Sie eine Form über der Kopie, wie in der Abbildung unten gezeigt. Öffnen Sie das Pathfinder-Fenster, klicken Sie auf die Schaltfläche Minus Front und füllen Sie die Form mit Linearer Verlauf. Sie benötigen zwei Verlaufsregler für jeden Regler, wählen Sie Weiß aus und reduzieren Sie die Deckkraft für den zweiten Verlaufsregler auf 0%.


Schritt 10

Erstellen Sie mit dem Zeichenstift-Werkzeug (P) eine Form auf der linken Seite der vorherigen Formen, wie in der folgenden Abbildung gezeigt, und füllen Sie R: 66 G: 33 B: 11.


Schritt 11

Erstellen Sie eine weitere schwarze Form unter allen anderen Formen des Fernsehgeräts und gehen Sie zu Effekt> Weichzeichnen> Gaußsche Weichzeichnung, stellen Sie den Radius auf: 15px und klicken Sie auf OK.


Schritt 12

Wählen Sie das Rechteckwerkzeug (M) aus, erstellen Sie ein Rechteck mit schwarzer Farbe (siehe Abbildung unten), und senden Sie es hinter alle anderen, indem Sie zu Objekt> Anordnen> Nach hinten verschieben gehen.


Schritt 13

Erstellen Sie mit dem Zeichenstift-Werkzeug (P) eine Form auf der linken Seite der Form aus dem vorherigen Schritt, wie in der Abbildung unten gezeigt, und füllen Sie sie mit linearen Farbverläufen R: 66 G: 33 B: 11 bis R: 83 G: 71 B: 65. Jetzt können Sie das "Netz" entfernen, da wir es in den nächsten Schritten nicht benötigen.


Schritt 14

Erstellen Sie wieder mit dem Zeichenstift-Werkzeug (P) Formen in der in der Abbildung unten gezeigten Position und füllen Sie sie mit R: 83 G: 41 B: 25.


Schritt 15

Erstellen Sie mit dem Rechteckwerkzeug (M) ein Rechteck an einer Position, wie in der folgenden Abbildung gezeigt. Gehen Sie dann zu Objekt> Transformieren> Scherung, geben Sie die folgenden Einstellungen ein: Scherwinkel: -25 Grad, wählen Sie Vertikal aus und füllen Sie die Form mit Linear Verlauf durch Öffnen des Verlaufsfensters. Wir benötigen drei Farbverlaufsregler. Für das erste Set setzen Sie die Farbe R: 215 G: 222 B: 225, für das zweite R: 167 G: 177 B: 177 und für den dritten Farbverlaufsregler dieselbe Farbe ein, die Sie für das erste festgelegt haben.


Schritt 16

Fügen Sie mit dem Zeichenstift-Werkzeug (P) eine Form auf der rechten Seite der vorherigen Form hinzu, füllen Sie sie mit Farbe R: 128 G: 128 B: 128, gruppieren Sie beide Formen, indem Sie auf Objekt> Gruppe gehen und sie hinter alle anderen setzen Gehen Sie zu Objekt> Anordnen> Nach hinten verschieben.


Schritt 17

Erstellen Sie mit dem Ellipsen-Werkzeug (L) eine Ellipse unter allen anderen an einer Position, wie in der folgenden Abbildung gezeigt, drehen Sie die Ellipse in Winkel: 20 Grad und füllen Sie sie mit den linearen Farbverläufen R: 112 G: 120 B: 120 bis R : 215 G: 222 B: 225.


Schritt 18

Kopieren Sie die Ellipse aus dem vorherigen Schritt mit Strg + C, positionieren Sie sie hinter dem Original, drücken Sie Strg + B, verschieben Sie die Kopie um einige Pixel nach oben, öffnen Sie das Verlaufsfeld, wenn Sie es geschlossen haben, und ändern Sie die folgenden Einstellungen: Typ: Radial Für den ersten Farbverlaufsregler stellen Sie die Farbe R: 166 G: 172 B: 174 bis R: 136 G: 145 B: 145 ein


Schritt 19

Erstellen Sie eine schwarze Ellipse über den beiden anderen, die Sie zuvor erstellt haben. Gehen Sie zu Effekt> Weichzeichnen> Gaußsche Weichzeichnung, legen Sie Radius: 6px fest und klicken Sie auf OK. Erstellen Sie dann mit dem Zeichenstift-Werkzeug (P) eine Form, wie in der Abbildung unten gezeigt, und deaktivieren Sie sie Füllen Sie die Füllfarbe und wenden Sie den Verjüngungsstrich mit der Farbe R: 102 G: 102 B: 102 an. Gewicht: 0,2px


Schritt 20

Erstellen Sie mit dem Zeichenstift-Werkzeug (P) eine Form an einer Position, wie in der Abbildung unten gezeigt, und füllen Sie die Farben für den linearen Farbverlauf R: 64 G: 27 B: 36 bis R: 136 G: 27 B: 36, Position: 50%.


Schritt 21

Kopieren Sie die Form aus dem vorherigen Schritt mit Strg + C, positionieren Sie sie hinter dem Original, klicken Sie auf Strg + B, verschieben Sie die Kopie um einige Pixel nach unten, ändern Sie die Farbe in Schwarz und wechseln Sie in der neuen Öffnung zu Objekt> Überblenden> Überblendoptionen Wählen Sie im Fenster Abstand: Angegeben, Schritte: 10, klicken Sie auf OK und direkt danach auf Objekt> Überblenden> Erstellen.


Schritt 22

Erstellen Sie auf dieselbe Weise eine andere Form mit der Farbe R: 136 G: 27 B: 36 auf der anderen Seite, wie in der Abbildung unten gezeigt, und verschieben Sie die Formen unter der Gruppe aus Schritt 16.


Schritt 23

Wir arbeiten weiter mit dem Stiftwerkzeug (P). Erstellen Sie eine Form mit der Farbe R: 136 G: 27 B: 36 über allen anderen. Wiederholen Sie die gleichen Aktionen wie in Schritt 21 und Schritt 22. Gehen Sie dann zu Objekt> Erweitern, und sehen Sie sich das Bild unten an.


Schritt 24

Wählen Sie nun die Gruppe aus Schritt 16 aus, kopieren Sie sie mit Strg + C, gefolgt von Strg + F, verschieben Sie die Kopie über alle anderen, indem Sie zu Objekt> Anordnen> In den Vordergrund gehen. Kopieren Sie dann die oberste Form in der Gruppe, die im angezeigt wurde Wenn Sie den vorherigen Schritt nach dem Anwenden von "Erweitern" mit "Control + C" gefolgt von "Control + F" angewendet haben, verschieben Sie die Kopie über alle anderen. Wählen Sie nun die beiden Formen aus, die Sie über alle anderen Formen verschoben haben. Gehen Sie zu Objekt> Schnittmaske> Erstellen, und verringern Sie die Deckkraft auf 30%..


Schritt 25

Erstellen Sie eine schwarze Form in der in der folgenden Abbildung gezeigten Position. Gehen Sie zu Effekt> Weichzeichnen> Gaußsche Weichzeichnung, legen Sie Radius: 7px fest, klicken Sie auf OK und verringern Sie die Deckkraft: 30%..


Schritt 26

Kopieren Sie die Gruppe erneut aus Schritt 16 mit Strg + C gefolgt von Strg + F, verschieben Sie die Kopie nach unten, ändern Sie die Farbe in Schwarz, wenden Sie Gaußsche Weichzeichnung mit Radius: 20px an, kopieren Sie dann die Ellipse aus Schritt 17 und verschieben Sie sie über Form, auf die Sie Gaußsche Unschärfe angewendet haben. Wählen Sie beide Formen aus, gehen Sie zu Objekt> Schnittmaske> Erstellen und reduzieren Sie die Deckkraft: 35%.


Schritt 27

Jetzt ist es an der Zeit, den Tuner herzustellen. Erstellen Sie mit dem Rechteckwerkzeug (M) ein Rechteck mit Abmessungen von 90 x 60 Pixel mit 2 Pixel abgerundeten Ecken.


Schritt 28

Jetzt wenden wir den 3D-Effekt auf den Tuner an. Wählen Sie dazu das Rechteck aus, das Sie im vorherigen Schritt erstellt haben, und gehen Sie zu Extrude> 3D> Extrude & Abschrägung. Geben Sie im neuen Öffnungsfenster die folgenden Einstellungen ein: Geben Sie die Drehung um die X-Achse an: 59, Geben Sie die Drehung um die Y-Achse an: -43, Geben Sie die Drehung um die Z-Achse an: 22, Perspektive: 83, Extrusionstiefe: 10, klicken Sie auf OK und Positionieren Sie den Tuner wie in der Abbildung unten gezeigt, und fügen Sie die Tasten auf die gewünschte Weise hinzu.


Schritt 29

Gruppieren Sie alle Formen des Tuners, kopieren Sie die Gruppe mit Strg + C gefolgt von Strg + B, verschieben Sie die Kopie um einige Pixel nach unten und verringern Sie die Deckkraft auf 30%. Auf diese Weise erstellen Sie eine Reflektion für den Tuner.


Fazit

Am Ende können Sie Bücher auf dieselbe Weise erstellen, wie Sie den Tuner erstellt haben. Dann können Sie Reflexion, Schatten und alles hinzufügen, was Sie möchten. Hier ist das Endergebnis.