() translation by (you can also view the original English article)
In den folgenden Schritten lernen Sie, wie Sie eine einfache Herzillustration erstellen können. Es ist ein ziemlich einfacher kurzer Tipp, der Ihnen zeigt, wie Sie die Verwendung des Stiftwerkzeugs vermeiden können, wenn Sie eine etwas komplexe Vektorform erstellen möchten. Wir beginnen mit zwei einfachen Rechtecken. Als Nächstes erstellen wir mithilfe der grundlegenden Transformationsoptionen, des Rounded Corners-Effekts, eines kleinen Skripts, einiger einfacher Werkzeuge und des Warp Fisheye-Effekts die Hauptherzform. Wenn Sie zur Farbgebung übergehen, verwenden wir das Bedienfeld „Darstellung“, mehrere lineare Verläufe, Pathfinder-Optionen sowie einige grundlegende Effekte und Mischtechniken. Für den letzten Schliff verwenden wir einen einfachen Transformationseffekt.
Schritt 1
Drücken Sie Befehlstaste + N, um ein neues Dokument zu erstellen. Geben Sie 600 in das Feld Breite und 400 in das Feld Höhe ein und klicken Sie auf die Schaltfläche Erweitert. Wählen Sie RGB, Bildschirm (72ppi) und stellen Sie sicher, dass das Kontrollkästchen "Neue Objekte am Pixelraster ausrichten" deaktiviert ist, bevor Sie auf "OK" klicken.
Aktivieren Sie das Raster (Ansicht > Raster anzeigen) und Ausrichten an Raster (Ausrichten an > Raster). Für dieses Tutorial benötigen Sie alle 5 Pixel ein Raster. Gehen Sie einfach zu Bearbeiten > Voreinstellungen > Hilfslinien > Raster und geben Sie 5 in das Feld Rasterlinie für jeden und 1 in das Feld Unterteilungen ein. Sie sollten auch das Infofenster (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 > Element> Allgemein auf Pixel einzustellen. Alle diese Optionen können Ihre Arbeitsgeschwindigkeit erhöhen.
Schritt 2
Erstellen Sie mit dem Rechteck-Werkzeug (M) eine 90 x 150 Pixel große Form, füllen Sie sie mit R=235, G=235, B=235 und erstellen Sie eine Kopie vor (Strg + C > Strg + F). Wählen Sie diese Kopie aus und ersetzen Sie das für die Füllung verwendete Hellgrau durch R=238, G=26, B=26. Gehen Sie zum Ebenenbedienfeld, konzentrieren Sie sich auf das rote Rechteck und machen Sie es unsichtbar, indem Sie auf das kleine Augensymbol klicken. Sie werden diese Form später benötigen, aber im Moment ist es besser, sie versteckt zu halten.
Schritt 3
Konzentrieren wir uns auf dieses graue Rechteck. Wählen Sie es aus und gehen Sie zu Objekt > Transformieren > Drehen. Geben Sie einen Winkel von 45 Grad ein, klicken Sie auf OK und gehen Sie zu Objekt > Transformieren > Reflektieren. Aktivieren Sie die Schaltfläche Vertikal und klicken Sie auf die Schaltfläche Kopieren. Dadurch wird natürlich eine horizontal gespiegelte Kopie der grauen Form erstellt. Wählen Sie diese Kopie aus und gehen Sie zu Objekt > Transformieren > Verschieben. Geben Sie 42,4 Pixel in das Feld Horizontal und 0 Pixel in das Feld Vertikal ein und klicken Sie auf OK. Am Ende sollte Ihr umgedrehtes Rechteck wie im vierten Bild gezeigt platziert werden. Wählen Sie beide grauen Rechtecke aus, öffnen Sie das Pathfinder-Bedienfeld und klicken Sie auf die Schaltfläche Vereinen. Erstellen Sie mit dem Rechteck-Werkzeug (M) eine 125 x 60 Pixel große Form und platzieren Sie sie wie im sechsten Bild gezeigt. Wählen Sie dieses neue Rechteck zusammen mit der grauen Form aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Intersect". Die resultierende Form sollte wie im siebten Schritt aussehen.
Schritt 4
Konzentrieren Sie sich auf das Ebenenbedienfeld und aktivieren Sie die Sichtbarkeit für das im zweiten Schritt erstellte rote Rechteck. Wählen Sie es aus und gehen Sie zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 45 Pixel ein, klicken Sie auf OK und gehen Sie zu Objekt > Transformieren > Drehen. Geben Sie einen Winkel von 45 Grad ein, klicken Sie auf OK und gehen Sie zu Objekt > Transformieren > Reflektieren. Aktivieren Sie die Schaltfläche Vertikal und klicken Sie auf die Schaltfläche Kopieren. Wählen Sie die neu erstellte Form aus und gehen Sie zu Objekt > Transformieren > Verschieben. Geben Sie 42,4 Pixel in das Feld Horizontal und 0 Pixel in das Feld Vertikal ein und klicken Sie auf OK. Wählen Sie beide roten Formen aus, gehen Sie zu Objekt > Darstellung erweitern und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Vereinigen. Wählen Sie abschließend die rote Form zusammen mit dem im vorherigen Schritt erstellten grauen Dreieck aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Unite".
Schritt 5
Als Nächstes benötigen Sie das Round Any Corner-Skript. Sie finden es in 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). Wählen Sie den oberen Ankerpunkt aus, der im ersten Bild hervorgehoben ist, 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. Fahren Sie mit dem Direktauswahl-Werkzeug (A) fort, wählen Sie den im ersten Bild hervorgehobenen unteren Ankerpunkt aus und gehen Sie erneut zu Datei > Skripte > Anderes Skript. Öffnen Sie das Round Any Corner-Skript, geben Sie einen Radius von 8 Pixel ein und klicken Sie auf OK. Wechseln Sie zum Werkzeug Ankerpunkt löschen (-) und entfernen Sie einfach die im zweiten Bild hervorgehobenen Ankerpunkte.
Schritt 6
Stellen Sie sicher, dass Ihre rote Form noch ausgewählt ist, und gehen Sie zu Effekt > Verformen > Fischauge. Geben Sie die im folgenden Bild gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Objekt > Darstellung erweitern. Gehen Sie zum Ebenenbedienfeld, doppelklicken Sie auf diese rote Form und nennen Sie sie einfach "heart".
Schritt 7
Wählen Sie "heart" und erstellen Sie eine Kopie vor (Strg + C > Strg + F). Erstellen Sie mit dem Ellipsen-Werkzeug (L) eine Form von 185 x 90 Pixel und platzieren Sie sie wie im zweiten Bild gezeigt. Wählen Sie es zusammen mit der zu Beginn des Schritts erstellten Kopie aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Intrsect". Wählen Sie die resultierende Form aus und gehen Sie zu Objekt > Pfad > Versatzpfad. Geben Sie einen Versatz von -3px ein und klicken Sie auf OK. Entfernen Sie die ursprüngliche Form und konzentrieren Sie sich auf den neu erstellten Vektorpfad. Wählen Sie es aus, füllen Sie es mit dem im folgenden Bild gezeigten linearen Farbverlauf, verringern Sie die Deckkraft auf 70% und ändern Sie den Mischmodus auf Überlagern. Die gelbe Null aus dem Verlaufsbild steht für den Deckkraftprozentsatz.
Schritt 8
Wählen Sie "heart" und gehen Sie zu Objekt > Pfad > Versatzpfad. Geben Sie einen Versatz von -3px ein und klicken Sie auf OK. Füllen Sie die resultierende Form mit dem im zweiten Bild gezeigten linearen Farbverlauf, verringern Sie die Deckkraft auf 10% und ändern Sie den Mischmodus auf Multiplizieren. Wählen Sie "heart" erneut aus und erstellen Sie eine Kopie vor (Strg + C > Strg + F). Wählen Sie es aus, füllen Sie es mit dem im vierten Bild gezeigten radialen Farbverlauf, verringern Sie die Deckkraft auf 75% und ändern Sie den Mischmodus auf Multiplizieren. Denken Sie daran, dass die gelben Nullen in den Verlaufsbildern für den Deckkraftprozentsatz stehen.
Schritt 9
Deaktivieren Sie das Raster (Ansicht > Raster ausblenden) und das Raster am Raster (Ansicht > Am Raster ausrichten). Gehen Sie dann zu Bearbeiten > Einstellungen > Allgemein und stellen Sie sicher, dass das Tastaturinkrement auf 1 Pixel eingestellt ist. Wählen Sie "heart" und erstellen Sie zwei Kopien vor (Strg + C > Strg + F > Strg + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie mit dem Abwärtspfeil auf Ihrer Tastatur um 2 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 Schwarz, verringern Sie die Deckkraft auf 5% und ändern Sie den Mischmodus auf Multiplizieren. Wählen Sie "heart" und erstellen Sie eine Kopie vor (Strg + C > Strg + F). Wählen Sie diese Kopie aus, verschieben Sie sie mit dem Abwärtspfeil auf Ihrer Tastatur um 2 Pixel nach unten und duplizieren Sie sie dann (Strg + C > Strg + F). Wählen Sie diese neue 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 Weiß, verringern Sie die Deckkraft auf 70% und ändern Sie den Mischmodus auf Überlagern.
Schritt 10
Wählen Sie die zweite Form aus, die im vorherigen Schritt erstellt wurde, und gehen Sie zu Objekt > Pfad > Versatzpfad. Geben Sie einen -1px-Versatz ein und klicken Sie auf OK. Wählen Sie die resultierende Form aus und erhöhen Sie die Deckkraft auf 100%. Wählen Sie "heart" und erstellen Sie eine Kopie vor (Strg + C > Strg + F). Wählen Sie diese Kopie aus, verschieben Sie sie um 2 Pixel nach unten und duplizieren Sie sie (Strg + C > Strg + F). Wählen Sie diese neue Kopie aus und verschieben Sie sie um 8 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ß, verringern Sie die Deckkraft auf 40% und ändern Sie den Mischmodus auf Überlagern.
Schritt 11
Wählen Sie "heart" und erstellen Sie zwei Kopien vor (Strg + C > Strg + F > Strg + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie mit dem Aufwärtspfeil auf Ihrer Tastatur um 2 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, verringern Sie die Deckkraft auf 20% und ändern Sie den Mischmodus auf Multiplizieren. Wählen Sie "heart" und erstellen Sie eine Kopie vor (Strg + C > Strg + F). Wählen Sie diese Kopie aus, verschieben Sie sie um 2 Pixel nach oben und duplizieren Sie sie (Strg + C > Strg + F). Wählen Sie diese neue Kopie aus und verschieben Sie sie um 2 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 Weiß, verringern Sie die Deckkraft auf 40% und ändern Sie den Mischmodus auf Überlagern.
Schritt 12
Wählen Sie "heart" und erstellen Sie eine Kopie vor (Strg + C > Strg + F). Wählen Sie diese Kopie aus, verschieben Sie sie um 4 Pixel nach oben und duplizieren Sie sie (Strg + C > Strg + F). Wählen Sie diese neue Kopie aus und verschieben Sie sie um 3 Pixel nach oben. Wählen Sie beide in diesem Schritt erstellten Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit dem im folgenden Bild gezeigten linearen Farbverlauf, verringern Sie die Deckkraft auf 5% und ändern Sie den Mischmodus auf Multiplizieren.
Schritt 13
Wählen Sie "heart" und erstellen Sie eine Kopie vor (Strg + C > Strg + F). Wählen Sie diese Kopie aus, verschieben Sie sie um 4 Pixel nach oben und duplizieren Sie sie (Strg + C > Strg + F). Wählen Sie diese neue Kopie aus und verschieben Sie sie um 11 Pixel nach oben. Wählen Sie beide in diesem Schritt erstellten Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit dem im folgenden Bild gezeigten linearen Farbverlauf, verringern Sie die Deckkraft auf 5% und ändern Sie den Mischmodus auf Multiplizieren.
Schritt 14
Wählen Sie "heart" und erstellen Sie eine Kopie vor (Strg + C > Strg + F). Wählen Sie diese Kopie aus, verschieben Sie sie um 4 Pixel nach oben und duplizieren Sie sie (Strg + C > Strg + F). Wählen Sie diese neue Kopie aus und verschieben Sie sie um 18 Pixel nach oben. Wählen Sie beide in diesem Schritt erstellten Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit dem im folgenden Bild gezeigten linearen Farbverlauf, verringern Sie die Deckkraft auf 5% und ändern Sie den Mischmodus auf Multiplizieren.
Schritt 15
Wählen Sie "heart", konzentrieren Sie sich auf das Bedienfeld "Darstellung" und fügen Sie einen 1-Punkt-Strich hinzu. Wählen Sie es aus, stellen Sie die Farbe auf Schwarz ein, richten Sie es nach innen aus und verringern Sie die Deckkraft auf 10%. Stellen Sie sicher, dass Ihre "heart" -Form ausgewählt bleibt, konzentrieren Sie sich weiterhin auf das Bedienfeld "Darstellung" und fügen Sie mit der Schaltfläche "Neuen Strich hinzufügen" (durch den kleinen blauen Pfeil gezeigt) vier neue Striche hinzu. Wählen Sie den oberen, neuen Strich aus, machen Sie ihn 14pt breit, stellen Sie die Farbe auf R=162, G=25, B=24 ein, richten Sie ihn nach innen aus und senken Sie die Deckkraft auf 5%. Gehen Sie zum nächsten Strich nach unten, wählen Sie ihn aus, machen Sie ihn 7pt breit, stellen Sie die Farbe auf R = 162, G = 25, B = 24 ein, richten Sie ihn nach innen aus und senken Sie die Deckkraft auf 15%. Fahren Sie mit dem nächsten Strich fort, wählen Sie ihn aus, machen Sie ihn 3pt breit, stellen Sie die Farbe auf R = 162, G = 25, B = 24 ein, richten Sie ihn nach innen aus und senken Sie die Deckkraft auf 20%. Wählen Sie zum Schluss den unteren neuen Strich aus, machen Sie ihn 1pt breit, stellen Sie die Farbe auf R = 162, G = 25, B = 24 ein, richten Sie ihn nach innen aus und senken Sie die Deckkraft auf 25%.
Schritt 16
Wählen Sie "heart" und konzentrieren Sie sich auf das Bedienfeld "Darstellung". Wählen Sie die Füllung aus und gehen Sie zu Effekt > Stilisieren > Schlagschatten. Geben Sie die im oberen linken Fenster angezeigten Eigenschaften ein, klicken Sie auf OK und fügen Sie die anderen vier im folgenden Bild gezeigten Schlagschatteneffekte hinzu.
Schritt 17
Wählen Sie Alle bisher erstellten Formen aus (Strg + A) und gruppieren Sie sie (Strg + G).
Schritt 18
Erstellen Sie mit dem Rechteck-Werkzeug (M) eine Form in der Größe Ihrer Zeichenfläche, füllen Sie sie mit R = 40, G = 40, B = 40 und senden Sie sie zurück (Umschalt + Strg + [). Stellen Sie sicher, dass dieses Rechteck ausgewählt bleibt, konzentrieren Sie sich auf das Bedienfeld „Darstellung“ und fügen Sie mithilfe der Schaltfläche „Neue Füllung hinzufügen“ (durch den kleinen blauen Pfeil gezeigt) eine zweite Füllung hinzu. Wählen Sie diese neue Füllung aus, stellen Sie die Farbe auf Schwarz ein, verringern Sie die Deckkraft auf 15%, ändern Sie den Mischmodus auf Multiplizieren und gehen Sie zu Effekt > Künstlerisch > Filmkörnung. Geben Sie die im folgenden Bild gezeigten Eigenschaften ein und klicken Sie auf OK.
Schritt 19
Wählen Sie abschließend die im siebzehnten Schritt erstellte Gruppe aus und gehen Sie zu Effekt > Verzerren & Transformieren > Transformieren. Geben Sie die im linken Fenster angezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie erneut zu Effekt > Verzerren & Transformieren > Transformieren. Geben Sie die im rechten Fenster angezeigten Eigenschaften ein, klicken Sie auf OK und Sie sind fertig.
Abschluss
Jetzt ist Ihre Arbeit erledigt. So muss es aussehen. Mit den im letzten Schritt hinzugefügten Transformationseffekten können Sie noch viel mehr tun. Fügen Sie einfach einen anderen Winkel für die Drehung hinzu und das Ergebnis könnte Sie überraschen.
