Share
In dem folgenden Tutorial wird gezeigt, wie Sie ein Vektorpfaddesign um eine Form erstellen, ähnlich den Knotenelementen, die Sie in jedem Vektorprogramm sehen. Wir werden in Adobe Illustrator mit dem Erscheinungsbildfenster und einem Musterpinsel arbeiten, um dieses Design zu erstellen, das Teil des Tuts + Workshop: Alphabet Design Challenge ist!
Öffnen Sie Adobe Illustrator und drücken Sie die Befehlstaste + N, um ein neues Dokument zu erstellen. Geben Sie 600 in die Felder für 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.
Fügen Sie mit dem Textwerkzeug (T) ein einfaches "V" hinzu. Setzen Sie die Farbe auf R = 255 G = 222 B = 23, verwenden Sie die Schriftart "Script MT Bold" mit der Größe 400pt und gehen Sie zu Typ> Konturen erstellen (Umschalt + Strg + O). Wechseln Sie zum Ebenenbedienfeld und heben Sie die resultierende Form auf (Umschalt + Strg + G).
Wählen Sie die im vorherigen Schritt erstellte Form aus und erstellen Sie eine Kopie (Control + C> Control + F). Wähle diese Kopie aus und nimm das Direktauswahl-Werkzeug (A). Halten Sie die Umschalttaste gedrückt, klicken Sie auf den im zweiten Bild hervorgehobenen Ankerpunkt und drücken Sie dann die Entf-Taste auf Ihrer Tastatur. Am Ende sollten Sie diesen kleinen Ankerpunkt aus dem dritten Bild erhalten.
Wählen Sie den Ankerpunkt aus dem vorherigen Schritt erneut aus, konzentrieren Sie sich auf das Erscheinungsbildfenster und fügen Sie einen weißen Strich hinzu. Wählen Sie es aus, machen Sie es auf 3pt breit und gehen Sie zu Effekt> In Form umwandeln> Rechteck. Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und kehren Sie zum Fenster "Darstellung" zurück.
Fügen Sie einen zweiten Strich für diesen Ankerpunkt hinzu, indem Sie auf die Schaltfläche Neuen Strich hinzufügen am unteren Rand des Bedienfelds „Erscheinungsbild“ klicken. Wählen Sie es aus, machen Sie es 1pt breit, setzen Sie die Farbe auf Schwarz und gehen Sie zu Effekt> In Form umwandeln> Rechteck. Geben Sie die Daten in der folgenden Abbildung ein und klicken Sie auf OK. Stellen Sie sicher, dass dieser Ankerpunkt noch ausgewählt ist, und ziehen Sie ihn einfach in das Farbfeldbedienfeld. Dies speichert es als Muster. Doppelklicken Sie auf dieses neue Muster und nennen Sie es "Start & End Tile". Wir werden es später brauchen, wenn wir einen Musterpinsel erstellen.
Wählen Sie die gelbe Form erneut aus und erstellen Sie eine Kopie vor (Control + C> Control + F). Wählen Sie diese Kopie aus, greifen Sie zum Direktauswahl-Werkzeug (A), halten Sie die Umschalttaste gedrückt, klicken Sie auf den Ankerpunkt, der im zweiten Bild markiert ist, und drücken Sie dann die Entf-Taste auf Ihrer Tastatur. Am Ende sollten Sie einen einfachen Ankerpunkt haben. Als Nächstes müssen Sie die im vorherigen Schritt verwendeten Eigenschaften kopieren und in diesen neuen Ankerpunkt einfügen. Sie können dies einfach mit dem Zielsymbol tun. Gehen Sie zum Ebenenbedienfeld, konzentrieren Sie sich auf die rechte Seite und Sie werden feststellen, dass jede Form mit einem kleinen grauen Kreis versehen ist. Dies ist ein Zielsymbol. Halten Sie die Alt-Taste gedrückt und klicken Sie auf das Zielsymbol, das für den im vorherigen Schritt bearbeiteten Ankerpunkt steht, und ziehen Sie es auf das Zielsymbol, das für diesen neuen Ankerpunkt steht.
Konzentrieren Sie sich weiterhin auf Ihre gelbe Form und wiederholen Sie die im vorherigen Schritt beschriebene Technik für die restlichen Ankerpunkte.
Klicken Sie mit dem Rechteckwerkzeug (M) einfach auf Ihre Zeichenfläche. Geben Sie 5 in das Breitenfeld und 1 in das Höhenfeld ein und klicken Sie auf OK. Dies sollte ein 5 x 1 Pixel großes Rechteck erzeugen. Wählen Sie es aus, füllen Sie es mit Schwarz aus, öffnen Sie das Pinselfenster (Fenster> Pinsel) und klicken Sie auf die Schaltfläche Neuer Pinsel. Überprüfen Sie die Schaltfläche Musterpinsel und klicken Sie auf OK. Wählen Sie einen Namen für Ihren Pinsel und gehen Sie zu den Kachelfeldern. Wählen Sie die Start- und die Endkachel aus und fügen Sie das Muster "Start- und Endkachel" hinzu. Sie sollten es in Ihrer Liste unter den Feldern finden. Klicken Sie abschließend auf OK, und Sie sollten Ihren neuen Musterpinsel im Pinselfenster finden. Sobald Sie diesen Musterpinsel erhalten haben, können Sie das schwarze Rechteck aus dem Ebenenbedienfeld entfernen.
Konzentrieren Sie sich auf die Unterseite Ihres gelben Vektorpfads. Fügen Sie mit dem Stiftwerkzeug (P) einige einfache Pfade für die unteren Ankerpunkte hinzu, wie im ersten Bild gezeigt. Wählen Sie alle drei Pfade aus und ersetzen Sie den schwarzen Strich durch den im vorherigen Schritt erstellten Musterpinsel. Am Ende sollten die Dinge im zweiten Bild aussehen.
Als Nächstes müssen Sie die Ankerpunkte bearbeiten, für die Sie die gemusterten Pfade hinzugefügt haben. Wählen Sie einen dieser Ankerpunkte aus, und konzentrieren Sie sich auf das Erscheinungsbildfenster. Löschen Sie zuerst den weißen Strich. Wählen Sie anschließend den schwarzen Strich aus, vergrößern Sie ihn auf 3pt, öffnen Sie dann den vorhandenen Rechteckeffekt und bearbeiten Sie ihn wie in der folgenden Abbildung dargestellt. Wechseln Sie zum Ebenenbedienfeld und verwenden Sie diese Zielsymbole, um dieselben Eigenschaften für die beiden anderen Ankerpunkte hinzuzufügen.
Wählen Sie den gelben Pfad erneut aus, konzentrieren Sie sich auf das Erscheinungsbildbedienfeld und fügen Sie mithilfe der Schaltfläche „Neue Füllung hinzufügen“ eine zweite Füllung hinzu. Wählen Sie diese neue Füllung aus, ändern Sie den Füllmodus in weiches Licht, verringern Sie die Deckkraft auf 70%, fügen Sie den unten gezeigten linearen Farbverlauf hinzu und gehen Sie zu Effekt> Pfad> Versatzpfad. Geben Sie einen -3px-Offset ein und klicken Sie auf OK. Konzentrieren Sie sich weiterhin auf das Erscheinungsbildfenster, fügen Sie einen Strich für diese Form hinzu, machen Sie sie schwarz und 1pt breit. Die gelbe Null im Verlaufsbild steht für den Prozentsatz der Deckkraft.
Stellen Sie sicher, dass Ihr gelber Vektorpfad noch ausgewählt ist, und konzentrieren Sie sich auf das Erscheinungsbildbedienfeld. Wählen Sie die gelbe Füllung aus und gehen Sie zu Effekt> Pfad> Versatzpfad. Geben Sie einen Offset von 0,5px 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 kehren Sie zum Fenster "Darstellung" zurück. Fügen Sie eine zweite Füllung für diese Form hinzu, ziehen Sie sie unter das Erscheinungsbildbedienfeld und legen Sie ihre Farbe auf R = 255 fest. G = 242 B = 77. Wählen Sie Ihren "V" -Pfad erneut aus, stellen Sie sicher, dass keine Füllung oder Kontur ausgewählt ist (im Bedienfeld "Darstellung"), und wechseln Sie zu "Effekt"> "Stil"> "Schlagschatten". Geben Sie die im linken Fenster angezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im rechten Fenster angezeigten Daten ein und klicken Sie auf OK.
Gehen Sie zu Bearbeiten> Voreinstellungen> Allgemein und setzen Sie das Tastaturinkrement auf 0.25px. Erstellen Sie mit dem Rechteckwerkzeug (M) ein 12px-Quadrat, füllen Sie es mit R = 203 G = 203 B = 203 und duplizieren Sie es (Strg + C> Strg + F). Wählen Sie diese Kopie aus und drücken Sie einmal auf den Linkspfeil und den Aufwärtspfeil, um sie um 0,25 Pixel nach oben und nach links zu verschieben. Wählen Sie beide Quadrate erneut aus, öffnen Sie das Pathfinder-Bedienfeld und klicken Sie auf die Schaltfläche Minus Front. Wählen Sie den resultierenden Pfad aus, wandeln Sie ihn in ein Muster um und entfernen Sie ihn aus dem Ebenenbedienfeld.
Erstellen Sie mit dem Rechteckwerkzeug (M) eine Form, die der Größe Ihrer Zeichenfläche entspricht, füllen Sie sie mit R = 250 G = 250 B = 250 und senden Sie sie dann nach hinten (Umschalt + Strg + [)..
Wählen Sie das im vorherigen Schritt erstellte Rechteck erneut aus, konzentrieren Sie sich auf das Erscheinungsbildbedienfeld und fügen Sie eine zweite Füllung hinzu. Wählen Sie es aus, fügen Sie das im zwölften Schritt erstellte Muster hinzu und fertig.
Jetzt ist deine Arbeit erledigt. So sollte es aussehen. Ich hoffe, Sie sind inspiriert, an unserem letzten Tuts + Workshop: Alphabet Design Challenge teilzunehmen.
Accentsconagua