Share
In diesem Tutorial zeige ich Ihnen, wie Sie einen interaktiven DVD-Player in Illustrator erstellen. Um das Endergebnis zu erreichen, verwenden wir das Werkzeug "Abgerundetes Rechteck" des Instruments, die Option 3D> Extrudieren und Abschrägen und die Option "Kartendarstellung".
Öffnen Sie ein neues Dokument mit den Abmessungen 900px / 1200px, wählen Sie das abgerundete Rechteckwerkzeug aus und erstellen Sie ein Rechteck mit den Abmessungen: Breite: 639px, Höhe: 939px, Eckenradius: 40px.
Erstellen Sie ein anderes Rechteck mit Abmessungen: Breite: 520px, Höhe: 66px, Eckenradius: 40px im oberen Teil des ersten Rechtecks in der folgenden Position:
Wählen Sie nun beide zuvor erstellten Rechtecke aus, öffnen Sie das Pathfinder-Fenster, indem Sie zu Fenster> Pathfinder (Umschalt + Befehl + F9) gehen und auf die Schaltfläche Minus Front klicken.
Wählen Sie das Rechteckwerkzeug (M) aus, erstellen Sie ein Rechteck mit Abmessungen: 563px / 390px und füllen Sie den linearen Farbverlauf, indem Sie zu Fenster> Farbfeld-Bibliotheken> Farbverläufe> Metalle gehen und den silbernen Farbverlauf auswählen.
Wenn das zuletzt erstellte Rechteck noch ausgewählt ist, gehen Sie zu Objekt> Pfad> Versatzpfad, wählen Sie Versatz: -4px aus, klicken Sie auf OK und füllen Sie das neu erstellte Rechteck mit einem linearen Farbverlauf von grau bis dunkelgrau.
Wählen Sie nun das Stiftwerkzeug (P) und zeichnen Sie eine Linie unter dem zuletzt erstellten Rechteck und auch im linken Teil. Deaktivieren Sie die Füllfarbe und wenden Sie die Strichfarbe an: Schwarz und Gewicht: 5px.
Wählen Sie das Rechteckwerkzeug (M) und erstellen Sie ein Rechteck unter der DVD-Anzeige mit der gleichen Breite wie das Rechteck aus Schritt 1. Füllen Sie Schwarz aus, erstellen Sie einen Kreis mit Abmessungen: 130px / 130px, positionieren Sie ihn auf der rechten Seite des vorherigen Rechtecks.
Wählen Sie das Rechteck und den Kreis aus, öffnen Sie das Pathfinder-Bedienfeld und klicken Sie auf die Schaltfläche Zum Formbereich hinzufügen.
Wenn die in Schritt 8 erstellte Form noch ausgewählt ist, gehen Sie zu Objekt> Pfad> Versatzpfad. Legen Sie im Fenster Offset: -2px fest, drücken Sie OK und ändern Sie die Füllfarbe in R = 51 G = 51 B = 51.
Wähle das Ellipse-Werkzeug (L) und erstelle einen Kreis über der zuletzt erstellten Form auf der rechten Seite, die nach dem Anwenden des Versatzes angezeigt wurde. Fülle mit Weiß.
Gehen Sie bei ausgewähltem Kreis zu Objekt> Pfad> Versatzpfad, und legen Sie Versatz: -1px fest. Klicken Sie auf OK und füllen Sie die Option Linearer Farbverlauf - Fenster> Farbfeldbibliotheken> Farbverläufe> Metalle, und wählen Sie den Chrome-Farbverlauf aus. Gleich danach gehen Sie zu Effekt> Unschärfe> Radiale Unschärfe, setzen Sie Amount: 100, Unschärfe-Methode: Drehen, Qualität: Gut und klicken Sie auf OK.
Gehen Sie zu dem Kreis, den Sie für Radiale Unschärfe angewendet haben, und klicken Sie auf Objekt> Pfad> Versatzpfad. Legen Sie im neuen Eröffnungsfenster Versatz: -20px fest und klicken Sie auf OK.
Wenn der Kreis weiterhin ausgewählt ist, öffnen Sie das Erscheinungsbildfenster, indem Sie zu Fenster> Darstellung (Umschalt + F6) gehen. Löschen Sie den Effekt Radiale Unschärfe, indem Sie ihn mit der Maus auswählen und in die Bin ziehen und den linearen Verlauf wie in der Abbildung gezeigt füllen unten.
Gehen Sie bei ausgewähltem Kreis zu Objekt> Pfad> Versatzpfad, legen Sie Versatz: -4px fest, klicken Sie auf OK und ändern Sie die Füllfarbe in Schwarz.
Wählen Sie das abgerundete Rechteckwerkzeug aus und erstellen Sie eine Ellipse mit Abmessungen - Breite: 30px Höhe: 15px Eckenradius: 40 px. Füllen Sie mit Schwarz und bewegen Sie die Ellipse wie in der Abbildung unten gezeigt in Position.
Gehen Sie bei ausgewählter Ellipse zu Objekt> Pfad> Versatzpfad, und legen Sie im neuen Fenster den Versatz: -2px fest. Klicken Sie auf OK und füllen Sie die neu erstellte Ellipse mit einem linearen Farbverlauf, der die Farben von Grau bis Schwarz enthält. Verschieben Sie die Ellipse dann um einige Pixel nach unten und nach links.
Wählen Sie die letzten beiden Ellipsen aus und gruppieren Sie sie. Wählen Sie dazu beide Ellipsen aus und gehen Sie zu Objekt> Gruppe (Befehl + G). Gehen Sie nach Auswahl der beiden Ellipsen zu Effekt> Verzerren und Transformieren> Transformieren. Legen Sie im neuen Fenster Copies: 9, Move: Horizontal 45px fest. Aktivieren Sie die Vorschau, um das Endergebnis anzuzeigen. Wenn Sie damit zufrieden sind, klicken Sie auf OK.
Wähle das Ellipse-Werkzeug (L) und erstelle einen Kreis mit Abmessungen: 12px / 12px unter den Formen aus Schritt 17 und fülle mit Farbe R = 128, G = 128, B = 128.
Wenn der Kreis weiterhin ausgewählt ist, gehen Sie zu Effekt> Verzerren und Transformieren> Transformieren. Wählen Sie im neuen Dialogfenster die folgenden Einstellungen: Kopien: 35 Horizontal: 16px, und klicken Sie auf OK.
Wechseln Sie zu den neu erstellten Kreisen, und wählen Sie Effekt> Verzerren und Transformieren> Transform. Wählen Sie im neuen Fenster die folgenden Einstellungen: Kopien: 3 Vertical: -16. Klicken Sie auf OK und wechseln Sie direkt zu Objekt> Aussehen erweitern.
Kopieren Sie die Kreise von Schritt 20 mit Befehlstaste + C gefolgt von Befehlstaste + F, ändern Sie die Füllfarbe in Schwarz und verschieben Sie die Kopien ein wenig nach unten und etwas nach links, wie in der Abbildung unten gezeigt.
Wählen Sie das abgerundete Rechteckwerkzeug aus und erstellen Sie ein Rechteck mit den Abmessungen: 570px / 30px und Eckenradius: 40px. Fülle mit Schwarz.
Wechseln Sie zu der zuletzt erstellten Form noch zu Objekt> Pfad> Versatzpfad, und legen Sie im neuen Fenster Versatz: -2px fest, und klicken Sie auf OK. Ändern Sie danach die Füllfarbe in Grau und verschieben Sie die neu erstellte Form um ein wenig nach oben und nach rechts.
Wählen Sie alle Formen mit Ausnahme der Form aus Schritt 2 aus und gruppieren Sie sie unter Objekt> Gruppe (Befehl + G)..
Wählen Sie die Gruppe aus, die Sie gerade erstellt haben, öffnen Sie das Symbolfenster (Umschalt + Befehl + F11), und ziehen Sie die Formen in das Symbolfenster. Dadurch wird ein neues Symbol erstellt, das in den nächsten Schritten verwendet wird.
Wählen Sie nun die Form aus Schritt 2 aus und gehen Sie zu Effekt> 3D> Extrusion & Abschrägung. Wählen Sie im neuen Fenster die folgenden Einstellungen: Rotation um die X-Achse angeben: -26, Rotation um die Y-Achse angeben: 30, Rotation um die X-Achse angeben Z-Achse: -35, Perspektive: 45, Extrudiertiefe: 100pt.
Aktivieren Sie die Vorschau, um die Perspektive anzuzeigen, und klicken Sie auf die Schaltfläche Map-Art. Wählen Sie im neuen Fenster das Symbol aus, das Sie im vorherigen Schritt erstellt haben, und klicken Sie auf OK.
Wenn der Spieler noch ausgewählt ist, gehen Sie zu Objekt> Darstellung erweitern, heben Sie die Gruppierung auf, indem Sie zu Objekt> Gruppierung aufheben (Umschalt + Befehl + G) und die Seitenformen des Players auswählen. Öffnen Sie das Pathfinder-Bedienfeld (Umschalt + Befehl + F9). Klicken Sie auf die Schaltfläche Zum Formbereich hinzufügen, und füllen Sie den linearen Farbverlauf wie in der Abbildung unten gezeigt.
Wählen Sie die Formen wie auf dem Bild unten gezeigt aus, öffnen Sie das Pathfinder-Bedienfeld (Umschalt + Befehl + F9), klicken Sie auf die Schaltfläche Zum Formbereich hinzufügen und füllen Sie den linearen Farbverlauf wie unten gezeigt.
Wählen Sie die Hauptform des Players mit dem Direktauswahl-Werkzeug (A) und füllen Sie den linearen Farbverlauf.
Kopieren Sie die Form, die Sie mit dem linearen Farbverlauf aus dem vorherigen Schritt gefüllt haben, mit Befehl + C und positionieren Sie sie auf Befehl + F.
Gehen Sie mit der Form, die Sie über den anderen ausgewählt haben, zu Objekt> Pfad> Versatzpfad, und legen Sie im neuen Fenster Versatz: -4px fest, und klicken Sie auf OK. Auf diese Weise werden wir die Form in einer kleineren Größe duplizieren. Gehen Sie bei ausgewählter kleinerer Form zu Objekt> Pfad> Versatzpfad, und legen Sie im neuen Fenster Versatz: -4px fest, und klicken Sie auf OK.
Jetzt haben wir zwei Duplikate. Sie können den Pfad der Vorlage löschen. Wählen Sie die größere Form aus und verschieben Sie sie über die kleinere Form, indem Sie zu Objekt> Anordnen> Nach vorne bringen. Deaktivieren Sie die Füllfarbe und wenden Sie die Strichfarbe mit dem Gewicht 8x an. Die Farbe ist nicht wichtig, da wir die Form mit linearem Farbverlauf füllen.
Wechseln Sie mit der Form, für die Sie die Strichfarbe angewendet haben, zu Objekt> Pfad> Konturlinienumriss, und füllen Sie sie mit Linearer Farbverlauf.
Wählen Sie nun die Kopie aus, die unter der vorherigen Form verblieben ist. Deaktivieren Sie die Füllfarbe und wenden Sie die Strichfarbe schwarz und das Gewicht an: 5px.
Wählen Sie die Formen des Players aus und gruppieren Sie sie, indem Sie alle Formen auswählen und zu Objekt> Gruppe gehen.
Wählen Sie das abgerundete Rechteckwerkzeug aus und erstellen Sie ein Rechteck mit den Abmessungen: 400px / 700px; Eckenradius: 40px. In den nächsten Schritten wenden wir einen 3D-Effekt auf das Rechteck an, das wir erstellt haben, aber vorher müssen wir das Symbol erstellen, auf das wir es anwenden.
Wähle das Ellipse-Werkzeug (L) aus und erstelle einen Kreis mit den Abmessungen 25px / 25px. Füllen Sie den linearen Farbverlauf, indem Sie zu Fenster> Farbfeldbibliotheken> Farbverläufe> Metalle gehen und den silbernen Farbverlauf auswählen.
Gehen Sie bei ausgewähltem Kreis zu Objekt> Pfad> Versatzpfad und legen Sie im neuen Fenster Versatz: -2px fest. Klicken Sie auf OK und ändern Sie die Farbe in Schwarz.
Wenn der schwarze Kreis weiterhin ausgewählt ist, gehen Sie zu Objekt> Pfad> Versatzpfad und legen Sie im neuen Fenster Versatz: -2 px fest. Klicken Sie auf OK und füllen Sie den linearen Farbverlauf mit Farben von Weiß bis Schwarz. Reduzieren Sie die Deckkraft auf 60%, wie in der Abbildung unten gezeigt.
Erstellen Sie weitere Formen mit derselben Technik. Öffnen Sie die Symbolleiste, indem Sie auf Fenster> Symbole (Umschalt + Befehlstaste + F11) gehen und die Formen in die Symbolleiste ziehen.
Wählen Sie das Rechteck aus Schritt 35 aus, gehen Sie zu Effekt> 3D> Extrusion & Abschrägung und wählen Sie die folgenden Einstellungen: Rotation um die X-Achse angeben: -26, Rotation um die Y-Achse angeben: 40, Rotation um die Z-Achse angeben: -35 , Perspektive: 45, Extrudiertiefe: 100pt. Aktivieren Sie die Vorschau, um die Perspektive anzuzeigen, und klicken Sie auf die Schaltfläche Map-Art. Wählen Sie im neuen Fenster das Symbol aus, das Sie im vorherigen Schritt erstellt haben, und klicken Sie auf OK.
Bewegen Sie die neu erstellte Form, auf die Sie den 3D-Effekt angewendet haben, hinter dem Player, indem Sie auf Objekt> Anordnen> Nach hinten verschieben klicken und die Form wie in der Abbildung unten positionieren.
Fahren Sie fort, die Teile des Players zu erstellen. Wähle das Rechteckwerkzeug (M) aus und erstelle ein Rechteck mit den Abmessungen: 345px / 610px. Erstellen Sie ein weiteres Rechteck mit Abmessungen: 210px / 330px. Positionieren Sie es über dem vorherigen, öffnen Sie das Pathfinder Panel und klicken Sie auf die Schaltfläche Minus Front.
Wählen Sie das abgerundete Rechteckwerkzeug aus und erstellen Sie ein Rechteck mit Abmessungen: 300px / 196px, Round Corners: 40px. Erstellen Sie dann ein weiteres breiteres Rechteck und positionieren Sie es im oberen Teil des vorherigen. Wählen Sie beide Rechtecke aus, öffnen Sie das Pathfinder-Bedienfeld und klicken Sie auf die Schaltfläche Minus Front. Schauen Sie sich das Bild unten als Referenz an.
Wählen Sie nun die Form aus Schritt 42 aus und gehen Sie zu Effekt> 3D> Extrusion & Abschrägung. Nehmen Sie im neuen Fenster die folgenden Einstellungen vor: Rotation um die X-Achse angeben: -69, Rotation um die Y-Achse angeben: 47, Rotation um die X-Achse angeben Z-Achse: -26, Perspektive: 0, Extrudiertiefe: 25pt und klicken Sie auf OK.
Wählen Sie die kleinere Form aus und gehen Sie zu Effekt> 3D> Extrusion & Abschrägung. Wählen Sie im neuen Fenster die folgenden Einstellungen: Rotation um die X-Achse angeben: -3, Rotation um die Y-Achse angeben: 41, Rotation um die Z-Achse angeben: -26, Perspektive: 0, Extrudiertiefe: 25pt Klicken Sie auf OK und verschieben Sie die Form hinter der vorherigen in eine Position wie unten gezeigt.
Wählen Sie nun die letzten beiden Formen aus und gehen Sie zu Objekt> Aussehen erweitern.
Wählen Sie das Direktauswahl-Werkzeug (A), halten Sie die Umschalttaste gedrückt, klicken Sie auf die rechte Seite der Form, öffnen Sie das Pathfinder-Bedienfeld, klicken Sie auf die Schaltfläche Zum Formbereich hinzufügen und wählen Sie Objekt> Anordnen> In den Vordergrund. Danach füllen Sie den linearen Farbverlauf wie in der Abbildung unten gezeigt.
Füllen Sie die Formen weiterhin mit Farbverlauf. Klicken Sie dazu mit dem Direktauswahl-Werkzeug (A) auf die Form, die Sie ausfüllen möchten, und wechseln Sie zum Verlaufsbereich.
Senden Sie die letzte Form hinter alle anderen, indem Sie zu Objekt> Anordnen> Nach hinten verschieben (Umschalt + Befehlstaste + [) gehen und sie wie gezeigt positionieren.
Nun ist es Zeit, eine Platte zu erstellen. Ein gutes Tutorial zu diesem Thema ist das Erstellen einer Vektor-CD. Nachdem Sie den Datenträger erstellt haben, wählen Sie alle Formen des Datenträgers aus und gehen Sie zu Effekt> 3D> Drehen. Wählen Sie im neuen Fenster die folgenden Einstellungen: Rotation um die X-Achse angeben: -32, Rotation um die Y-Achse angeben: Klicken Sie auf OK und positionieren Sie die Festplatte zwischen dem Player und der danach erstellten Form.
Wählen Sie das abgerundete Rechteckwerkzeug aus und erstellen Sie ein Rechteck mit den Abmessungen: 20px / 340px und Eckenradius: 40px mit schwarzer Farbe und weißer Strichfarbe, Gewicht: 5px. Drehen Sie die Form und positionieren Sie sie unter dem Datenträger. Sie sollte der Abbildung unten ähnlich aussehen.
Um Ihre Illustration zu beenden, können Sie einen Schattenhintergrund auf die gewünschte Weise hinzufügen.
Accentsconagua