Erstellen Sie eine semi-realistische Laptop-Illustration

Im folgenden Tutorial erfahren Sie, wie Sie eine halbrealistische Laptopillustration erstellen. Sie lernen, wie Sie Farbverläufe, das Erscheinungsbildfeld und Ihr eigenes Bild verwenden, um dieses großartig aussehende Bild zu erstellen, das sich perfekt für technische Illustrationen und Symbole eignet. Lass uns anfangen!


Schritt 1

Drücken Sie die Befehlstaste + N, um ein neues Dokument zu erstellen. Geben Sie 600 in das Feld Breite und Höhe ein, und klicken Sie auf die Schaltfläche Erweitert. Wählen Sie RGB, Bildschirm (72ppi) und vergewissern Sie sich, dass das Kontrollkästchen "Neue Objekte am Pixelraster ausrichten" deaktiviert ist, bevor Sie auf OK klicken. Aktivieren Sie das Raster (Ansicht> Raster anzeigen) und die Option Am Raster ausrichten (Ansicht> Am Raster ausrichten). Als Nächstes benötigen Sie alle 5 Pixel ein Raster. Gehen Sie zu Bearbeiten> Voreinstellungen> Hilfslinien> Raster, geben Sie jeweils 5 in das Feld Rasterlinie und 1 in das Feld Unterteilungen ein.

Sie können auch das Infofenster (Fenster> Info) für eine Live-Vorschau mit der Größe und Position Ihrer Formen öffnen. Vergessen Sie nicht, die Maßeinheit unter Bearbeiten> Voreinstellungen> Einheit> Allgemein in Pixel zu ersetzen. Alle diese Optionen erhöhen die Arbeitsgeschwindigkeit erheblich.



Schritt 2

Wähle das Rechteckwerkzeug (M) aus, erstelle eine 575 x 110px-Form, fülle sie mit dem unten gezeigten linearen Farbverlauf und wechsle zum Direktauswahl-Werkzeug (A). Wählen Sie den unteren, linken Ankerpunkt aus und verschieben Sie ihn um 75 Pixel nach rechts. Wählen Sie dann den unteren und rechten Ankerpunkt aus und verschieben Sie ihn um 75 Pixel nach links. Am Ende sollte Ihr Vektorpfad wie ein Trapez aussehen.



Schritt 3

Als Nächstes benötigen Sie das Round Any Corner-Skript. Sie finden es in den Vectortuts + -Artikeln 20 Kostenlose und nützliche Adobe Illustrator-Skripts. Speichern Sie es auf Ihrer Festplatte, kehren Sie zu Illustrator zurück, greifen Sie auf das Direktauswahl-Werkzeug (A) und konzentrieren Sie sich auf den im vorherigen Schritt erstellten Vektorpfad. Wählen Sie die obersten Ankerpunkte (im ersten Bild hervorgehoben) und gehen Sie zu Datei> Skripts> Anderes Skript. Öffnen Sie das Round Any Corner-Skript, geben Sie einen 20px-Radius ein und klicken Sie auf OK. Fahren Sie mit dem Direktauswahl-Werkzeug (A) fort, wählen Sie die unteren Ankerpunkte aus und gehen Sie erneut zu Datei> Skripts> Anderes Skript. Öffnen Sie das Round Any Corner-Skript, geben Sie einen Radius von 5 Punkten ein und klicken Sie auf OK. Am Ende sollte Ihre Form wie im dritten Bild aussehen.



Schritt 4

Deaktivieren Sie "An Raster ausrichten" ("Ansicht"> "An Raster ausrichten"), gehen Sie zu Bearbeiten> Voreinstellungen> Allgemein und stellen Sie sicher, dass das Keyboard-Increment auf 1px eingestellt ist. Wählen Sie den im vorherigen Schritt erstellten Vektorpfad erneut aus und erstellen Sie zwei Kopien (Strg + C> Strg + F> Strg + F). Wählen Sie die oberste Kopie aus, füllen Sie sie mit Weiß, bewegen Sie sie mit dem Abwärtspfeil auf Ihrer Tastatur um 3 Pixel nach unten und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie einen -2px-Offset ein und klicken Sie auf OK.

Behalten Sie die resultierende Form bei und löschen Sie die ursprüngliche weiße Form. Wählen Sie die verbleibende weiße Form zusammen mit der anderen am Anfang des Schrittes erstellten Kopie aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit dem unten gezeigten linearen Farbverlauf. Die weißen Zahlen aus dem Verlaufsbild stehen für den prozentualen Standort.



Schritt 5

Wählen Sie die dunkle Form zusammen mit der im vorherigen Schritt erstellten Form erneut aus und erstellen Sie eine Kopie vor (Control + C> Control + F). Wählen Sie die Kopie des dunklen Vektorpfads aus und verschieben Sie ihn mit dem Abwärtspfeil auf der Tastatur um 4 Pixel nach unten. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Schnittmenge". Füllen Sie die resultierende Form mit R = 100 G = 100 B = 100.



Schritt 6

Wählen Sie die dunkle Form zusammen mit der im vierten Schritt erstellten Form erneut aus und erstellen Sie eine Kopie vor (Control + C> Control + F). Wählen Sie die Kopie des dunklen Vektorpfads aus, stellen Sie ihn nach vorne (Umschalt + Strg + Rechte eckige Klammer) und verschieben Sie ihn um 1 Pixel nach unten. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit Weiß und ändern Sie den Mischmodus in Weiches Licht.



Schritt 7

Wählen Sie den dunklen Vektorpfad erneut aus und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie einen -3px-Offset ein und klicken Sie auf OK. Wählen Sie die resultierende Form aus, verschieben Sie sie 3px nach unten, erstellen Sie eine Kopie (Control + C> Control + F) und bewegen Sie sie 1px nach unten. Wählen Sie beide Formen erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit dem unten gezeigten linearen Farbverlauf und verringern Sie die Deckkraft auf 15%. Die gelben Nullen aus dem Verlaufsbild stehen für den Prozentsatz der Deckkraft.



Schritt 8

Aktivieren Sie die Option An Raster ausrichten (Ansicht> An Raster ausrichten). Wähle das Rechteckwerkzeug (M) aus, erstelle eine 515 x 85px-Form, fülle sie mit Weiß und wechsle zum Direktauswahl-Werkzeug (A). Wählen Sie den unteren, linken Ankerpunkt aus und verschieben Sie ihn um 55px nach rechts. Wählen Sie dann den unteren, rechten Ankerpunkt aus und verschieben Sie ihn um 55px nach links. Am Ende sollte Ihr Vektorpfad wie ein Trapez aussehen. Duplizieren Sie es (Control + C> Control + F). Wählen Sie die Kopie aus und legen Sie den Fokus im Bedienfeld „Erscheinungsbild“ fest. Wählen Sie die Füllung aus, verringern Sie die Deckkraft auf 20%, und ersetzen Sie die flache Farbe durch den unten gezeigten linearen Farbverlauf. Fügen Sie für diese Form einen Strich von 1pt hinzu und setzen Sie die Farbe auf R = 25 G = 25 B = 25.



Schritt 9

Laden Sie dieses Envato-Hintergrundbild (oder ein beliebiges Bild) herunter und ziehen Sie es in Ihre Ai-Datei. Ändern Sie die Größe etwas, ziehen Sie sie unter die im vorherigen Schritt erstellten Formen und klicken Sie einfach auf die Schaltfläche Einbetten in der oberen Leiste. Wählen Sie das weiße Trapez zusammen mit dem Bild erneut aus und gehen Sie zu Objekt> Umschlagverzerrung> Mit oberstem Objekt erstellen. Am Ende sollte Ihr Bild aussehen wie im dritten Bild. Wählen Sie alle bisher erstellten Formen aus und gruppieren Sie sie (Strg + G). Gehen Sie zum Ebenenbedienfeld und benennen Sie diese neue Gruppe "Fall"..



Schritt 10

Wählen Sie das Rechteckwerkzeug (M) aus, erstellen Sie eine 425 x 295px-Form, füllen Sie sie mit R = 202 G = 203 B = 207 und platzieren Sie sie wie in der folgenden Abbildung dargestellt. Wählen Sie diese neue Form aus und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 15 Pixeln ein, klicken Sie auf OK und gehen Sie zu Objekt> Aussehen erweitern.



Schritt 11

Deaktivieren Sie die Option An Raster ausrichten (Ansicht> An Raster ausrichten). Wählen Sie die im vorherigen Schritt erstellte Form erneut aus und erstellen Sie zwei Kopien (Control + C> Control + F> Control + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie 1px nach unten. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit Weiß und ändern Sie den Mischmodus in Weiches Licht.



Schritt 12

Wählen Sie das abgerundete Rechteck aus dem zehnten Schritt erneut aus und erstellen Sie zwei neue Kopien (Control + C> Control + F> Control + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie 1px nach oben. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit R = 202 G = 203 B = 207.



Schritt 13

Wählen Sie das abgerundete Rechteck aus dem zehnten Schritt erneut aus und erstellen Sie zwei neue Kopien (Control + C> Control + F> Control + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie 2px nach oben. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit Weiß und ändern Sie den Mischmodus in Weiches Licht.



Schritt 14

Wählen Sie das abgerundete Rechteck aus dem zehnten Schritt erneut aus, konzentrieren Sie sich auf das Erscheinungsbildbedienfeld und fügen Sie mit der Schaltfläche „Neue Füllung hinzufügen“ eine zweite Füllung hinzu. Wählen Sie es aus, verringern Sie die Deckkraft auf 90% und fügen Sie den unten gezeigten radialen Gradienten hinzu.



Schritt 15

Wählen Sie das abgerundete Rechteck aus dem zehnten Schritt erneut aus, fügen Sie eine dritte Füllung hinzu und ziehen Sie es unter das Erscheinungsbildfenster. Wählen Sie es aus, setzen Sie die Farbe auf Schwarz, verringern Sie die Deckkraft auf 50% und wählen Sie Effekt> Pfad> Versatzpfad. Geben Sie einen -8px-Offset ein, klicken Sie auf OK und gehen Sie zu Effekt> Verzerrung und Transformation> Transformation. Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Effekt> Unschärfe> Gaußsche Unschärfe. Geben Sie einen Radius von 3 Pixeln ein und klicken Sie auf OK. Gruppieren Sie dieses abgerundete Rechteck mit allen Formen, die in den letzten sechs Schritten erstellt wurden. Gehen Sie zum Ebenenbedienfeld und benennen Sie diese neue Gruppe "Körper"..



Schritt 16

Aktivieren Sie die Option An Raster ausrichten (Ansicht> An Raster ausrichten). Wähle das Rechteckwerkzeug (M) aus, erstelle eine 335 x 15px-Form, fülle sie mit dem unten gezeigten linearen Farbverlauf und platziere sie wie im ersten Bild gezeigt. Deaktivieren Sie "An Raster ausrichten" ("Ansicht"> "An Raster ausrichten"), wählen Sie dieses neue Rechteck aus und erstellen Sie zwei Kopien vor (Control + C> Control + F> Control + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie 2px nach unten. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit Schwarz.



Schritt 17

Wählen Sie die im vorherigen Schritt erstellte schwarze Form erneut aus und erstellen Sie zwei Kopien vorne (Strg + C> Strg + F> Strg + F). Wählen Sie die unterste Kopie aus und verschieben Sie sie 1px nach unten. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit R = 40 G = 40 B = 40.



Schritt 18

Wählen Sie das erste im sechzehnten Schritt erstellte Rechteck erneut aus und erstellen Sie zwei Kopien vor (Control + C> Control + F> Control + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie um 3 Pixel nach oben. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit Schwarz. Wählen Sie das erste im sechzehnten Schritt erstellte Rechteck erneut aus und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die Daten ein, die im endgültigen Bild angezeigt werden, und klicken Sie auf OK. Wählen Sie die in diesem Schritt erstellte Form zusammen mit allen in den letzten beiden Schritten erstellten Formen aus und gruppieren Sie sie (Strg + G). Wechseln Sie in das Ebenenfenster und benennen Sie diese neue Gruppe "Connector"..



Schritt 19

Aktivieren Sie die Option An Raster ausrichten (Ansicht> An Raster ausrichten). Wählen Sie das Rechteckwerkzeug (M) aus, erstellen Sie eine 335 x 135px-Form, füllen Sie es mit R = 218 G = 219 B = 222 und platzieren Sie es wie in der folgenden Abbildung dargestellt. Wählen Sie es aus und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 5 Pixeln ein, klicken Sie auf OK und gehen Sie zu Objekt> Aussehen erweitern.



Schritt 20

Deaktivieren Sie die Option An Raster ausrichten (Ansicht> An Raster ausrichten), wählen Sie die im vorherigen Schritt erstellte Form aus und erstellen Sie zwei Kopien vor (Control + C> Control + F> Control + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie 2px nach links. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit dem unten gezeigten linearen Farbverlauf.



Schritt 21

Wählen Sie das im neunzehnten Schritt erstellte abgerundete Rechteck erneut aus und erstellen Sie zwei Kopien vor (Control + C> Control + F> Control + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie um 2 Pixel nach rechts. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit dem unten gezeigten linearen Farbverlauf.



Schritt 22

Wählen Sie das im neunzehnten Schritt erstellte abgerundete Rechteck erneut aus und erstellen Sie zwei Kopien vor (Control + C> Control + F> Control + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie 1px nach oben. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit dem unten gezeigten linearen Farbverlauf und verringern Sie die Deckkraft auf 85%..



Schritt 23

Wählen Sie das im neunzehnten Schritt erstellte abgerundete Rechteck erneut aus und erstellen Sie zwei Kopien vor (Control + C> Control + F> Control + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie um 3 Pixel nach unten. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit dem unten gezeigten linearen Farbverlauf und verringern Sie die Deckkraft auf 85%..



Schritt 24

Aktivieren Sie die Option An Raster ausrichten (Ansicht> An Raster ausrichten). Wähle das Rechteckwerkzeug (M) aus, erstelle eine 125 x 90 Pixel große Form, fülle sie mit Schwarz und platziere sie wie in der folgenden Abbildung gezeigt. Wählen Sie es aus und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 5 Pixeln ein, klicken Sie auf OK und gehen Sie zu Objekt> Aussehen erweitern.



Schritt 25

Deaktivieren Sie die Option An Raster ausrichten (Ansicht> An Raster ausrichten), wählen Sie die im vorherigen Schritt erstellte Form aus und erstellen Sie zwei Kopien vor (Control + C> Control + F> Control + F). Wählen Sie die unterste Kopie aus und verschieben Sie sie 1px nach unten. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit Weiß und ändern Sie den Mischmodus in Weiches Licht. Wählen Sie das abgerundete Rechteck, das Sie im vorherigen Schritt erstellt haben, erneut aus und konzentrieren Sie sich auf das Erscheinungsbildfenster. Wählen Sie zunächst die Füllung aus, verringern Sie die Deckkraft auf 1% und ändern Sie den Füllmodus auf Multiplizieren. Fügen Sie als nächstes einen 1pt-Strich hinzu, richten Sie ihn nach innen aus und setzen Sie die Farbe auf R = 210 G = 210 B = 210.



Schritt 26

Aktivieren Sie die Option An Raster ausrichten (Ansicht> An Raster ausrichten). Für den Rest der Schritte benötigen Sie alle 1px ein Raster. Gehen Sie zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster und geben Sie jeweils 1 in das Feld Rasterlinie ein. Wählen Sie aus der Gruppe "Körper" das abgerundete Rechteck aus und erstellen Sie eine Kopie (Control + C> Control + F). Wählen Sie das Rechteckwerkzeug (M) aus, erstellen Sie eine 59 x 5 Pixel große Form, füllen Sie es mit R = 200 G = 201 B = 204 und platzieren Sie es wie in der folgenden Abbildung dargestellt. Wählen Sie es aus und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 5 Pixeln ein, klicken Sie auf OK und gehen Sie zu Objekt> Aussehen erweitern. Wählen Sie die resultierende Form zusammen mit der am Anfang des Schritts erstellten Kopie aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Überschneiden".



Schritt 27

Wählen Sie die im vorherigen Schritt erstellte Form erneut aus und erstellen Sie zwei Kopien (Control + C> Control + F> Control + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie 1px nach links. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit R = 167 G = 168 B = 171.



Schritt 28

Wählen Sie die im sechsundzwanzigsten Schritt erstellte Form erneut aus und erstellen Sie zwei neue Kopien (Control + C> Control + F> Control + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie um 1 Bildpunkt nach rechts. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit R = 167 G = 168 B = 171.



Schritt 29

Wählen Sie die im sechsundzwanzigsten Schritt erstellte Form erneut aus und erstellen Sie zwei neue Kopien (Control + C> Control + F> Control + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie 1px nach unten. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit R = 183 G = 184 B = 188. Wählen Sie die im sechsundzwanzigsten Schritt erstellte Form erneut aus und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK. Wählen Sie den in diesem Schritt erstellten Vektorpfad zusammen mit den in den letzten drei Schritten erstellten Formen aus und gruppieren Sie diese (Strg + G)..



Schritt 30

Wählen Sie das Ellipse-Werkzeug (L), erstellen Sie zwei 1px-Kreise, füllen Sie beide Formen mit R = 160 G = 160 B = 160 und platzieren Sie sie wie in der folgenden Abbildung dargestellt.



Schritt 31

Wählen Sie die beiden im vorherigen Schritt erstellten Kreise erneut aus und gehen Sie zu Effekt> Verzerrung und Transformation> Transformation. Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die Daten in der folgenden Abbildung ein und klicken Sie auf OK.



Schritt 32

Wählen Sie den rechten Kreis aus, der im dreißigsten Schritt erstellt wurde, und gehen Sie zu Effekt> Verzerrung und Transformation> Transformation. Geben Sie die Daten ein, die im ersten Bild angezeigt werden, und klicken Sie auf OK. Wählen Sie den im dreißigsten Schritt erstellten linken Kreis erneut aus und gehen Sie zu Effekt> Verzerrung und Transformation> Transformation. Geben Sie die im zweiten Bild angezeigten Daten ein und klicken Sie auf OK.



Schritt 33

Wähle das Rechteckwerkzeug (M) aus, erstelle eine 21x12px-Form, fülle sie mit dem linearen Farbverlauf unten und platziere sie wie in der folgenden Abbildung gezeigt. Wählen Sie es aus, konzentrieren Sie sich auf das Erscheinungsbildfenster und fügen Sie eine zweite Füllung hinzu. Wählen Sie es aus, setzen Sie seine Farbe auf R = 75 G = 75 B = 75 und gehen Sie zu Effekt> In Form umwandeln> Rechteck. Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Effekt> Verzerrung und Transformation> Transformation. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.

Kehren Sie zum Darstellungsfeld zurück und fügen Sie eine dritte Füllung für Ihr Rechteck hinzu. Wählen Sie es aus, setzen Sie seine Farbe auf R = 25 G = 25 B = 25 und wählen Sie Effekt> In Form umwandeln> Rechteck. Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Effekt> Verzerrung und Transformation> Transformation. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK. Kehren Sie zum Erscheinungsbild-Fenster zurück, fügen Sie einen 1pt-Strich hinzu, richten Sie ihn nach innen aus und machen Sie ihn schwarz. Kehren Sie zum Fenster "Darstellung" zurück, stellen Sie sicher, dass keine Füllung oder Kontur ausgewählt ist, und wechseln Sie zu Effekt> Stilisiert> Abgerundete Ecken. Geben Sie einen Radius von 3 Pixeln ein, klicken Sie auf OK und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die Daten in der folgenden Abbildung ein und klicken Sie auf OK.



Schritt 34

Wählen Sie das im vorherigen Schritt erstellte Rechteck erneut aus, erstellen Sie eine Kopie vor (Control + C> Control + F) und verschieben Sie es nach rechts, wie in der folgenden Abbildung dargestellt. Wählen Sie beide Rechtecke aus, drücken Sie Umschalt + Strg + B und doppelklicken Sie dann auf das Mischwerkzeug in der Werkzeugleiste. Wählen Sie im Dropdown-Menü Abstand die Option "Spezifizierter Schritt", geben Sie in das weiße Feld "12" ein und klicken Sie auf "OK".



Schritt 35

Wähle das Rechteckwerkzeug (M) aus, erstelle ein 19px-Quadrat und platziere es wie unten gezeigt. Wählen Sie es aus, konzentrieren Sie sich auf das Erscheinungsbildbedienfeld und fügen Sie die im folgenden Bild gezeigten Eigenschaften hinzu. Grundsätzlich müssen Sie die gleichen Eigenschaften hinzufügen, die für die im vorherigen Schritt erstellte Form verwendet wurden. Sie müssen jedoch die für das Rechteck und die Transformationseffekte verwendeten Zahlen anpassen. Sobald Ihr Quadrat wie im folgenden Bild aussieht, können Sie alle Eigenschaften als Grafikstil speichern. Vergewissern Sie sich, dass Ihr Quadrat noch ausgewählt ist, öffnen Sie das Grafikstilbedienfeld und klicken Sie einfach auf die Schaltfläche Neuer Grafikstil.



Schritt 36

Wählen Sie das im vorherigen Schritt erstellte Quadrat erneut aus, erstellen Sie eine Kopie (Control + C> Control + F) und verschieben Sie es nach rechts, wie in der folgenden Abbildung dargestellt. Wählen Sie beide Rechtecke aus, drücken Sie Umschalt + Strg + B und doppelklicken Sie dann auf das Mischwerkzeug in der Werkzeugleiste. Wählen Sie im Dropdown-Menü Abstand die Option "Spezifizierter Schritt", geben Sie 11 in das weiße Feld ein und klicken Sie auf OK.



Schritt 37

Wähle das Rechteckwerkzeug (M) aus, erstelle eine Form von 31 x 19 Pixeln und platziere sie wie unten gezeigt. Wählen Sie es aus und klicken Sie auf den im fünfunddreißigsten Schritt gespeicherten Grafikstil. Nun sollte Ihre Form im zweiten Bild aussehen. Alles, was Sie tun müssen, ist, diesen Rechteckeffekt anzupassen. Gehen Sie einfach in das Erscheinungsbildfenster, öffnen Sie die vorhandenen Rechteckeffekte und geben Sie eine Breite von 29px ein.



Schritt 38

Wählen Sie die im sechsunddreißigsten Schritt erstellte Mischung erneut aus, erstellen Sie drei Kopien, passen Sie sie an und platzieren Sie sie wie im ersten Bild gezeigt. Schnappen Sie sich auch das Rechteck und fügen Sie einige neue Schaltflächen hinzu, wie im zweiten Bild gezeigt. Verwenden Sie einfach den gespeicherten Grafikstil und passen Sie die Breite für die Rechteckeffekte an.



Schritt 39

Wähle das Rechteckwerkzeug (M) aus, erstelle eine 20x22px-Form und platziere sie wie unten gezeigt. Wählen Sie es aus und klicken Sie auf den im fünfunddreißigsten Schritt gespeicherten Grafikstil. Nun sollte Ihre Form im zweiten Bild aussehen. Wechseln Sie in das Erscheinungsbildfenster und passen Sie die Transformations- und Rechteckeffekte wie in der folgenden Abbildung an. Sobald Ihre Form wie im zweiten Bild aussieht, speichern Sie die Eigenschaften als zweiten Grafikstil.



Schritt 40

Schnappen Sie sich das Rechteck und fügen Sie einige neue Schaltflächen hinzu, wie im zweiten Bild gezeigt. Verwenden Sie den im vorherigen Schritt gespeicherten Grafikstil und passen Sie die Breite für die Rechteckeffekte an.



Schritt 41

Schnappen Sie sich das Rechteck, erstellen Sie zwei 19 x 11px-Vektorformen und platzieren Sie sie wie unten gezeigt. Verwenden Sie den zweiten Schritt des Grafikstils, passen Sie die Eigenschaften für das Rechteck und die Transformationseffekte an, öffnen Sie den vorhandenen Effekt "Runde Ecken" und verringern Sie den Radius auf 2,5px.



Schritt 42

Wählen Sie das Rechteckwerkzeug (M) aus, erstellen Sie einen 20-mal-22px-Vektorpfad, platzieren Sie ihn wie im ersten Bild gezeigt und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 2 Pixel ein, klicken Sie auf OK und gehen Sie zu Objekt> Darstellung erweitern. Nimm das Stiftwerkzeug (P), zeichne einen 24px-horizontalen Pfad und platziere ihn wie im zweiten Bild gezeigt. Wählen Sie es zusammen mit dem weißen abgerundeten Rechteck aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche „Teilen“. Wählen Sie die resultierende Gruppe von Formen aus und heben Sie die Gruppierung auf (Umschalt + Strg + G)..



Schritt 43

Wählen Sie die im vorherigen Schritt erstellte obere Form aus und fügen Sie den zweiten Grafikstil hinzu. Passen Sie die für die Rechteck- und Transformationseffekte verwendeten Eigenschaften an, entfernen Sie den Effekt abgerundete Ecken, und wechseln Sie zur unteren Form. Wählen Sie es aus, fügen Sie den zweiten Grafikstil hinzu, bearbeiten Sie die Eigenschaften, die für das Rechteck und die Transformationseffekte verwendet werden, und entfernen Sie dann die abgerundeten Ecken und die Schatteneffekte.



Schritt 44

Fügen Sie schließlich den Text hinzu. Sie können die Myriad Pro-Schriftart mit der Farbeinstellung R = 235 G = 235 B = 235 verwenden.



Fazit

Jetzt ist deine Arbeit erledigt. So sollte es aussehen.