Erstellen Sie in Illustrator eine bunte Papiersorte mit mehreren Ebenen

German (Deutsch) translation by Nikol Angelowa (you can also view the original English article)

Ein paar Mal im Monat besuchen wir einige der Lieblingsbeiträge unserer Leser aus der Geschichte von Vectortuts+. Dieses Tutorial von Diana Berg wurde erstmals am 16. Dezember 2009 veröffentlicht.

Im Winter, hier in der Ukraine ist es ziemlich kalt und schneereich, oft erlebe ich es, farbenfrohe Illustrationen zu kreieren, die das kalte Wetter ausgleichen. Heute zeige ich Ihnen, wie Sie Ihre Stimmung aufhellen, indem Sie lebendige Illustrationen mit geschichtetem Papiertext und Bändern erstellen. Wir werden benutzerdefinierte Schriften erstellen und Illustrator-Effekte ausgiebig verwenden, um unsere Arbeit zu optimieren.

Möchten Sie Zugriff auf die vollständigen Vector Source-Dateien und herunterladbare Kopien jedes Tutorials, einschließlich dieses Tutorials? Werden Sie Mitglied bei Vector Plus für nur 9$ im Monat.

Einführung

Heute werden wir einen mehrschichtigen Effekt benutzerdefinierten Typs erstellen. Wir lernen auch einige der einfachsten Möglichkeiten kennen, Bänder und gefaltetes Papier herzustellen. Wir werden Pathfinder, Illustrator-Effekte und Grafikstile ausgiebig verwenden - so optimieren wir unsere Arbeit und vermeiden Routine mit vielen sich wiederholenden Elementen. Außerdem werden wir das Transparenzfenster und die Symbole verwenden, um Details hinzuzufügen, und, was noch wichtiger ist, wir lernen, wie Sie Produktivitätsprobleme beim Umgang mit mehreren Effekten vermeiden können.

Schritt 1 - Erstellen von benutzerdefinierten Schriftzügen

Öffnen Sie Illustrator und erstellen Sie ein neues Dokument mit 1000 x 600 Pixeln. Lassen Sie uns zuerst einen Hintergrund erstellen - zeichnen Sie ein Rechteck (M), das Ihre Leinwand bedeckt, und füllen Sie es mit einem vertikalen, linearen graublauen Farbverlauf, der von einem helleren Farbton (#808A96) zu einem dunkleren Farbton (#454C54) reicht. Wir werden es später mit Texturen bedecken, aber solange jeder angewendete Effekt die Programmproduktivität verringert, überlassen wir es dem letzten Schliff. Sperren Sie diese Ebene vorerst und benennen Sie sie in "BG" um.

Schritt 2

Erstellen Sie eine neue Ebene, nennen Sie sie "Type". Schalten Sie nun das Raster ein, indem Sie auf Ansicht > Raster anzeigen klicken. Das Raster wird mit den Standardeinstellungen nicht angezeigt, daher müssen Sie entweder die Option Raster im Hintergrund in den Hilfslinien und Rastereinstellungen (Befehl + K) deaktivieren oder die Sichtbarkeit der Hintergrundebene für eine Minute deaktivieren. Ich schlage vor, dass Sie letzteres tun, da es möglicherweise nicht einfach ist, sich an Gitter über allen Objekten zu gewöhnen.

Das Raster ist für diesen Schritt nicht unbedingt erforderlich, aber ich finde es für diesen Prozess ziemlich hilfreich. Vielleicht möchten Sie Ihre Rastereinstellungen in Bearbeiten > Einstellungen > Hilfslinien & Raster angeben, meine ist 100 px mit 10 Unterteilungen. Schließlich können Sie die Option Am Raster ausrichten (Ansicht > Am Raster ausrichten) für eine genauere Konstruktion aktivieren. Ich habe 90 px für die Buchstabenhöhe gewählt - ziehe also zwei horizontale Hilfslinien von den Linealen (Befehl + R), die Grundlinien anzeigen.

Wenn alle Vorbereitungen getroffen sind, können wir mit der Erstellung des Typs beginnen. Ich habe mich für "VECTOR" entschieden - dieses Wort hat nicht nur einen sinnvollen Sinn, sondern auch sehr schöne und einfache Buchstabenformen. Wir erstellen Buchstaben, mit denen Schriftdesigner ihre Karriere normalerweise gerne beginnen – fette, einfache Schrift, die auf geometrischen Formen basiert. Erstellen Sie ein Rechteck (M) 90x90 Pixel, kopieren Sie es dreimal - das sind unsere Buchstaben "V", "E", "T" und "R". Zeichnen Sie nun einen Kreis (L) 90x90 px und machen Sie eine Kopie - das sind unsere "C" und "O". Positionieren Sie zukünftige Buchstaben auf der unteren Führung entsprechend ihrer Reihenfolge im "VECTOR"-Wort, wie unten gezeigt.

Schritt 3

Ändern wir jetzt die Buchstaben. Wählen Sie zuerst das Direktauswahlwerkzeug (A) und wählen Sie die beiden unteren Punkte des ersten Rechtecks aus, drücken Sie nun Befehl + Alt + J (oder klicken Sie mit der rechten Maustaste und wählen Sie Durchschnitt), wählen Sie die Option Vertikal. Der Buchstabe "V" sieht jetzt dreieckiger aus.

Erstellen Sie nun ein Rechteck von 10 x 50 Pixel mit einer beliebigen Farbe und positionieren Sie es über dem "V", um seine Form zu bilden. Um sicherzustellen, dass das Rechteck und der Buchstabe ausgerichtet sind, wählen Sie beide Figuren aus und klicken Sie entweder im Optionsfenster oder in der Ausrichten-Palette (Umschalt + F7) auf die horizontale Mittenausrichtung. Wenn Sie die Position einer bestimmten Figur beim Ausrichten beibehalten möchten (z. B. wollte ich nicht, dass sich die V-Form bewegt), klicken Sie nach Auswahl beider Formen hinein - jetzt wird die andere Figur darauf ausgerichtet. Öffnen Sie nun das Pathfinder-Bedienfeld (Umschalt + Befehl + F9) und klicken Sie auf die Schaltfläche Subtrahieren (aber klicken Sie noch nicht auf die Schaltfläche Erweitern).

Erstellen Sie für den nächsten Buchstaben "E" ein weiteres kleines Rechteck, diesmal 10 x 60 Pixel. Machen Sie nun eine Kopie davon und positionieren Sie sie genau 20 px unterhalb des Originals. Wenn Am Raster ausrichten aktiviert ist, ziehen Sie einfach Alt + Umschalt-Ziehen Sie es zwei Rasterlinien nach unten oder drücken Sie die Eingabetaste mit dem ausgewählten Verschieben-Werkzeug (V) und fügen Sie 20 px für die vertikale Bewegung ein und klicken Sie auf Kopieren.

Wählen Sie nun beide kleinen Formen aus und drücken Sie Befehl + 8, um eine zusammengesetzte Form zu erstellen - auf diese Weise können wir die Figuren richtig ausrichten. Positionieren Sie sie auf dem zweiten großen Rechteck, um einen E-Buchstaben zu bilden, wählen Sie sowohl große als auch zusammengesetzte Formen aus, klicken Sie nun auf die große, um das Ausrichtungsobjekt zuzuweisen, und richten Sie sie vertikal zentriert aus. Auch hier Subtrahieren in Pathfinder - aber jetzt nicht erweitern.

Hinweis: Möchten Sie Buchstaben weicher erscheinen lassen, ersetzen Sie kleine Rechtecke in diesem und im nächsten Schritt einfach durch abgerundete Rechtecke mit kleinem Radius und gleichen Maßen.

Schritt 4

Erstellen Sie für den Buchstaben "C" ein Rechteck von 50 x 30 Pixel (obwohl Sie auch eines mit einer kleineren Breite von 10 px verwenden können, wenn Sie möchten). Positionieren Sie es erneut über dem zweiten Kreis, wählen Sie beide Formen aus, klicken Sie auf den großen Kreis und richten Sie es an der vertikalen Mitte aus. Drücken Sie die Subtract-Taste im Pathfinder.

Jetzt brauchen wir zwei Formen, um den Buchstaben "T" zu bilden - ich habe ein Rechteck von 40 x 70 Pixel genommen und eine Kopie gemacht. Positionieren Sie sie nun, um die großen Rechteckteile auszublenden, damit der Buchstabe proportional aussieht - ich habe sowohl vertikale als auch horizontale Striche im "T" -Buchstaben 30 px gemacht. Ich habe hier keine Ausrichtung verwendet, da mir die Option Am Raster ausrichten geholfen hat, Formen präzise zu positionieren. Wählen Sie zum Schluss wieder alle drei Zahlen aus und subtrahieren Sie.

Schritt 5

Wir haben die letzten beiden Buchstaben übrig. Ich habe mich dafür entschieden, den Buchstaben "O" fest zu lassen oder ein Loch darin zu machen. Beide Ergebnisse sehen gut aus, aber ein solides "O" sieht in diesem speziellen Design viel harmonischer aus, also habe ich beschlossen, es intakt zu lassen. Wenn Sie es jedoch ändern möchten, fühlen Sie sich frei. Erstellen Sie ein Quadrat 30 x 30 Pixel, positionieren Sie es über dem "O" und richten Sie es vertikal und horizontal aus. Drücken Sie nun die Subtract-Taste im Pathfinder.

Wählen Sie für den Buchstaben "R" das letzte Rechteck aus und fügen Sie mit dem Stiftwerkzeug (P) einen Ankerpunkt in der Mitte seiner rechten vertikalen Seite hinzu - der Stiftcursor wird zu Punkte hinzufügen. Wählen Sie nun den neuen Punkt zusammen mit dem oberen rechten Eckpunkt mit Direktauswahl (A) aus und verschieben Sie die Punkte um 30 Pixel nach links. Erstellen Sie nun einen Kreis (L) 50 x 50 px und positionieren Sie ihn, um die "R" -Form zu bilden - der Kreis sollte mit seinem oberen Punkt den oberen rechten Figurenpunkt berühren. Jetzt können Sie diese im Pathfinder-Bedienfeld zu Formen kombinieren, indem Sie auf die Schaltfläche Hinzufügen klicken.

Schritt 6

Jetzt ist es an der Zeit, den Typ anzupassen. Erstens sind die Buchstaben "E" und "R" zu breit. Lass uns das korrigieren. Wählen Sie die linke Seite von jedem von ihnen mit der Direktauswahl (A) aus und bewegen Sie sie nach rechts, während Sie die Umschalttaste gedrückt halten (oder drücken Sie einfach Umschalt + Rechtspfeil). Stellen Sie nun sicher, dass Sie mit all den Lücken zufrieden sind, die wir gerade in den zusammengesetzten Formen gemacht haben. Wenn Sie kleine Rechtecke verschieben oder transformieren möchten, wählen Sie sie mit dem Gruppenauswahlwerkzeug (weißer Pfeil mit +) aus und passen Sie die Position an. Wenn Buchstaben gut aussehen, wählen Sie jeden aus und klicken Sie im Pathfinder-Bedienfeld auf Erweitern, um sie in einzelne Formen umzuwandeln.

Ändern Sie jetzt den Buchstabenabstand, indem Sie die Buchstaben näher aneinander rücken. Wir werden keine strengen Regeln für die Schriftgestaltung implementieren, sondern das Kerning visuell anpassen, bis uns das Ergebnis gefällt. Wählen Sie zuletzt alle sechs Buchstaben aus und kombinieren Sie sie im Pathfinder-Bedienfeld zu einem zusammengesetzten Pfad, indem Sie auf die Schaltfläche Hinzufügen und dann auf Erweitern klicken. Bewegen Sie das Wort "VECTOR" in die Mitte der Leinwand und ändern Sie seine Füllung in Fuchsia (#ED0072). Deaktivieren Sie jetzt die Option Am Raster ausrichten (Umschalt + Befehl + '), da sie uns von nun an nur noch stört.

Schritt 7 - Erstellen eines Ebeneneffekts

Sie können jetzt die Sichtbarkeit der Ebene "BG" einschalten (stellen Sie jedoch sicher, dass sie gesperrt ist). Wir haben an dieser Stelle zwei Möglichkeiten, den Ebeneneffekt zu erzeugen. Wir könnten an einem einzigen Objekt arbeiten, das wir gerade erstellt haben, und ihm mehrere Füllungen mit angewendeten Effekten hinzufügen. Auf diese Weise müssen jedoch alle Papierstreifen und -bänder, die zwischen den Schriftschichten liegen, teilweise maskiert werden. Oder wir können für jede Textebene separate Objekte erstellen und dann einfach die Bänder dazwischen positionieren. Ich habe mich für den zweiten Weg entschieden, da die Positionierung von Papierstreifen auf diese Weise einfacher ist und wir mit separaten Textobjekten eine gewisse Flexibilität haben.

Wählen Sie den Typ aus, gehen Sie zu Effekte > 3D > Extrudieren und Abschrägen. Geben Sie für die Rotationsoptionen 4 für die X-Achsen-Rotation und 0 für die Y- und Z-Achsen-Rotation ein. Geben Sie für die Extrusion 30 ein und wenden Sie sie an.

Gehen Sie nun, während der Typ noch ausgewählt ist, zu Effekte > Stilisieren > Schatten, ändern Sie die X-Verschiebung auf 0 px und die Y-Verschiebung auf 2 px, ändern Sie die Farbe auf K = 50%. Lassen Sie die Überblendung bei Multiplizieren, Deckkraft bei 75% und Unschärfe bei 5 px und wenden Sie den Effekt an. Sie werden einen subtilen 3D-Effekt sehen. Öffnen Sie bei ausgewähltem Typ das Grafikstile-Bedienfeld und fügen Sie einen neuen Stil hinzu, nennen Sie ihn "Type" - auf diese Weise haben Sie immer eine Sicherungskopie dieses Objekts (obwohl wir es möglicherweise nicht benötigen, bevorzuge ich es dennoch, es zu speichern). .

Schritt 8

Gehen Sie nun, wenn Ihr Typ ausgewählt ist, zu Objekt > Pfad > Versatzpfad, geben Sie 5 px für Versatz ein und wenden Sie ihn an. Sie sehen eine parallele Form hinter dem ursprünglichen Schriftzug, und es hat die gleiche Wirkung, wenn Sie die Buchstaben richtig kombiniert haben. Wenn Sie dies nicht getan haben, besteht die Möglichkeit, dass diese Figur aus sechs separaten Formen besteht oder keine Effekte angewendet werden. Wählen Sie in diesem Fall alle aus (außer der ursprünglichen oberen, zusammengesetzten Form) und kombinieren Sie sie erneut im Pathfinder-Bedienfeld zu einem einzigen, indem Sie auf die Schaltfläche Hinzufügen und dann auf die Schaltfläche Erweitern klicken.

Klicken Sie nun im Grafikstile-Bedienfeld auf den neuen Grafikstil, den wir gerade erstellt haben - und das war's! Auf die zweite Form werden die gleichen Effekte angewendet. Überprüfen Sie Ihr Ebenenbedienfeld – beide Formen müssen als Zusammengesetzter Pfad betitelt sein. Alles, was wir tun müssen, ist die Füllfarbe der unteren Form in #FF0051 zu ändern.

Schritt 9

Wir müssen den vorherigen Schritt sechsmal wiederholen und jedes Mal, wenn die untere Form um 5 px mehr versetzt wird, eingeben:10, 15, 20, 25, 30 und 35 Pixel. Stellen Sie nach dem Ausführen des Befehls Pfad versetzen sicher, dass Sie die neue untere Form auswählen (da beide Formen standardmäßig ausgewählt werden) und ihre Füllfarbe ändern. Unten sehen Sie acht Farbfelder für diese Arbeit. Erstellen Sie im entsprechenden Bedienfeld einen neuen Farbfeldordner und fügen Sie diese Farben hinzu, da wir sie später oft wieder verwenden werden. Wenden Sie diese Farben auf jede neue Form an. Das ist es, was Sie jetzt haben.

Schritt 10

Wenn Sie Ihr Ebenenbedienfeld öffnen, sehen Sie acht Objekte auf der Ebene "Type" - das bedeutet, dass Sie alles richtig gemacht haben. Vielleicht möchten Sie alle Formen ein wenig verschieben und ihre Position anpassen. Sie können an dieser Stelle auch die Farben ändern, wenn Sie mit dem Aussehen Ihrer Farben nicht zufrieden sind, da der Extrusionseffekt die Farben ein wenig verzerrt. Wählen Sie in diesem Fall jede Form einzeln aus, ändern Sie ihre Farbe und erstellen Sie dann ein neues Farbfeld, um es für später zu speichern.

Ich möchte Sie zu einem Produktivitätsproblem beraten. Mehrere Effekte können Illustrator verlangsamen – jedes Mal, wenn Sie Objekte verschieben, rendert das Programm Effekte, dies kann Ihre Produktivität erheblich reduzieren. Um dies zu vermeiden, schlage ich vor, dass Sie Symbole verwenden. Ziehen Sie einfach jede Form in das Symbolbedienfeld (oder wählen Sie sie aus und klicken Sie auf die Schaltfläche „Neu“ im Symbolbedienfeld) und benennen Sie sie von "1" bis "8". Grafiksymbole sind sehr kompakte Objekte und benötigen weniger Speicher. Wenn Sie die Form bearbeiten möchten, wählen Sie die Symbolinstanz aus und klicken Sie im Symbolbedienfeld auf das Symbol „Verknüpfung trennen“.

Schritt 11 - Papierstreifen herstellen

Lassen Sie uns gefaltete Papierstreifen erstellen. Ich zeige Ihnen den einfachsten Weg, sie zu machen. Sie können auf derselben Textebene bleiben, da Sie neue Objekte zwischen den Formen aus dem vorherigen Abschnitt positionieren müssen. Aber Sie sperren vorerst besser acht Schriftformen. Nehmen Sie also ein Stiftwerkzeug (P) und zeichnen Sie eine Form bestehend aus 3-6 Punkten - ziehen Sie nicht an den Griffen, da wir keine glatten Punkte benötigen. Machen Sie die Form ohne Füllung und 0,5 pt Strich, wählen Sie eine Strichfarbe aus unserem Ordner - zum Beispiel rosa. Gehen Sie nun zu Effekte > 3D > Extrudieren & Abschrägen, aktivieren Sie Vorschau und drehen Sie den Vorschauwürfel, um das gewünschte Ergebnis zu erzielen, machen Sie die Extrusion zwischen 30 und 50 und wenden Sie dann den Effekt an.

Öffnen Sie nun das Grafikstile-Bedienfeld und fügen Sie einen neuen Stil hinzu, nennen Sie ihn "Paper_stripe". OK, Sie können das Objekt jetzt erweitern - gehen Sie zu Objekt > Pfad > Darstellung erweitern. Drücken Sie nun Shift + Command + G, um die Gruppierung der Form viermal aufzuheben, und drücken Sie dann Command + G, um sie zu gruppieren (so funktioniert es leider und das dreimalige Aufheben der Gruppierung funktioniert nicht). Sie können die Form jetzt ganz einfach umwandeln und verschieben. Finden Sie die beste Position dafür. Alles, was Sie jetzt tun müssen, ist, es irgendwo zwischen die Schriftformen zu ziehen - das geht ganz einfach im Ebenenbedienfeld.

Schritt 12

Jetzt fügen wir einen Schatten unter unserem Streifen hinzu. Dieser Schritt ist optional. Wenn Sie also das Farbband so mögen, wie es ist, können Sie es überspringen. Dennoch fügt der Schatten Realismus hinzu, daher empfehle ich Ihnen, ihn zu erstellen. Wählen Sie den Streifen aus, kopieren Sie ihn und fügen Sie ihn nach hinten ein (Befehl + C und Befehl + B), drücken Sie nun Befehl + Umschalt + G, um die Gruppierung aufzuheben und zu einer einzigen Form zu kombinieren, indem Sie die Schaltfläche Hinzufügen im Pathfinder-Bedienfeld drücken.

Sie können die Form unter dem Band nicht sehen, also drehen Sie sie leicht. Ändern Sie nun die Füllfarbe auf K=60% und verwischen Sie sie (Effekte > Unschärfe > Gaußsche Unschärfe) um 15 Pixel. Gehen Sie jetzt zum Transparenzbedienfeld (Umschalt + Befehl + F10) und ändern Sie die Schattenüberblendung auf Multiplizieren. Fügen Sie nun im Grafikstile-Bedienfeld erneut einen neuen Stil hinzu und nennen Sie ihn "Shadow".

Der Schatten sieht zu hart aus, also machen wir ihn subtil. Wählen Sie nun den Schatten aus, gehen Sie zum Transparenzbedienfeld und klicken Sie zweimal auf die leere Stelle rechts neben dem Schattensymbol, deaktivieren Sie „Clip“. Das Maskensymbol erhält einen dicken schwarzen Rahmen, der den Deckkraftmaskenmodus anzeigt - Sie können auch Änderungen im Ebenenbedienfeld sehen.

Erstellen Sie ein Rechteck, das einen Schatten vollständig bedeckt, und füllen Sie es mit einem linearen Weiß-zu-Schwarz-Verlauf. Verwenden Sie das Verlaufswerkzeug (G), um die Richtung des Übergangs von Weiß zu Schwarz zu ändern, sodass das Weiß dort ist, wo der Schatten das Band berührt, und Schwarz dorthin geht, wo es verschwinden soll. Weiß zeigt das Objekt vollständig, während Schwarz es maskiert. Änderungen werden auf dem Maskensymbol des Transparenzbedienfelds angezeigt. Wenn die Maske fertig ist, klicken Sie auf das Schattensymbol auf der linken Seite der Maske - der Rahmen um sie herum bedeutet, dass Sie in den normalen Modus gewechselt sind. Wählen Sie nun sowohl das Band als auch seinen Schatten aus und gruppieren Sie es (Befehl + G), nennen Sie die Gruppe "Stripe-pink" und sperren Sie sie, wodurch alle Elemente organisiert bleiben.

Schritt 13

Der Rest der Papierstreifen wird auf die gleiche Weise erstellt. Zeichnen Sie mit dem Stiftwerkzeug einen Pfad, der eine Seitenansicht eines zukünftigen Streifens darstellt, machen Sie keine Füllung und eine beliebige Farbe, mit einem Strich von 0,5 pt, und wenden Sie den Grafikstil "Paper_stripe" an. Jetzt können Sie den Pfad drehen, um die gewünschte Form zu erhalten, oder die Extrusionseinstellungen ändern, indem Sie zweimal im Aussehenbedienfeld darauf klicken (Umschalt + F6). Ändern Sie die Strichfarbe in eines unserer Farbfelder, erweitern Sie die Darstellung, heben Sie die Gruppierung viermal auf und gruppieren Sie sie erneut. Das war's, positionieren Sie nun den Streifen mit dem Ebenenbedienfeld zwischen den Schriftformen.

Für den Schatten - wählen Sie erneut Ihren Streifen aus, kopieren Sie ihn und fügen Sie ihn zurück (Befehl + C und Befehl + B), heben Sie die Gruppierung auf und klicken Sie bei gedrückter Alt-Taste auf die Schaltfläche Hinzufügen im Pathfinder-Bedienfeld und klicken Sie auf den Stil "Shadow" im Grafikstilbedienfeld - Der Schatten ist fertig!

Sie müssen es richtig positionieren, indem Sie es drehen und verschieben und eine Deckkraftmaske mit Farbverlauf hinzufügen. Zur Erinnerung: Klicken Sie bei ausgewähltem Schatten rechts neben seinem Symbol im Transparenzbedienfeld, deaktivieren Sie „Clip“ und zeichnen Sie ein Rechteck mit einer weißen bis schwarzen Farbverlaufsfüllung. Passen Sie den Verlaufsübergang und den Maskenmodus an, indem Sie auf das Schattensymbol klicken, gruppieren Sie den Streifen und seinen Schatten, sperren Sie die Gruppe und benennen Sie sie entsprechend.

Schritt 14

Fügen Sie mehrere weitere Streifen hinzu - 7-8 sind in Ordnung. Verwenden Sie die obigen Richtlinien aus den Schritten 11-13, um sie richtig zu erstellen. Positionieren Sie sie in verschiedenen Richtungen zwischen den Schriftformen und fügen Sie Schatten unter jedem Streifen danach hinzu. Auch hier: Wenn Sie das Gefühl haben, dass Effekte Ihr Programm verlangsamen, ziehen Sie einfach jeden Streifen in das Bedienfeld „Symbole“, um die Produktivität zu steigern. Nachdem Sie alle Papierstreifen erstellt haben, haben Sie dieses Bild.

Schritt 15 - Erstellen von Bändern

Kommen wir nun zu den Bändern. Es gibt einige Möglichkeiten, sie herzustellen. Der erste ist offensichtlich - mit einer Wellenlinie und dem Extrude-Effekt, genau wie wir es für die Papierstreifen getan haben. Bei dieser Methode gibt es jedoch einige Probleme - Sie erhalten nach dem Erweitern zu viele Formen, ganz zu schweigen davon, dass beim Erweitern zu viele unnötige Punkte hinzugefügt werden. Tonnen von Objekten, die Sie beim Erweitern einer Form erhalten, werden durch Farbverläufe verursacht, die von der für Extrusion ausgewählten Schattierungsmethode stammen.

Eine gute Methode, dies zu vermeiden, besteht darin, überhaupt keine Schattierung zu verwenden. Auf diese Weise wird die Anzahl der Formen nach dem Befehl "Darstellung erweitern" eher gering sein, was das Umfärben des Menübands erleichtert. Sie können weitermachen und es versuchen: Zeichnen Sie die Wellenlinie mit glatten Punkten mit dem Stiftwerkzeug (P), geben Sie ihr keine Füllung und 0,5 Strich, wenden Sie den Grafikstil "Paper_stripe" an. Erweitern Sie nun nach dem Anpassen der Einstellungen das Erscheinungsbild und sehen Sie sich die Anzahl der Formen an. Machen Sie dann dasselbe, ändern Sie jedoch die Schattierungsmethode auf Keine – und Sie können Farben manuell hinzufügen.

Schritt 16

Sie können die beschriebene Extrude-Methode für Bänder verwenden, wenn Sie sie mögen, aber ich möchte, dass Sie dennoch einen anderen Ansatz ausprobieren, der zu saubereren Formen und weniger Objekten führt. Sie müssen sie jedoch manuell ohne Effekte erstellen.

Verwenden Sie das Stiftwerkzeug, um eine Wellenlinie mit vier glatten Punkten zu zeichnen. Als Hauptregel gilt hierbei, dass Ankerpunkte an den obersten und untersten Punkten in Bezug auf die horizontale Achse liegen müssen, siehe Abbildung unten. Nehmen Sie nun das Scherenwerkzeug (C) und schneiden Sie die Form an jedem Punkt aus.

Schritt 17

Wählen Sie nun alle Teile aus und ziehen Sie sie mit Alt + Umschalttaste nach rechts, um sie zu kopieren. Der Abstand hängt von der Breite des zukünftigen Bandes ab. Wählen Sie nun mit dem Direktauswahlwerkzeug (A) die beiden am weitesten links liegenden offenen Endpunkte aus und drücken Sie Befehl + J, um sie zu verbinden (oder klicken Sie mit der rechten Maustaste und wählen Sie Verbinden). Machen Sie dasselbe mit den Endpunkten ganz rechts.

Wählen Sie nun mit dem Auswahlwerkzeug (V) die neue Figur links aus und drücken Sie erneut Befehl + J, machen Sie dasselbe mit der rechten. Die einzigen offenen Teile befinden sich in der Mitte, also wählen Sie beide aus und drücken Sie die Umschalttaste + Pfeiltaste nach oben, damit wir die offenen Punkte sehen können. Verbinden Sie nun erneut die beiden oberen Endpunkte und wählen Sie dann die Form und erneut Verbinden, um den Pfad zu schließen. Bringen Sie die Form wieder an ihren Platz, indem Sie die Umschalttaste + die Abwärtspfeiltaste drücken.

Schritt 18

Sie können jetzt für alle drei Formen eine Farbe aus unserem Musterordner auswählen. Jetzt müssen wir dazu Dimension hinzufügen und die mittlere Farbe in einen dunkleren Farbton ändern. Eine gute Möglichkeit, dies zu tun, besteht darin, das Farbbedienfeld (F6) zu öffnen, HSB aus dem Flyout-Menü auszuwählen und den Helligkeitsregler nach links zu bewegen. Möglicherweise müssen Sie auch Teile anordnen, indem Sie sie nach vorne (Befehlstaste + rechte Klammer) oder zurück (Befehlstaste + linke Klammertaste) verschieben.

Wenn das Band gut aussieht, gruppieren Sie alle Teile und drehen oder transformieren Sie sie nach Ihren Wünschen und positionieren Sie das Band zwischen den Schriftformen. Diese Methode eignet sich sehr gut für Bänder, da sie im Vergleich zur Extrude-Expand-Methode saubere Formen mit nur wenigen Ankerpunkten erzeugt.

Schritt 19

Jetzt können Sie mit der Methode aus den Schritten 16-18 so viele Bänder hinzufügen, wie Sie möchten, wobei Sie die Linienform, -länge und -farbe variieren. Das letzte, was Sie mit den Bändern tun müssen, ist, unter jedem von ihnen Schatten hinzuzufügen, genau wie wir es bei den Papierstreifen mit dem Grafikstil "Shadow" und einer Transparenzmaske getan haben (folgen Sie den Anleitungen in Schritt 12). Dann gruppieren Sie einfach das Farbband und seinen Schatten und benennen Sie es entsprechend seiner Farbe in "Ribbon_color-name" um. Auch hier können Sie die Bänder als grafisches Symbol speichern, wenn Sie möchten. Sperren Sie die Ebene "Type", wenn Sie mit den Bändern fertig sind.

Schritt 20 - Den letzten Schliff machen

Während die Grundkomposition fertig ist, fügen wir unter unseren Schriftobjekten ein weiteres gefaltetes Blatt Papier hinzu. Erstellen Sie eine neue Ebene mit dem Namen "final_touches". Erstellen Sie ein Rechteck mit etwa 270 x 60 Pixel, wählen Sie das Direktauswahlwerkzeug (A) und verschieben Sie seine Punkte, um eine etwas unregelmäßige Form zu erhalten (oder Sie können es mit dem Stiftwerkzeug zeichnen). Machen Sie es ohne Strich und geben Sie ihm eine lindfarbene Füllung.

Öffnen Sie nun das Aussehen-Bedienfeld (Umschalt + F6) und fügen Sie dieser Form eine neue Füllung hinzu, wählen Sie einen Weiß-zu-Schwarz-Verlauf aus. Ändern Sie den Farbverlauf, indem Sie zwei weitere Schieberegler hinzufügen, sodass er zu einem Schwarz-Weiß-zu-Schwarz-Weiß-Verlauf wird (Sie können den Schieberegler leicht duplizieren, indem Sie ihn mit Alt ziehen), sodass sich zwei weiße und schwarze Schieberegler in der Mitte an derselben Stelle befinden. Auf diese Weise imitieren wir die Papierfalte. Gehen Sie nun zum Transparenzbedienfeld, reduzieren Sie die Deckkraft des Farbverlaufs auf 25% und ändern Sie die Überblendung auf Multiplizieren.

Schritt 21

Ich habe beschlossen, den Satz "Vektor" abzuschließen, also geben Sie "tutsplus.com" ein. mit dem Textwerkzeug (T). Ich habe Trebuchet MS Fettschrift, 44 pt Größe und eine schwarze Farbe gewählt. Positionieren Sie diesen Typ über dem neuen Papierstück. Jetzt sollten wir den Text transparent machen, damit der Hintergrund durchscheint, als wären Buchstaben in das Papier geschnitten. Es gibt viele Möglichkeiten, dies zu tun, während der Text bearbeitbar bleibt. Ich zeige Ihnen drei Methoden:

Wählen Sie das Papier und den Text aus, öffnen Sie das Pathfinder-Bedienfeld und klicken Sie auf die Schaltfläche Subtrahieren. Dadurch wird eine zusammengesetzte Form erstellt, bei der beide Objekte separat bearbeitet werden können - bis Sie sie erweitern.
Wählen Sie beide Formen aus, gehen Sie zum Transparenzbedienfeld und wählen Sie Deckkraftmaske erstellen im Flyout-Menü (deaktivieren Sie Clip). Der schwarze Text wird zur Deckkraftmaske für das Papierstück.
Wählen Sie den Text aus und reduzieren Sie seine Deckkraft im Transparenzbedienfeld auf 0%. Wählen Sie nun beide Papierstücke und den unsichtbaren Text aus, gruppieren Sie sie dann (Befehl + G), aktivieren Sie jetzt die Option Gruppe Knockout im Transparenzbedienfeld (Text schlägt Papier aus).

Schritt 22

Als letzten Schliff fügen wir noch etwas Konfetti hinzu. Sie sind sehr einfach zu machen. Erstellen Sie einen kleinen Kreis (L) 10 x 10 Pixel ohne Strich und orangefarbener Füllung. Machen Sie einen weiteren Kreis von 20 x 20 px mit der gleichen orangefarbenen Füllung und verwischen Sie ihn auf etwa 10-15 px (Effekt > Weichzeichnen > Gaußscher Weichzeichner). Ziehen Sie beide separat in das Bedienfeld Symbole, um sie als grafische Symbole zu speichern, und nennen Sie sie "Confetti_small" und "Confetti_blurred".

Jetzt mit dem Symbol-Sprühwerkzeug (Umschalt + S) bei niedriger Dichte einige verschwommene Kreise um die Hauptkomposition herum sprühen. Wählen Sie eine Farbe aus unserem Farbfeldordner aus, klicken Sie nun mit dem Symbol Stainer-Werkzeug auf die ausgewählte Symbolgruppe - es kann einige Klicks dauern, bis die Kreise die Farbe ändern. Ändern Sie andere Kreise in die Farben Rot, Rosa, Gelb, Limette und Grün. Sie können die Größe von Kreisen auch mit dem Symbolgrößenwerkzeug ändern (zum Vergrößern klicken, zum Verkleinern bei gedrückter Alt-Taste klicken) oder sie mit dem Symbolschieberegler verschieben. Sprühen Sie nun kleinere Symbole auf die gleiche Weise und färben Sie sie dann ebenfalls neu.

Schritt 23

Jetzt fehlt nur noch eine Hintergrundtextur. Gehen Sie zurück zur Ebene "BG", entsperren Sie sie und kopieren Sie das Rechteck davor (Befehl + C und Befehl + F), füllen Sie es mit einer grauen Farbe (K = 50%).

Gehen Sie nun zu Effekte > Textur > Körnung und geben Sie die gewünschten Parameter ein. Meine waren 70 für Intensität und Kontrast und Clumped für den Korntyp. Ändern Sie dann einfach diesen Texturmischmodus auf Weiches Licht, und Sie möchten möglicherweise die Deckkraft anpassen. Das ist es, hier ist der endgültige Effekt.

Abschluss

Wir haben heute viel gemacht, von benutzerdefinierten Schriftzügen über mehrschichtige Effekte bis hin zu Bändern und gefalteten Papierstreifen bis hin zu Konfetti. Wir haben viele Adobe Illustrator-Tools wie Symbole, Grafikstile, Effekte, Transparenz, Pathfinder usw. implementiert und auch einen Weg gefunden, Produktivitätsprobleme aufgrund umfangreicher Effekte zu vermeiden.

Dieser Papiereffekt eignet sich für viele Arten von Design - probieren Sie es aus. Wie üblich hier ein Beispiel für den gleichen Effekt in einem anderen Kontext - ein einfaches, aber schönes Bild, das in 5 Minuten erstellt wurde. Ich hoffe, dir hat das Tutorial gefallen!

Abonnieren Sie den Vectortuts+ RSS-Feed, um mit den neuesten Vektor-Tutorials und -Artikeln auf dem Laufenden zu bleiben.