Share
In den folgenden Schritten erfahren Sie, wie Sie eine einfache Herzillustration erstellen. Es ist ein ziemlich einfacher Tipp, der Ihnen zeigt, wie Sie die Verwendung des Stiftwerkzeugs vermeiden, wenn Sie eine etwas komplexe Vektorform erstellen möchten. Wir beginnen mit zwei einfachen Rechtecken. Als Nächstes werden mit den grundlegenden Transformationsoptionen, dem abgerundeten Eckeneffekt, einem kleinen Skript, einigen einfachen Werkzeugen und dem Warp-Fisheye-Effekt die Hauptherzform erstellt. Bei der Farbgebung werden das Appearance-Bedienfeld, mehrere lineare Gradienten, Pathfinder-Optionen sowie einige grundlegende Effekte und Mischtechniken verwendet. Zum Abschluss verwenden wir einen einfachen Transformationseffekt.
Drücken Sie Befehlstaste + N, um ein neues Dokument zu erstellen. Geben Sie 600 in das Breitenfeld und 400 in das Höhenfeld 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). Für dieses Tutorial benötigen Sie alle 5px ein Raster. Gehen Sie einfach zu Bearbeiten> Voreinstellungen> Hilfslinien> Raster, geben Sie 5 in das Feld Rasterlinie alle und 1 in das Feld Unterteilungen ein. Sie sollten 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 in Pixeln unter Bearbeiten> Voreinstellungen> Einheit> Allgemein festzulegen. Alle diese Optionen erhöhen die Arbeitsgeschwindigkeit erheblich.
Erstellen Sie mit dem Rechteckwerkzeug (M) eine 90 x 150 Pixel-Form, füllen Sie sie mit R = 235, G = 235, B = 235 und erstellen Sie eine Kopie in Front (Control + C> Control + 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. Du wirst diese Form später brauchen, aber für den Moment ist es besser, sie versteckt zu halten.
Konzentrieren wir uns auf das 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. Überprüfen Sie die Schaltfläche Vertikal und klicken Sie auf die Schaltfläche Kopieren. Offensichtlich wird dadurch eine horizontal gespiegelte Kopie der grauen Form erstellt. Wählen Sie diese Kopie aus und gehen Sie zu Objekt> Transformieren> Verschieben. Geben Sie 42.4px in das Feld Horizontal und 0px in das Feld Vertikal ein, und klicken Sie auf OK. Am Ende sollte das umgedrehte 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 Unite. Erstellen Sie mit dem Rechteckwerkzeug (M) eine 125 x 60px-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 „Schnittmenge“. Die resultierende Form sollte wie im siebten Schritt aussehen.
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. Überprüfen 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.4px in das Feld Horizontal und 0px in das Feld Vertikal ein, und klicken Sie auf OK. Wählen Sie beide roten Formen aus, gehen Sie zu Objekt> Aussehen erweitern, und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Unite. Wählen Sie schließlich die rote Form zusammen mit dem im vorherigen Schritt erstellten grauen Dreieck aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Unite.
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 und greifen Sie zum Direktauswahl-Werkzeug (A). Wählen Sie den im ersten Bild hervorgehobenen oberen Ankerpunkt aus und gehen Sie zu Datei> Skripts> Anderes Skript. Öffnen Sie das Round Any Corner-Skript, geben Sie einen Radius von 3 Punkten 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 wechseln Sie erneut zu Datei> Skripts> Anderes Skript. Öffnen Sie das Round Any Corner-Skript, geben Sie einen 8px-Radius ein und klicken Sie auf OK. Wechseln Sie zum Werkzeug Ankerpunkt löschen (-) und entfernen Sie einfach die im zweiten Bild hervorgehobenen Ankerpunkte.
Stellen Sie sicher, dass Ihre rote Form noch ausgewählt ist, und gehen Sie zu Effekt> Warp> Fischauge. Geben Sie die in der folgenden Abbildung 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 "Herz"..
Wählen Sie "Herz" und erstellen Sie eine Kopie (Control + C> Control + F). Erstellen Sie mit dem Ellipse-Werkzeug (L) eine 185 x 90px-Form und platzieren Sie sie wie im zweiten Bild gezeigt. Wählen Sie es zusammen mit der am Anfang des Schritts erstellten Kopie aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Überschneiden". Wählen Sie die resultierende Form aus und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie einen -3px-Offset ein und klicken Sie auf OK. Entfernen Sie die ursprüngliche Form und fokussieren Sie 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 Füllmodus in Überlagerung. Die gelbe Null im Verlaufsbild steht für den Prozentsatz der Deckkraft.
Wählen Sie "Herz" und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie einen -3px-Offset 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 Füllmodus auf Multiplizieren. Wählen Sie "Herz" erneut aus und erstellen Sie eine Kopie in Front (Control + C> Control + 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 Füllmodus auf Multiplizieren. Denken Sie daran, dass die gelben Nullen der Verlaufsbilder für den Prozentsatz für die Deckkraft stehen.
Deaktivieren Sie das Raster (Ansicht> Raster ausblenden) und die Option Am Raster ausrichten (Ansicht> Am Raster ausrichten). Gehen Sie dann zu Bearbeiten> Voreinstellungen> Allgemein, und stellen Sie sicher, dass für das Tastaturinkrement 1 Pixel eingestellt ist. Wählen Sie "Herz" und machen Sie zwei Kopien vor (Control + C> Control + F> Control + 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 Füllmodus auf Multiplizieren. Wählen Sie "Herz" und erstellen Sie eine Kopie (Control + C> Control + F). Wählen Sie diese Kopie aus, verschieben Sie sie mit dem Abwärtspfeil auf der Tastatur um 2 Pixel nach unten und duplizieren Sie sie (Strg + C> Strg + F). Wählen Sie diese neue Kopie aus und verschieben Sie sie 3px 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 Füllmodus in Überlagerung.
Wählen Sie die zweite im vorherigen Schritt erstellte Form aus und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie einen -1px-Offset ein und klicken Sie auf OK. Wählen Sie die resultierende Form aus und erhöhen Sie die Deckkraft auf 100%. Wählen Sie "Herz" und erstellen Sie eine Kopie (Control + C> Control + F). Wählen Sie diese Kopie aus, verschieben Sie sie 2px 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 Füllmodus in Überlagerung.
Wählen Sie "Herz" und machen Sie zwei Kopien vor (Control + C> Control + F> Control + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie mit dem Aufwärtspfeil auf der 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 Füllmodus auf Multiplizieren. Wählen Sie "Herz" und erstellen Sie eine Kopie in Front (Control + C> Control + F). Wählen Sie diese Kopie aus, verschieben Sie sie 2px nach oben und duplizieren Sie sie (Strg + C> Strg + F). Wählen Sie diese neue 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ß, verringern Sie die Deckkraft auf 40% und ändern Sie den Füllmodus in Überlagerung.
Wählen Sie "Herz" und erstellen Sie eine Kopie in Front (Control + C> Control + F). Wählen Sie diese Kopie aus, verschieben Sie sie 4px nach oben und duplizieren Sie sie (Strg + C> Strg + F). Wählen Sie diese neue Kopie aus und verschieben Sie sie 3px 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 in der folgenden Abbildung gezeigten linearen Farbverlauf, verringern Sie die Deckkraft auf 5% und ändern Sie den Füllmodus auf Multiplizieren.
Wählen Sie "Herz" und erstellen Sie eine Kopie in Front (Control + C> Control + F). Wählen Sie diese Kopie aus, verschieben Sie sie 4px 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 in der folgenden Abbildung gezeigten linearen Farbverlauf, verringern Sie die Deckkraft auf 5% und ändern Sie den Füllmodus auf Multiplizieren.
Wählen Sie "Herz" und erstellen Sie eine Kopie in Front (Control + C> Control + F). Wählen Sie diese Kopie aus, verschieben Sie sie 4px 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 in der folgenden Abbildung gezeigten linearen Farbverlauf, verringern Sie die Deckkraft auf 5% und ändern Sie den Füllmodus auf Multiplizieren.
Wählen Sie "Herz", konzentrieren Sie sich auf das Erscheinungsbildfenster und fügen Sie einen Strich hinzu. Wählen Sie diese Option aus, stellen Sie die Farbe auf Schwarz ein, richten Sie sie nach innen aus und verringern Sie die Deckkraft auf 10%. Stellen Sie sicher, dass Ihre Herzform ausgewählt bleibt, konzentrieren Sie sich weiterhin auf das Erscheinungsbildfenster und fügen Sie mit der Schaltfläche „Neuen Strich hinzufügen“ (durch den kleinen blauen Pfeil angezeigt) vier neue Striche hinzu. Wählen Sie den oberen, neuen Strich aus, stellen Sie ihn auf 14pt breit, setzen Sie die Farbe auf R = 162, G = 25, B = 24, richten Sie ihn nach innen aus und verringern Sie die Deckkraft auf 5%. Gehen Sie zum nächsten Strich, wählen Sie ihn aus, machen Sie ihn um 7pt breit, setzen Sie die Farbe auf R = 162, G = 25, B = 24, richten Sie ihn nach innen aus und verringern Sie die Deckkraft auf 15%. Fahren Sie mit dem nächsten Strich fort, wählen Sie ihn aus, stellen Sie ihn auf 3pt breit, setzen Sie die Farbe auf R = 162, G = 25, B = 24, richten Sie ihn nach innen aus und verringern Sie die Deckkraft auf 20%. Wählen Sie schließlich den unteren, neuen Strich, machen Sie ihn um 1pt breit, setzen Sie die Farbe auf R = 162, G = 25, B = 24, richten Sie ihn nach innen aus und verringern Sie die Deckkraft auf 25%..
Wählen Sie "Herz" und konzentrieren Sie sich auf das Erscheinungsbildfenster. 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 dann die anderen vier Schatteneffekte hinzu, die im folgenden Bild gezeigt werden.
Alle bisher erstellten Formen auswählen (Strg + A) und gruppieren (Strg + G)..
Erstellen Sie mit dem Rechteckwerkzeug (M) eine Form in der Größe Ihres Artboards, füllen Sie sie mit R = 40, G = 40, B = 40 und senden Sie sie nach hinten (Umschalt + Strg + [). Stellen Sie sicher, dass dieses Rechteck ausgewählt bleibt, konzentrieren Sie sich auf das Bedienfeld „Erscheinungsbild“ und fügen Sie mithilfe der Schaltfläche „Neue Füllung hinzufügen“ eine zweite Füllung hinzu (durch den kleinen blauen Pfeil angezeigt). Wählen Sie diese neue Füllung aus, setzen Sie die Farbe auf Schwarz, verringern Sie die Deckkraft auf 15%, ändern Sie den Füllmodus auf Multiplizieren und gehen Sie zu Effekt> Künstlerisch> Filmkorn. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.
Wählen Sie schließlich die Gruppe aus, die Sie im siebzehnten Schritt erstellt haben, und gehen Sie zu Effekt> Verzerrung und Transformation> Transformation. Geben Sie die im linken Fenster angezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie erneut zu Effekt> Verzerrung und Transformation> Transformation. Geben Sie die im rechten Fenster angezeigten Eigenschaften ein, klicken Sie auf OK und fertig.
Jetzt ist deine Arbeit erledigt. So sollte es aussehen. Mit den im letzten Schritt hinzugefügten Transformationseffekten können Sie viel mehr erreichen. Fügen Sie einfach einen anderen Winkel für die Rotation hinzu und das Ergebnis könnte Sie überraschen.
Accentsconagua