German (Deutsch) translation by Federicco Ancie (you can also view the original English article)
Im folgenden Tutorial werde ich Ihnen zeigen, wie Sie eine Markierungsillustration erstellen. In diesem Lernprogramm werden Kenntnisse in der Erstellung von Zwischenvektorformen in Illustrator zum Erstellen der Markierungen sowie einige Ebenen und die Verwendung von Skripten zum Erstellen der Texteffekte verwendet. Lassen Sie uns anfangen.
Schritt 1
Erstellen Sie ein RGB-Dokument mit einer Größe von 700 x 630 Pixel. Schalten Sie zuerst das Raster (Ansicht > Raster) und richten Sie am Raster (Ansicht > Am Raster ausrichten) aus. Dann benötigen Sie alle 2 Pixel ein Raster. Gehen Sie zu Bearbeiten > Einstellungen > Hilfslinien und Raster und geben Sie 2 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 durch Bearbeiten > Einstellungen > Einheit > Allgemein in Pixel zu ersetzen. Alle diese Optionen erhöhen Ihre Arbeitsgeschwindigkeit erheblich.
Schritt 2
Beginnen wir mit dem Marker. Wählen Sie das Rechteck-Werkzeug (M) und erstellen Sie eine 64 x 172 Pixel große Form. Wechseln Sie zum Direktauswahl-Werkzeug (A) und konzentrieren Sie sich auf die unteren Ankerpunkte. Wählen Sie den linken Ankerpunkt aus und verschieben Sie ihn um 8 Pixel nach rechts. Wählen Sie dann den rechten Ankerpunkt aus und verschieben Sie ihn um 8 Pixel nach links. Das Einrichten am Raster soll Ihnen die Arbeit erleichtern. Am Ende sollte Ihre Form wie das zweite gezeigte Bild aussehen. Wählen Sie es aus, duplizieren Sie es und machen Sie diese Kopie unsichtbar. Sie benötigen es einige Schritte später.
Schritt 3
Wählen Sie die verbleibende sichtbare Form aus und gehen Sie zu Effekt > Verkrümmungsfilter > Fischauge. Geben Sie die unten gezeigten Daten ein, klicken Sie auf OK und gehen Sie dann zu Objekt > Aussehen umwandeln. Wählen Sie das Rechteck-Werkzeug (M) erneut aus und erstellen Sie eine Form wie die im zweiten Bild gezeigte graue. Wählen Sie es zusammen mit der erweiterten Form aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Schnittmenge bilden".
Schritt 4
Drehen Sie sich zurück, um die im zweiten Schritt erstellte Form sichtbar zu machen. Wählen Sie es aus und gehen Sie zu Effekt > Verkrümmungsfilter > Fischauge. Geben Sie die unten gezeigten Daten ein, klicken Sie auf OK und gehen Sie dann zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 5 Pixel ein, klicken Sie auf OK und gehen Sie dann zu Objekt > Aussehen umwandeln. Wählen Sie die resultierende Form zusammen mit der im vorherigen Schritt erstellten Form aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Vereinen".
Schritt 5
Jetzt sollten Sie nur eine Form auf Ihrer Zeichenfläche haben und sie sollte wie das erste Bild unten aussehen. Nehmen wir eine kleine Anpassung für diesen Pfad vor. Deaktivieren Sie "Am Raster ausrichten" (Ansicht > Am Raster ausrichten) und greifen Sie dann auf das Werkzeug "Ankerpunkt löschen" (-). Entfernen Sie die beiden im ersten Bild hervorgehobenen Ankerpunkte und füllen Sie die resultierende Form mit R=152, G=220 und B=98.
Schritt 6
Fügen wir nun einige neue Füllungen für diese grüne Form hinzu. Wählen Sie es aus und gehen Sie zum Bedienfeld "Aussehen". Öffnen Sie das Flyout-Menü und klicken Sie auf Neue Füllung hinzufügen. Dies fügt natürlich eine zweite Füllung für Ihre Form hinzu. Wählen Sie es im Bedienfeld "Aussehen“ aus und füllen Sie es mit dem unten links gezeigten linearen Farbverlauf oben links. Die gelbe Null aus dem Verlaufsbild steht für den Prozentsatz der Deckkraft.
Verwenden Sie dieselbe Technik, um eine dritte Füllung für diese Form hinzuzufügen, und verwenden Sie den unten rechts gezeigten oberen linearen Verlauf. Fügen wir nun eine vierte Füllung für diese Form mit einer anderen Technik hinzu. Wählen Sie diese Form erneut aus, gehen Sie zum Bedienfeld Darstellung, wählen Sie die obere Füllung aus und klicken Sie im Bedienfeld "Aussehen" auf die Schaltfläche Ausgewähltes Element duplizieren. Dadurch wird natürlich eine Kopie der ausgewählten Füllung hinzugefügt.
Wählen Sie diese neue Füllung. Verringern Sie zuerst die Deckkraft auf 80% und ersetzen Sie dann den vorhandenen linearen Farbverlauf durch den unten gezeigten unteren linken Farbverlauf. Die weißen Zahlen aus dem Verlaufsbild stehen für den prozentualen Standort. Das heißt, Sie müssen dieses kleine Diamantsymbol auswählen und mit 30% nach links ziehen. Fügen Sie abschließend eine fünfte Füllung für Ihre Form hinzu und verwenden Sie den unteren rechten linearen Farbverlauf (siehe unten). Vergessen Sie nicht, es im Bedienfeld "Aussehen" auszuwählen und die Deckkraft auf 80% zu senken.
Schritt 7
Gehen Sie "Am Raster ausrichten" zurück. Nehmen Sie das Rechteck-Werkzeug (M) und konzentrieren Sie sich auf den oberen Bereich. Erstellen Sie eine 64 x 6 Pixel große Form, füllen Sie sie mit dem unten gezeigten linearen Farbverlauf und platzieren Sie sie dann wie im ersten Bild gezeigt. Dann müssen Sie einen diskreten Rundheitseffekt für die oberen Ankerpunkte dieser Form hinzufügen. Das Round Any Corner-Skript ist hierfür hilfreich.
Speichern Sie es auf Ihrer Festplatte. Nehmen Sie nun das Direktauswahl-Werkzeug (A). Wählen Sie die oberen Ankerpunkte aus (im ersten Bild hervorgehoben) und gehen Sie zu Datei > Skripte > Anderes Skript. Öffnen Sie das Round Any Corner-Skript, geben Sie einen Radius von 3 Pixel ein und klicken Sie auf OK. Am Ende sollte Ihre Form wie das zweite gezeigte Bild aussehen.
Schritt 8
Konzentrieren Sie sich weiter auf den oberen Bereich und wählen Sie das Rechteck-Werkzeug (M). Erstellen Sie eine 56 x 4 Pixel große Form, füllen Sie sie mit dem unten gezeigten linearen Farbverlauf und platzieren Sie sie wie im ersten Bild gezeigt.
Schritt 9
Verwenden Sie erneut das Rechteck-Werkzeug (M), um eine Form von 56 x 44 Pixel zu erstellen. Platzieren Sie es wie im ersten Bild gezeigt und nehmen Sie dann das Direktauswahl-Werkzeug (A). Wählen Sie den linken Ankerpunkt aus und verschieben Sie ihn um 20 Pixel nach rechts. Wählen Sie dann den rechten Ankerpunkt aus und verschieben Sie ihn um 20 Pixel nach links. Jetzt sollte Ihre Form wie ein Trapez aussehen. Wählen Sie es aus und gehen Sie zu Effekt > Verkrümmungsfilter > Drücken. Geben Sie die unten gezeigten Daten ein, klicken Sie auf OK und gehen Sie dann zu Objekt > Aussehen umwandeln.
Schritt 10
Lassen Sie uns nun die im vorherigen Schritt erstellte Form bearbeiten. Wählen Sie das Rechteck-Werkzeug (M) und erstellen Sie zwei schwarze Formen, die im ersten Bild gezeigt werden. Wählen Sie sie zusammen mit der im vorherigen Schritt erstellten Form aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Die resultierende Form sollte wie das zweite gezeigte Bild aussehen.
Schritt 11
Wählen Sie die im vorherigen Schritt erstellte Form erneut aus und füllen Sie sie mit R = 32, G = 31 und B = 35. Wählen Sie nun das Direktauswahl-Werkzeug (A). Wählen Sie die oberen Ankerpunkte aus und gehen Sie zu Datei > Skripte > Anderes Skript. Öffnen Sie erneut das Round Any Corner-Skript, geben Sie einen Radius von 2 Pixel ein und klicken Sie auf OK. Am Ende sollte Ihre Form wie das zweite gezeigte Bild aussehen.
Schritt 12
Deaktivieren Sie die Option Am Raster ausrichten, gehen Sie zu Bearbeiten > Einstellungen > Allgemein und geben Sie 0,5 in das Feld Tastaturinkrement ein. Wählen Sie die im vorherigen Schritt bearbeitete Form aus und erstellen Sie eine Kopie vor (Strg + C > Strg + F). Wählen Sie diese Kopie aus, drücken Sie fünfmal auf den Pfeil nach links und duplizieren Sie sie dann. Wählen Sie diese neue Kopie erneut aus und drücken Sie fünfmal auf den Pfeil 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 = 147, G = 149 und B = 152.
Schritt 13
Wählen Sie die im elften Schritt bearbeitete Form aus und erstellen Sie eine Kopie vor (Strg + C > Strg + F). Wählen Sie diese Kopie aus, drücken Sie sechsmal auf den Rechtspfeil und duplizieren Sie sie dann. Wählen Sie diese neue Kopie erneut aus und drücken Sie viermal auf den Rechtspfeil. 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=109, G=110 und B=113.
Schritt 14
Wählen Sie die im zwölften Schritt erstellte Form aus, gehen Sie zu Effekt > Weichzeichner > Gaußscher Weichzeichner, geben Sie einen Radius von 3 Pixel ein und klicken Sie auf OK. Wählen Sie die im vorherigen Schritt erstellte Form aus, gehen Sie zu Effekt > Weichzeichnen > Gaußscher Weichzeichner, geben Sie einen Radius von 2,5 Pixel ein und klicken Sie auf OK. Wählen Sie diese unscharfen Formen erneut aus und gruppieren Sie sie (Strg + G).
Schritt 15
Wählen Sie die im elften Schritt bearbeitete Form aus, erstellen Sie eine Kopie vor und füllen Sie sie mit Weiß. Wählen Sie es zusammen mit der im vorherigen Schritt erstellten Gruppe aus und wechseln Sie zum Transparenzbedienfeld. Öffnen Sie das Flyout-Menü und klicken Sie auf Deckkraftmaske erstellen.
Schritt 16
Aktivieren Sie die Option Am Raster ausrichten. Wählen Sie erneut die im elften Schritt bearbeitete Form aus und erstellen Sie eine Kopie vor. Wählen Sie nun das Rechteck-Werkzeug (M) und erstellen Sie eine Form wie die im zweiten Schritt gezeigte. Wählen Sie diese neue Form zusammen mit der neuen Kopie aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Schnittmenge bilden". Füllen Sie die resultierende Form mit dem im dritten Bild gezeigten linearen Farbverlauf und bringen Sie ihn nach vorne (Umschalt + Strg + Taste für rechte Klammer).
Schritt 17
Wählen Sie das Rechteck-Werkzeug (M), erstellen Sie eine 12 x 20 Pixel große Form, platzieren Sie sie wie im ersten Bild gezeigt und greifen Sie dann auf das Direktauswahl-Werkzeug. Wählen Sie den oberen linken Ankerpunkt aus und verschieben Sie ihn um 6 Pixel nach unten. Die resultierende Form sollte wie im zweiten Bild unten aussehen.
Wählen Sie es aus und gehen Sie zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 2 Pixel ein, klicken Sie auf OK und gehen Sie dann zu Objekt > Aussehen umwandeln. Füllen Sie die resultierende Form mit dem unten gezeigten linearen Farbverlauf, senden Sie sie nach hinten (Umschalt + Strg + linke Klammer) und duplizieren Sie sie dann.
Schritt 18
Wählen Sie das Ellipsen-Werkzeug (L), erstellen Sie eine 12 x 22 Pixel große Form und platzieren Sie sie wie im ersten Bild gezeigt. Nehmen Sie das Direktauswahl-Werkzeug (A), wählen Sie den linken Ankerpunkt aus und bewegen Sie ihn 6 Pixel nach unten. Jetzt sollte Ihre Form wie das zweite gezeigte Bild aussehen. Wählen Sie es zusammen mit der im vorherigen Schritt erstellten Kopie aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Schnittmenge bilden". Füllen Sie die resultierende Form mit dem im vierten Bild gezeigten linearen Farbverlauf.
Schritt 19
Deaktivieren Sie die Option Am Raster ausrichten. Wählen Sie die im vorherigen Schritt erstellte Form aus und erstellen Sie zwei Kopien vor (Strg + C > Strg + F > Strg + F). Wählen Sie die unterste Kopie aus und drücken Sie dann einmal den Rechtspfeil und zweimal den Abwärtspfeil. 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 im dritten Bild gezeigten linearen Farbverlauf und gehen Sie zu Effekt > Weichzeichner > Gaußscher Weichzeichner. Geben Sie einen Radius von 0,5 Pixel ein und klicken Sie auf OK.
Schritt 20
Duplizieren Sie die im siebzehnten und achtzehnten Schritt erstellten Formen. Wählen Sie diese Kopien aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Vereinen". Füllen Sie die resultierende Form mit Weiß und bringen Sie sie nach vorne (Umschalt + Strg + Taste für rechte Klammer). Wählen Sie es zusammen mit der im vorherigen Schritt erstellten unscharfen Form aus, öffnen Sie das Flyout-Menü des Transparenzbedienfelds und klicken Sie auf Deckkraftmaske erstellen.
Schritt 21
Duplizieren Sie alle bisher erstellten Formen mit Ausnahme der maskierten. Wählen Sie alle diese Kopien aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Vereinen". Füllen Sie die resultierende Form mit keiner und fügen Sie ein schwarzes 1pt hinzu, das am äußeren Kontur ausgerichtet ist. Wählen Sie es aus und gehen Sie zu Objekt > Umwandeln. Füllen Sie dann den resultierenden Pfad mit dem im folgenden Bild gezeigten linearen Farbverlauf.
Schritt 22
Duplizieren Sie erneut alle bisher erstellten Formen und erwarten Sie die maskierten. Wählen Sie diese Kopien aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Vereinen". Senden Sie die resultierende Form nach hinten (Umschalt + Strg + linke Klammer), füllen Sie sie mit Weiß und gehen Sie dann zu Effekt > Stilisieren > Schlagschatten. Geben Sie die unten gezeigten Daten ein und klicken Sie auf OK. Jetzt ist Ihr Hersteller fertig. Wählen Sie alle bisher erstellten Formen aus und gruppieren Sie sie (Strg + G).
Schritt 23
Wählen Sie die Markierungsgruppe aus, duplizieren Sie sie und verschieben Sie sie nach links. Lass es uns pink machen. Wählen Sie den Körper des Markers aus und gehen Sie zum Bedienfeld "Darstellung". Ersetzen Sie zuerst das flache Grün durch das unten gezeigte flache Rosa und dann die vorhandenen Farbverläufe durch die im folgenden Bild gezeigten.
Schritt 24
Gehen wir nun zum oberen Rand des Markers. Verwenden Sie den ersten, zwei lineare Farbverläufe für die oberen Formen, den dritten Farbverlauf für die unscharfe Form und den vierten Farbverlauf für den erweiterten Kontur.
Schritt 25
Erstellen Sie eine Kopie des rosa Markers und ersetzen Sie die vorhandenen Farben durch die in den folgenden Bildern gezeigten.
Schritt 26
Fahren wir mit dem Rest der Abbildung fort. Beginnen Sie mit dem Hintergrund. Wählen Sie das Rechteck-Werkzeug (M), erstellen Sie eine Form in der Größe Ihrer Zeichenfläche und füllen Sie sie mit Weiß. Nehmen Sie als Nächstes das Rechteckgitter-Werkzeug, klicken Sie auf Ihre Zeichenfläche, geben Sie die unten gezeigten Daten ein und klicken Sie dann auf OK. Auf Ihrer Zeichenfläche sollte ein großes Raster angezeigt werden. Fügen Sie einen Kontur von 0,5 pt hinzu (R = 28, G = 117 und B = 188), senken Sie die Deckkraft auf 20% und platzieren Sie ihn dann über dem weißen Rechteck. Sperren Sie abschließend dieses Raster und das weiße Rechteck. Auf diese Weise können Sie die Form nicht versehentlich auswählen oder verschieben.
Schritt 27
Wählen Sie das Textwerkzeug (T), fügen Sie Ihren Text hinzu und versuchen Sie, eine handschriftliche Schriftart zu verwenden. Wir werden diesen Text als Modell verwenden, er wird nicht Teil der endgültigen Abbildung sein. Als nächstes benötigen Sie einen einfachen kalligraphischen Pinsel. Gehen Sie zum Pinselbedienfeld (Fenster > Pinsel), öffnen Sie das Flyout-Menü und klicken Sie auf Neuer Pinsel. Überprüfen Sie den kalligraphischen Pinsel, klicken Sie auf OK, geben Sie die im endgültigen Bild angezeigten Daten ein und klicken Sie auf OK.
Verwenden Sie jetzt diesen frischen Pinsel zusammen mit dem Pinselwerkzeug (B), um die Pfade entlang Ihres Textes mit den unten gezeigten Farben zu zeichnen. Mit Sicherheit wird es nicht perfekt aussehen. Sie müssen das Direktauswahl-Werkzeug und einige der Ankerpunkt-Werkzeuge (Ankerpunkt-Werkzeug hinzufügen, Ankerpunkt-Werkzeug löschen und Auswahlwerkzeug konvertieren) verwenden, um diese Pfade zu bearbeiten.
Schritt 28
Drehen Sie die grünen und rosa Markierungen und platzieren Sie sie wie im ersten Bild gezeigt. Wählen Sie nun die im vorherigen Schritt erstellten grünen Pfade aus und gehen Sie zu Objekt > Aussehen umwandeln. Wählen Sie die resultierende Gruppe von Formen aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Vereinen". Gehen Sie dann zu Objekt > Zusammengesetzter Pfad > Erstellen.
Schritt 29
Wählen Sie den im vorherigen Schritt erstellten Pfad erneut aus und fügen Sie eine zweite Füllung hinzu. Machen Sie es schwarz, verringern Sie die Deckkraft auf 3%, ändern Sie den Mischmodus auf Multiplizieren und gehen Sie dann zu Effekt > Künstlerisch > Filmkorn. Geben Sie die unten gezeigten Daten ein, klicken Sie auf OK, wählen Sie den gesamten Pfad erneut aus und ändern Sie den Mischmodus in Multiplizieren.
Schritt 30
Wählen Sie den im vorherigen Schritt bearbeiteten Pfad erneut aus und erstellen Sie eine Kopie vor (Strg + C > Strg + F). Wählen Sie diese Kopie aus und drücken Sie die D-Taste. Dadurch werden die Standardeigenschaften (weiße Füllung und 1 Punkt, schwarzer Kontur) für Ihre Form hinzugefügt. Entfernen Sie den Kontur, wählen Sie die verbleibende weiße Form zusammen mit der im vorherigen Schritt bearbeiteten Form aus und wechseln Sie zum Transparenzbedienfeld. Öffnen Sie das Flyout-Menü und klicken Sie auf Deckkraftmaske erstellen.
Schritt 31
Jetzt gehen wir zu den rosa Pfaden. Umwandeln Sie sie, vereinen Sie die resultierenden Pfade, verwandeln Sie sie in einen zusammengesetzten Pfad und fügen Sie dann dieselben Effekte und Techniken hinzu, die für den grünen Pfad verwendet wurden.
Schritt 32
Wählen Sie den grünen Pfad erneut aus und erstellen Sie eine Kopie vor (Strg + C > Strg + F). Wählen Sie diese Kopie aus und ersetzen Sie das Grün durch R = 107, G = 208 und B = 255. Drücken Sie nun fünfmal den Rechtspfeil und den Aufwärtspfeil. Drehen Sie außerdem die blaue Markierung und platzieren Sie sie wie im zweiten Bild gezeigt.
Schritt 33
Nehmen Sie das Pinselwerkzeug (B) und fügen Sie mit demselben kalligraphischen Pinsel die im ersten Bild gezeigten Pfade hinzu. Erweitern Sie sie und verwandeln Sie sie in zusammengesetzte Pfade. Fügen Sie dann die Techniken und Effekte hinzu, die für die Textpfade verwendet werden.
Abschluss
Das endgültige Bild ist unten.
By
