Wie kann man ein halbrealistisches Grafiktablett in Adobe Illustrator erstellen?

In den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator ein halbrealistisches Grafiktablett erstellen. Für den Anfang lernen Sie, wie Sie das Tablett erstellen, indem Sie grundlegende Werkzeuge und Effekte, das Skript "Round Any Corner" verwenden und das Aussehen-Bedienfeld voll ausnutzen. Im weiteren Verlauf erfahren Sie, wie Sie die Verkrümmen-Effekte geschickt einsetzen und Ihren Formen mit komplexen Verläufen oder Mischoptionen Tiefe verleihen. Schließlich lernen Sie, wie Sie ein einfaches Muster erstellen, speichern und verwenden.

1. Erstellen Sie ein neues Dokument und richten Sie ein Raster ein

Drücken Sie CMD + N, um ein neues Dokument zu erstellen. Geben Sie 760 in das Breitenfeld und 600 in das Höhenfeld ein und klicken Sie dann auf die Schaltfläche Erweitert. Wählen Sie RGB, Bildschirm (72ppi) und stellen Sie sicher, dass das Kontrollkästchen "Neue Objekte an Pixelraster ausrichten" deaktiviert ist, bevor Sie auf OK klicken.

Aktivieren Sie das Raster (Ansicht > Raster anzeigen) und am Raster ausrichten (Ansicht > Am Raster ausrichten). Für den Anfang brauchst du alle 5px ein Raster. Gehen Sie einfach zu Bearbeiten > Einstellungen > Hilfslinien > Raster, geben Sie 5 in die Rasterlinie jedes Felds und 1 in das Feld Unterteilungen ein. Sie sollten auch das Info-Bedienfeld (Fenster > Info) öffnen, um eine Live-Vorschau mit der Größe und Position Ihrer Formen zu erhalten. Vergessen Sie nicht, die Maßeinheit unter Bearbeiten > Einstellungen > Einheiten > Allgemein auf Pixel einzustellen. Alle diese Optionen erhöhen Ihre Arbeitsgeschwindigkeit erheblich.

2. Erstellen Sie das Tablet

Schritt 1

Erstellen Sie mit dem Rechteck-Werkzeug (M) eine 500 x 330 Pixel große Form und füllen Sie sie mit dem in der folgenden Abbildung gezeigten linearen Verlauf. Stellen Sie sicher, dass dieses Rechteck ausgewählt ist und gehen Sie zu Effekt > Stilisierungsfilter > Abgerundete Ecken. Geben Sie einen 17px-Radius ein und klicken Sie auf OK.

Schritt 2

Konzentrieren Sie sich, während Sie noch ausgewählt sind, auf das Erscheinungsbildbedienfeld (Fenster > Aussehen) und fügen Sie mithilfe der Schaltfläche Neue Füllung hinzufügen (mit dem kleinen blauen Pfeil gekennzeichnet) eine zweite Füllung hinzu. Wählen Sie diese neue Füllung aus, machen Sie sie schwarz, ziehen Sie sie in den unteren Bereich des Aussehen-Bedienfelds, verringern Sie ihre Deckkraft auf 5% und gehen Sie zu Effekt > Pfad > Pfad verschieben. Geben Sie einen 2px-Verschieben ein und klicken Sie auf OK.

Schritt 3

Fügen Sie eine dritte Füllung hinzu und ziehen Sie sie unten im Aussehen-Bedienfeld. Wählen Sie diese neue Füllung aus, stellen Sie ihre Farbe auf Schwarz ein, verringern Sie ihre Deckkraft auf 5% und gehen Sie zu Effekt > Pfad > Pfad verschieben. Geben Sie einen 5px-Versatz ein, klicken Sie auf OK und gehen Sie zu Effekt > Weichzeichnungsfilter > Gaußscher Weichzeichner. Geben Sie einen Radius von 3px ein und klicken Sie auf OK.

Schritt 4

Wählen Sie die obere Füllung aus und gehen Sie zu Effekt > Stilisierungsfilter > Schlagschatten. Geben Sie die im oberen Fenster angezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie erneut zu Effekt > Stilisierungsfilter > Schlagschatten. Geben Sie die im mittleren Fenster angezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie noch einmal zu Effekt > Stilisierungsfilter > Schlagschatten. Geben Sie die im unteren Fenster angezeigten Eigenschaften ein und klicken Sie auf OK. Wechseln Sie zum Ebenenbedienfeld (Fenster > Ebenen) und sperren Sie dieses Rechteck, um sicherzustellen, dass Sie es nicht versehentlich auswählen/verschieben.

Schritt 5

Wählen Sie das Rechteck-Werkzeug (M), erstellen Sie eine Form von 365 x 250 Pixel, füllen Sie sie mit dem unten gezeigten linearen Verlauf und platzieren Sie sie wie im ersten Bild gezeigt. Als nächstes benötigen Sie das Round Any Corner-Skript. Sie finden es im Vectortuts+-Artikel 20 kostenlose und nützliche Adobe Illustrator-Skripte. Speichern Sie es auf Ihrer Festplatte, kehren Sie zu Illustrator zurück und greifen Sie zum Direktauswahl-Werkzeug (A). Konzentrieren Sie sich auf die zu Beginn des Schritts erstellte Form, wählen Sie die beiden im ersten Bild hervorgehobenen Ankerpunkte aus und gehen Sie zu Datei > Skripte > Anderes Skript. Öffnen Sie das Round Any Corner-Skript, geben Sie einen Radius von 3px ein und klicken Sie auf OK. Am Ende sollte Ihre Form wie im zweiten Bild aussehen.

Schritt 6

Wählen Sie die Form aus und gehen Sie zu Effekt >  Stilisierungsfilter > Schlagschatten. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein, klicken Sie auf OK und wechseln Sie zum Aussehen-Bedienfeld . Fügen Sie eine 3pt-Kontur hinzu, setzen Sie die Farbe auf Schwarz, richten Sie sie nach innen aus und verringern Sie die Deckkraft auf 3%.

Schritt 7

Für die folgenden Schritte benötigen Sie alle 1px ein Raster. Gehen Sie also zu Bearbeiten > Einstellungen > Hilfslinien und Raster und geben Sie in jedem Feld 1 in die Rasterlinie ein. Erstellen Sie mit dem Rechteck-Werkzeug (M) eine 1 x 4 Pixel große Form und füllen Sie sie mit R=215, G=215, B=215. Fahren Sie mit dem Rechteck-Werkzeug (M) fort, erstellen Sie eine 4 x 1 Pixel große Form, füllen Sie sie mit der gleichen Farbe und platzieren Sie sie wie im zweiten Bild gezeigt. Wählen Sie beide in diesem Schritt erstellten Formen aus, öffnen Sie das Pathfinder-Bedienfeld (Fenster > Pathfinder) und klicken Sie auf die Schaltfläche Vereinen. Wählen Sie die resultierende Form aus und platzieren Sie sie wie im dritten Bild gezeigt. Am Raster ausrichten soll Ihnen die Arbeit erleichtern.

Schritt 8

Wählen Sie die kleine Form aus und gehen Sie zu Effekt > Verzerrungs- und Transformationsfilter > Transformieren. Geben Sie die im linken Fenster angezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie erneut zu Effekt > Verzerrungs- und Transformationsfilter > Transformieren. Geben Sie die im rechten Fenster angezeigten Eigenschaften ein und klicken Sie auf OK.

Schritt 9

Erstellen Sie mit dem Rechteck-Werkzeug (M) eine Form von 90 x 1 Pixel, füllen Sie sie mit dem unten gezeigten linearen Verlauf und platzieren Sie sie wie im ersten Bild gezeigt. Stellen Sie sicher, dass diese dünne Form ausgewählt ist und gehen Sie zu Effekt > Stilisierungsfilter > Schlagschatten. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.

Schritt 10

Erstellen Sie eine Kopie im Vordergrund (STRG + C  > STRG + F) der Form, wählen Sie sie aus und ziehen Sie sie um 249 Pixel nach oben. Stellen Sie sicher, dass diese Kopie ausgewählt bleibt und konzentrieren Sie sich auf das Aussehen-Bedienfeld. Ersetzen Sie zuerst den vorhandenen linearen Farbverlauf durch den in der folgenden Abbildung gezeigten, öffnen Sie dann den Schlagschatten-Effekt und erhöhen Sie seinen Deckkraft-Prozentsatz auf 40%.

3. Fügen Sie die Seitentasten hinzu

Schritt 1

Erstellen Sie mit dem Ellipse-Werkzeug (L) einen 54px-Kreis, füllen Sie ihn mit R=71, G=73, B=78 und platzieren Sie ihn wie in der folgenden Abbildung gezeigt. Stellen Sie sicher, dass diese neue Form ausgewählt bleibt und konzentrieren Sie sich auf das Aussehen-Bedienfeld. Wählen Sie die vorhandene Füllung aus und gehen Sie zu Effekt > Stilisierungsfilter > Schein nach innen. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.

Schritt 2

Stellen Sie sicher, dass die im vorherigen Schritt erstellte Form noch ausgewählt ist, konzentrieren Sie sich auf das Aussehen-Bedienfeld und fügen Sie eine zweite Füllung hinzu. Wählen Sie es aus, verwenden Sie den im folgenden Bild gezeigten radialen Verlauf und verringern Sie seine Deckkraft auf 75%.

Schritt 3

Stellen Sie sicher, dass der im vorherigen Schritt bearbeitete Kreis noch ausgewählt ist, konzentrieren Sie sich auf das Aussehen-Bedienfeld und fügen Sie eine dritte Füllung hinzu. Wählen Sie es aus, verwenden Sie den im folgenden Bild gezeigten radialen Verlauf und verringern Sie ihre Deckkraft auf 50%.

Schritt 4

Stellen Sie sicher, dass der im vorherigen Schritt bearbeitete Kreis noch ausgewählt ist, konzentrieren Sie sich auf das Aussehen-Bedienfeld und fügen Sie eine vierte Füllung hinzu. Wählen Sie sie aus, verwenden Sie den in der folgenden Abbildung gezeigten linearen Verlauf und gehen Sie zu Effekt > Pfad > Pfad verschieben. Geben Sie einen Verschieben von -17px ein und klicken Sie auf OK.

Schritt 5

Stellen Sie sicher, dass der Kreis noch ausgewählt ist, konzentrieren Sie sich auf das Aussehen-Bedienfeld und fügen Sie ein Konturgewicht von 1 pt hinzu. Wählen Sie es aus, legen Sie die Farbe auf R=34, G=36, B=38 fest, richten Sie es nach innen aus und gehen Sie zu Effekt > Pfad > Pfad verschieben. Geben Sie ein Verschieben von -16px ein, klicken Sie auf OK und gehen Sie zu Effekt > Stilisierungsfilter > Schlagschatten. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK. Wählen Sie das Ellipse-Werkzeug (L), erstellen Sie einen 2px-Kreis, füllen Sie ihn mit R=200, G=200, B=200 und platzieren Sie ihn wie im zweiten Bild gezeigt.

Schritt 6

Erstellen Sie mit dem Rechteck-Werkzeug (M) eine Form von 27 x 13 Pixel, füllen Sie sie mit dem unten gezeigten radialen Verlauf und platzieren Sie sie wie im ersten Bild gezeigt. Stellen Sie sicher, dass diese neue Form ausgewählt ist, und gehen Sie zu Effekt > Stilisierungsfilter > Abgerundete Ecken. Geben Sie einen Radius von 4px ein, klicken Sie auf OK und gehen Sie zu Effekt > Stilisierungsfilter > Schlagschatten. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.

Schritt 7

Wählen Sie die im vorherigen Schritt erstellte Form aus, verringern Sie ihre Deckkraft auf 50% und gehen Sie zu Effekt > Verzerrungs- und Transformationsfilter > Transformieren. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.

Schritt 8

Wählen Sie die Form erneut aus und erstellen Sie eine Kopie im Vordergrund (STRG + C  > STRG + F). Wählen Sie diese Kopie aus, ziehen Sie sie nach unten und platzieren Sie sie wie im zweiten Bild gezeigt. Stellen Sie sicher, dass diese Kopie ausgewählt bleibt und konzentrieren Sie sich auf das Aussehenbedienfeld. Ersetzen Sie zunächst den vorhandenen radialen Farbverlauf durch den in der folgenden Abbildung gezeigten. Öffnen Sie als Nächstes den Schlagschatten-Effekt und verringern Sie seine Deckkraft auf 40%.

Schritt 9

Erstellen Sie mit dem Rechteck-Werkzeug (M) eine 11 x 3 Pixel große Form, füllen Sie sie mit dem unten gezeigten linearen Verlauf und platzieren Sie sie wie im ersten Bild gezeigt. Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, verringern Sie ihre Deckkraft auf 50% und gehen Sie zu Effekt > Stilisierungsfilter > Abgerundete Ecken. Geben Sie einen Radius von 1.5px ein, klicken Sie auf OK und konzentrieren Sie sich auf das Aussehen-Bedienfeld. Fügen Sie ein Konturgewicht von 0.5 pt hinzu und wählen Sie es aus. Stellen Sie die Konturfarbe auf Schwarz ein, richten Sie sie nach außen aus und verringern Sie die Deckkraft auf 15%.

Schritt 10

Duplizieren Sie die Form (STRG + C > STRG + F). Ziehen Sie diese Kopie nach unten, platzieren Sie sie wie im zweiten Bild gezeigt und stellen Sie sicher, dass sie ausgewählt bleibt. Konzentrieren Sie sich auf das Aussehen-Bedienfeld und ersetzen Sie den vorhandenen linearen Farbverlauf durch den in der folgenden Abbildung gezeigten.

Schritt 11

Erstellen Sie mit dem Ellipse-Werkzeug (L) einen 3px-Kreis, füllen Sie ihn mit dem unten gezeigten radialen Verlauf und platzieren Sie ihn wie im ersten Bild gezeigt. Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, verringern Sie ihre Deckkraft auf 50% und konzentrieren Sie sich auf das Aussehen-Bedienfeld. Fügen Sie ein Konturgewicht von 0.5 pt hinzu und wählen Sie es aus. Stellen Sie die Konturfarbe auf Schwarz ein, richten Sie sie nach außen aus und verringern Sie die Deckkraft auf 20%.

Schritt 12

Duplizieren Sie die Form (STRG + C > STRG + F). Ziehen Sie diese Kopie nach unten, platzieren Sie sie wie im zweiten Bild gezeigt und stellen Sie sicher, dass sie ausgewählt bleibt. Konzentrieren Sie sich auf das Aussehen-Bedienfeld und ersetzen Sie den vorhandenen radialen Farbverlauf durch den in der folgenden Abbildung gezeigten.

Schritt 13

Wechseln Sie zum Ebenen-Bedienfeld und entsperren Sie die in den Anfangsschritten erstellte Hauptform. Wählen Sie alle bisher erstellten Formen aus und gruppieren Sie sie (STRG + G).

4. Erstellen Sie den Stift

Schritt 1

Erstellen Sie mit dem Rechteck-Werkzeug (M) eine 8 x 5 Pixel große Form, füllen Sie sie mit Grün und gehen Sie zu Effekt > Verkrümmungsfilter > Bogen unten. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Objekt > Aussehen umwandeln. Füllen Sie die resultierende Form mit dem unten gezeigten linearen Verlauf und konzentrieren Sie sich auf das Aussehen-Bedienfeld. Fügen Sie ein Konturgewicht von 1 pt hinzu, richten Sie es nach innen aus und stellen Sie die Farbe auf R=15, G=15, B=15 ein.

Schritt 2

Erstellen Sie mit dem Rechteck-Werkzeug (M) eine 14 x 8 Pixel große Form, füllen Sie sie mit Rot, platzieren Sie sie wie im ersten Bild gezeigt und gehen Sie zu Effekt > Stilisierungsfilter > Abgerundete Ecken. Geben Sie einen Radius von 1px ein, klicken Sie auf OK und gehen Sie zu Effekt > Verkrümmungsfilter > Bogen unten. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Objekt > Aussehen umwandeln.

Schritt 3

Deaktivieren Sie Am Raster ausrichten (Ansicht > Am Raster ausrichten), gehen Sie dann zu Bearbeiten > Einstellungen > Allgemein und stellen Sie sicher, dass das Tastaturinkrement auf 1px eingestellt ist. Wählen Sie die im ersten Schritt erstellte Form erneut aus und erstellen Sie eine Kopie vorne (STRG + C > STRG + F). Wählen Sie dann die im vorherigen Schritt erstellte rote Form aus und machen Sie eine Kopie hinten (STRG + C > STRG + B). Konzentrieren Sie sich auf das Ebenen-Bedienfeld, wählen Sie diese rote Kopie aus und verschieben Sie sie mit dem Abwärtspfeil Ihrer Tastatur um 2 Pixel nach unten. Wählen Sie beide in diesem Schritt erstellten Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Schnittmenge bilden. Füllen Sie die resultierende Form mit Schwarz und verringern Sie ihre Deckkraft auf 25%.

Schritt 4

Wählen Sie die verbleibende rote Form aus und konzentrieren Sie sich auf das Aussehen-Bedienfeld. Ersetzen Sie zuerst dieses Rot durch den linearen Farbverlauf, der in der folgenden Abbildung gezeigt wird. Fügen Sie als Nächstes eine 1pt-Kontur für Ihre Form hinzu, richten Sie ihn nach innen aus und stellen Sie die Farbe auf R=15, G=15, B=15 ein.

Schritt 5

Aktivieren Sie am Raster ausrichten (Ansicht  > Am Raster ausrichten). Erstellen Sie mit dem Rechteck-Werkzeug (M) eine 18 x 182 Pixel große Form, füllen Sie sie mit Blaugrün und platzieren Sie sie wie im ersten Bild gezeigt. Konzentrieren Sie sich auf die Unterseite dieser neuen Form und wechseln Sie zum Direktauswahl-Werkzeug (A). Wählen Sie den linken Ankerpunkt aus und ziehen Sie ihn 2px nach rechts. Wählen Sie dann den rechten Ankerpunkt aus und ziehen Sie ihn 2px nach links. Am Ende sollte Ihre Form wie im zweiten Bild aussehen. Stellen Sie sicher, dass es ausgewählt ist, und gehen Sie zu Effekt > Verkrümmungsfilter > Wulst. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Objekt > Aussehen umwandeln.

Schritt 6

Konzentrieren Sie sich auf die untere Seite der Form, die im vorherigen Schritt erstellt wurde. Wählen Sie das Ellipse-Werkzeug (L), erstellen Sie eine 14 x 4 Pixel große Form, füllen Sie sie mit der gleichen blaugrünen Farbe und platzieren Sie sie wie im ersten Bild gezeigt. Wählen Sie beide blaugrünen Formen aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Vereinen. Wechseln Sie zum Rechteck-Werkzeug (M), erstellen Sie eine Form von 22 x 1 Pixel, füllen Sie sie mit Schwarz und platzieren Sie sie wie im zweiten Bild gezeigt. Stellen Sie sicher, dass dieses dünne Rechteck ausgewählt ist und gehen Sie zu Effekt > Verkrümmungsfilter > Bogen. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Objekt > Aussehen umwandeln.

Schritt 7

Wählen Sie die blaugrüne Form zusammen mit der dünnen, schwarzen Form aus, die im vorherigen Schritt erstellt wurde, und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Teilen. Wählen Sie die resultierende Formgruppe aus und drücken Sie UMSCHALT + STRG + G, um die Gruppierung aufzuheben. Konzentrieren Sie sich auf das Ebenen-Bedienfeld, wählen Sie die beiden im dritten Bild hervorgehobenen schwarzen Formen aus und löschen Sie sie einfach.

Schritt 8

Wählen Sie die obere, blaugrüne Form aus, konzentrieren Sie sich auf das Aussehen-Bedienfeld und ersetzen Sie das blaugrüne durch den unten gezeigten linearen Verlauf.

Schritt 9

Deaktivieren Sie Am Raster ausrichten (Ansicht  > Am Raster ausrichten). Wählen Sie die verbleibende blaugrüne Form aus und machen Sie zwei Kopien vorne (STRG + C > STRG + F > STRG + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie mit dem Aufwärtspfeil Ihrer Tastatur um 1 Pixel nach oben. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Vorderes Objekt abziehen. Füllen Sie die resultierende Form mit R=15, G=15, B=15.

Schritt 10

Wählen Sie die blaugrüne Form aus, konzentrieren Sie sich auf das Aussehen-Bedienfeld und ersetzen Sie das blaugrüne durch den unten gezeigten linearen Verlauf. Fügen Sie dieser Form eine zweite Füllung hinzu, wählen Sie sie aus, setzen Sie die Farbe auf Schwarz, verringern Sie die Deckkraft auf 20% und ändern Sie den Mischmodus auf Multiplizieren.

Schritt 11

Wählen Sie die dünne, schwarze Form aus, um den Stift zu teilen, und gehen Sie zu Effekt > Stilisierungsfilter > Schlagschatten. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.

Schritt 12

Wählen Sie das Rechteck-Werkzeug (M), erstellen Sie eine 18 x 5 Pixel große Form, füllen Sie sie mit Gelb und platzieren Sie sie wie im ersten Bild gezeigt. Konzentrieren Sie sich auf die Oberseite dieser neuen Form und wechseln Sie zum Direktauswahl-Werkzeug (A). Wählen Sie den linken Ankerpunkt aus und verschieben Sie ihn 2px nach rechts. Wählen Sie dann den rechten Ankerpunkt aus und verschieben Sie ihn 2px nach links. Wählen Sie diese gelbe Form erneut aus und gehen Sie zu Effekt > Verkrümmungsfilter > Wulst. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effect > Verkrümmungsfilter > Bogen unten. Geben Sie die unten gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Objekt > Aussehen umwandeln.

Schritt 13

Deaktivieren Sie Am Raster ausrichten (Ansicht  > Am Raster ausrichten). Wählen Sie die im achten Schritt bearbeitete Form erneut aus und erstellen Sie eine Kopie vorne (STRG + C > STRG + F), wählen Sie dann die gelbe Form aus und erstellen Sie eine Kopie hinten (STRG + C > STRG + B). Konzentrieren Sie sich auf das Ebenenbedienfeld, wählen Sie diese zweite Kopie aus und verschieben Sie sie mit dem Abwärtspfeil Ihrer Tastatur um 1 Pixel nach unten. Wählen Sie beide in diesem Schritt erstellten Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Schnittmenge bilden. Füllen Sie die resultierende Form mit Schwarz, verringern Sie die Deckkraft auf 50% und ändern Sie den Mischmodus auf Weiches Licht.

Schritt 14

Wählen Sie die gelbe Form erneut aus und erstellen Sie zwei Kopien im Vordergrund (STRG + C > STRG + F > STRG + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie um 1 Pixel nach oben. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Vorderes Objekt abziehen. Füllen Sie die resultierende Form mit Weiß, verringern Sie die Deckkraft auf 50% und ändern Sie den Mischmodus auf Weiches Licht.

Schritt 15

Wählen Sie die gelbe Form aus, konzentrieren Sie sich auf das Aussehen-Bedienfeld und ersetzen Sie das Gelb durch den unten gezeigten linearen Verlauf.

Schritt 16

Aktivieren Sie Am Raster ausrichten (Ansicht > Am Raster ausrichten). Wählen Sie das Rechteck-Werkzeug (M), erstellen Sie eine 14 x 19 Pixel große Form, füllen Sie sie mit R=10, G=10, B=10 und platzieren Sie sie wie im ersten Bild gezeigt.  Konzentrieren Sie sich auf die Oberseite dieser neuen Form und wechseln Sie zum Direktauswahl-Werkzeug (A). Wählen Sie den linken Ankerpunkt aus und verschieben Sie ihn 6 px nach rechts. Wählen Sie dann den rechten Ankerpunkt aus und verschieben Sie ihn 6 px nach links. Stellen Sie sicher, dass diese neue Form ausgewählt ist und gehen Sie zu Effekt > Verkrümmungsfilter > Bogen unten. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Objekt > Aussehen umwandeln.

Schritt 17

Erstellen Sie mit dem Rechteck-Werkzeug (M) eine 5 x 22 Pixel große Form, füllen Sie sie mit R=115, G=115, B=115 und platzieren Sie sie wie im ersten Bild gezeigt. Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, wechseln Sie zum Direktauswahl-Werkzeug (A), wählen Sie den unteren, linken Ankerpunkt aus und verschieben Sie ihn 1px nach rechts. Nehmen Sie das Ankerpunkt löschen-Werkzeug (-) und klicken Sie einfach auf den oberen rechten Ankerpunkt, um ihn zu entfernen. Am Ende sollte Ihre Form wie im zweiten Bild aussehen. Wählen Sie die im vorherigen Schritt erstellte Form aus und erstellen Sie eine Kopie im Vordergrund (STRG + C > STRG + F). Wählen Sie diese Kopie zusammen mit der in diesem Schritt erstellten Form aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Schnittmenge bilden.

Schritt 18

Erstellen Sie mit dem Rechteck-Werkzeug (M) eine 4 x 22 Pixel große Form, füllen Sie sie mit R=45, G=45, B=45 und platzieren Sie sie wie im ersten Bild gezeigt. Stellen Sie sicher, dass diese neue Form ausgewählt bleibt und wechseln Sie zum Direktauswahl-Werkzeug (A). Wählen Sie den unteren, rechten Ankerpunkt aus und verschieben Sie ihn 1px nach links. Nehmen Sie das Ankerpunkt löschen-Werkzeug (-) und entfernen Sie einfach den oberen linken Ankerpunkt. Am Ende sollte Ihre Form wie im zweiten Bild aussehen. Wählen Sie die im sechzehnten Schritt erstellte Form aus und erstellen Sie eine Kopie im Vordergrund (STRG + C > STRG + F). Wählen Sie diese Kopie zusammen mit der in diesem Schritt erstellten Form aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Schnittmenge bilden.

Schritt 19

Wählen Sie die im sechzehnten Schritt erstellte Form aus und erstellen Sie eine neue Kopie im Vordergrund (STRG + C > STRG + F). Erstellen Sie mit dem Rechteck-Werkzeug (M) eine Form von 12 x 1 Pixel, füllen Sie sie mit Blau und platzieren Sie sie wie im zweiten Bild gezeigt. Wählen Sie beide in diesem Schritt erstellten Formen aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Schnittmenge bilden. Füllen Sie die resultierende Form mit Schwarz, verringern Sie die Deckkraft auf 50% und ändern Sie den Mischmodus auf Weiches Licht.

Schritt 20

Deaktivieren Sie das Ausrichten am Raster (Ansicht  > Am Raster ausrichten). Wählen Sie die im sechzehnten Schritt erstellte Form aus und erstellen Sie zwei Kopien im Vordergrund (STRG + C > STRG + F > STRG + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie um 1 Pixel nach oben. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Vorderes Objekt abziehen. Bringen Sie die resultierende Form in den Vordergrund (UMSCHALT + STRG + ] ) und füllen Sie sie mit dem im folgenden Bild gezeigten linearen Verlauf.

Schritt 21

Wählen Sie die drei im ersten Bild hervorgehobenen Formen aus (Formen, die in den Schritten #16, #17 und #18 erstellt wurden), drücken Sie Alt + STRG + B und gehen Sie dann zu Objekt > Mischung > Mischoptionen. Wählen Sie im Dropdown-Menü „Abstände“ die Option „Angegebene Schritte“ aus, geben Sie 30 in das weiße Feld ein, klicken Sie auf „OK“ und gehen Sie zu Objekt > Erweitern.

Schritt 22

Aktivieren Sie Am Raster ausrichten (Ansicht > Am Raster ausrichten). Erstellen Sie mit dem Zeichenstift-Werkzeug (P) einen vertikalen 3px-Pfad und platzieren Sie ihn wie im ersten Bild gezeigt. Fügen Sie diesem Pfad ein Konturgewicht von 1 pt hinzu und legen Sie seine Farbe auf Schwarz fest. Stellen Sie sicher, dass dieser kleine Pfad ausgewählt bleibt, öffnen Sie das Kontur-Bedienfeld (Fenster > Kontur) und aktivieren Sie die Schaltfläche Round Cap. Senden Sie diesen Pfad nach hinten (UMSCHALT + STRG + [ ) und gehen Sie zu Objekt > Pfad > Konturlinie.

Schritt 23

Erstellen Sie mit dem Rechteck-Werkzeug (M) eine 5 x 25 Pixel große Form, füllen Sie sie mit R=15, G=15, B=15 und platzieren Sie sie wie in der folgenden Abbildung gezeigt.

Schritt 24

Konzentrieren Sie sich bei Auswahl auf das Aussehen-Bedienfeld und fügen Sie eine zweite Füllung hinzu. Wählen Sie es aus, verwenden Sie den unten gezeigten linearen Verlauf und gehen Sie zu Effekt > Pfad > Pfad verschieben. Geben Sie einen Offset von -1px ein und klicken Sie auf OK. Kehren Sie zum Bedienfeld Aussehen zurück, stellen Sie sicher, dass der gesamte Pfad ausgewählt ist, und gehen Sie zu Effekt > Stilisierungsfilter > Abgerundete Ecken. Geben Sie einen Radius von 2px ein, klicken Sie auf OK und gehen Sie zu Effekt > Stilisierungsfilter > Schlagschatten. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.

Schritt 25

Wählen Sie alle Formen aus, aus denen der Stift besteht, und duplizieren Sie sie (STRG + C > STRG + F). Wählen Sie diese Kopien aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Vereinen. Stellen Sie sicher, dass die resultierende Form ausgewählt ist und drücken Sie die Taste "D" auf Ihrer Tastatur. Dies sollte die vorhandenen Aussehensattribute durch die Standardattribute ersetzen (weiße Füllung und 1pt, schwarze Kontur). Konzentrieren Sie sich auf das Aussehen-Bedienfeld, entfernen Sie die Kontur und ersetzen Sie das für die Füllung verwendete Weiß durch ein flaches Schwarz

Schritt 26

Konzentrieren Sie sich auf das Ebenen-Bedienfeld, wählen Sie den im vorherigen Schritt erstellten schwarzen Pfad aus und ziehen Sie ihn unter die Formen, aus denen der Stift besteht. Stellen Sie sicher, dass diese schwarze Form ausgewählt bleibt und konzentrieren Sie sich auf das Aussehen-Bedienfeld. Wählen Sie die Füllung aus, verringern Sie die Deckkraft auf 5% und gehen Sie zu Effekt > Pfad > Pfad verschieben. Geben Sie ein Verschieben von 1px ein und klicken Sie auf OK.

Schritt 27

Wählen Sie die im vorherigen Schritt bearbeitete Form erneut aus, fügen Sie eine zweite Füllung hinzu und ziehen Sie sie in den unteren Bereich des Aussehen-Bedienfelds. Wählen Sie es aus, stellen Sie die Farbe auf Schwarz ein, verringern Sie die Deckkraft auf 5% und gehen Sie zu Effekt > Pfad > Pfad verschieben. Geben Sie einen 3px-Verschieben ein, klicken Sie auf OK und gehen Sie zu Effekt > Weichzeichnungsfilter > Gaußscher Weichzeichner. Geben Sie einen Radius von 3px ein und klicken Sie auf OK. Kehren Sie zum Aussehen-Bedienfeld zurück und fügen Sie eine dritte Füllung für diese Form hinzu. Wählen Sie es aus, stellen Sie die Farbe auf Schwarz ein und fügen Sie dann die drei Schlagschatteneffekte hinzu, die in der folgenden Abbildung gezeigt werden.

Schritt 28

Wählen Sie den im vorherigen Schritt bearbeiteten Pfad zusammen mit den restlichen Formen aus, aus denen der Stift besteht, und gruppieren Sie sie (STRG + G). Wählen Sie diese neue Gruppe aus, drehen Sie sie um -45 Grad und platzieren Sie sie wie im zweiten Bild gezeigt.

Herzliche Glückwünsche! Sie sind fertig.

So sollte es aussehen. Ich hoffe, Ihnen hat dieses Tutorial gefallen und Sie können diese Techniken in Ihren zukünftigen Projekten anwenden.