Das Erstellen eines Seiten-Curl-Effekts ist eine praktische Fertigkeit, insbesondere für Marketing- und Werbegrafikdesign. In diesem Lernprogramm erfahren Sie, wie Sie mit Adobe Illustrator CC einen Peel-Back-Sticker mit einer Seitenrotation oder einem Hundekopf erstellen. Beachten Sie, dass dieser Effekt der Seitenrotation auch mit CS6 oder anderen aktuellen Versionen möglich ist.
Der unten beschriebene Prozess beginnt mit der Erstellung eines neuen Dokuments und der Verwendung des Rechteckwerkzeugs, des Stiftwerkzeugs und des Werkzeugs "Typ". Dann fügen wir den Formen und dem Text Farbe hinzu, wählen eine Schriftart aus, nehmen Änderungen an der Größe und dem Stil der Schriftart vor und drehen den Text. Sie werden feststellen, dass die Techniken, mit denen diese Grafik erstellt wird, auf die Erstellung verschiedener Arten von Grafiken angewendet werden können.
Folgen Sie den weiteren Schritten, bis Sie das Ende erreicht haben und eine vollständige Grafik erhalten haben.
01 von 19Erstellen Sie ein neues Dokument
Um ein neues Dokument in Illustrator zu erstellen, wählen Sie Datei > Neu. Hier haben wir die Datei "Sticker" genannt und 6 "x 4" gemacht. Dann klick OK.
Erstelle ein Quadrat
Wählen Sie im Werkzeugfenster das Rechteckwerkzeug aus, und klicken Sie dann auf und ziehen Sie, um ein großes Rechteck über dem größten Teil der Zeichenfläche zu erstellen.
03 von 19Datei speichern
Um Ihren Fortschritt zu speichern, wählen Sie Datei > sparen, dann klick sparen. Ein Dialogfeld wird angezeigt. Bei den meisten Projekten können Sie die Standardeinstellungen beibehalten und auf klicken OK.
04 von 19Farbe hinzufügen
Machen Sie nun das Rechteck farbig. Doppelklicken Sie im Bedienfeld Werkzeuge auf das Füllfeld, um die Farbauswahl zu öffnen. Dort können Sie entweder eine Farbe im Farbfeld auswählen oder Zahlen eingeben, um eine Farbe anzugeben. Hier haben wir die RGB-Felder 255, 255 und 0 eingegeben, wodurch wir ein helles Gelb erhalten. Dann klick OK.
05 von 19Schlaganfall entfernen
Hier können Sie die Strichfarbe ändern, indem Sie im Bedienfeld Werkzeuge auf das Feld Strich doppelklicken und im Farbwähler eine Farbe auswählen. In diesem Fall möchten wir jedoch keinen Strich. Um den standardmäßig angegebenen Wert zu entfernen, klicken Sie auf das Feld Strich und anschließend auf Keiner Knopf gerade darunter.
06 von 19Zeichne eine Linie
Wählen Sie im Werkzeugfenster das Stiftwerkzeug aus. Um eine Linie zu machen, an der der Aufkleber abgezogen werden soll, klicken Sie über Ihrem Rechteck und wieder rechts davon.
07 von 19Teilen Sie das Rechteck
Teilen Sie nun das Rechteck, sodass es aus zwei Teilen besteht. Wählen Sie im Bedienfeld Werkzeuge das Auswahlwerkzeug aus und klicken Sie auf die gezeichnete Linie, um sie auszuwählen. Halten Sie dann die Umschalttaste gedrückt, während Sie auf das Rechteck klicken.
Dadurch werden sowohl die Linie als auch das Rechteck ausgewählt. Als nächstes wählen Fenster > Pfadfinder, klicke auf das Teilen dann auf die Minus zurück Knopf, um das Eckstück zu entfernen.
08 von 19Ziehen Sie die Schale zurück
Jetzt möchten Sie eine Form für die Abziehfolie zeichnen. Klicken Sie mit dem Zeichenstift-Werkzeug auf den oberen Teil des Rechtecks, an dem es geteilt wurde, um einen Punkt zu erstellen. Klicken Sie darauf und ziehen Sie darunter, um eine gekrümmte Linie zu erstellen. Halten Sie die Umschalttaste gedrückt, während Sie auf den zuletzt erstellten Punkt klicken. Klicken Sie dann auf die rechte Seite des Rechtecks, an der das Teil geteilt wurde, und ziehen Sie es, um eine weitere gekrümmte Linie zu erstellen (siehe Abbildung).
Um Ihre Form zu vervollständigen, klicken Sie auf den ersten Punkt.
09 von 19Farbe hinzufügen
So wie Sie dem Rechteck Farbe hinzugefügt haben, fügen Sie der gezeichneten Form jetzt Farbe hinzu. Diesmal haben wir in der Farbauswahl die RGB-Farbfelder 225, 225 und 204 für eine Cremefarbe eingegeben.
Dies wäre ein guter Zeitpunkt, um Ihren Fortschritt erneut zu speichern. Du kannst wählen Datei > sparenoder verwenden Sie die Tastenkombination von "Command + S" auf einem Mac oder "Strg + S" unter Windows.
10 von 19Fügen Sie einen Schlagschatten hinzu
Wenn Sie die gezeichnete Form ausgewählt haben, wählen Sie Bewirken > Stilisieren > Schlagschatten. Klicken Sie hier, um das Kontrollkästchen neben Vorschau zu aktivieren, um zu sehen, wie der Schlagschatten aussehen wird, bevor Sie ihn festlegen.
Wählen Sie zum Wiederherstellen des von uns erstellten Looks Multiplizieren für den Modus, 75% für die Deckkraft, stellen Sie sowohl den X- als auch den Y-Versatz auf 0,1 Zoll ein, machen Sie die Unschärfe 0,7, behalten Sie die Standardfarbe Schwarz bei und klicken Sie auf OK.
11 von 19Ebene ausblenden
Um das Ebenenbedienfeld zu öffnen, gehen Sie zu Fenster > Schichten. Klicken Sie auf den kleinen Pfeil neben Layer 1, um die untergeordneten Layer anzuzeigen. Sie klicken auch auf das Augensymbol neben der Unterebene für den Pfad, den Sie ausblenden möchten, dh Ihre gezeichnete Form für das Zurückziehen.
12 von 19Text hinzufügen
Klicken Sie im Bedienfeld Werkzeuge auf das Textwerkzeug, klicken Sie dann auf die Zeichenfläche und geben Sie Ihren Text ein. Hier haben wir "TAKE AN EXTRA 30% oder 20% oder 15% OFF" verwendet, wobei gegebenenfalls Groß- und Kleinschreibung verwendet wurde.
Sie drücken dann die Escape-Taste. Standardmäßig ist die Textfarbe schwarz, die Sie später ändern können.
Um einen weiteren Textbereich zu erstellen, klicken Sie erneut auf das Textwerkzeug. Diesmal haben wir den Text hinter der Seitenrundung eingegeben: Wir haben "PEEL TO" eingegeben, dann die Eingabetaste gedrückt, um zur nächsten Zeile zu gelangen, und "REVEAL" und dann die Escape-Taste gedrückt.
13 von 19Text verschieben und drehen
Klicken Sie mit dem Auswahlwerkzeug auf den Text hinter der Seitenrolle (in unserem Design "PEEL TO REVEAL") und ziehen Sie ihn nach rechts oben, wo das Rechteck weggeschnitten wurde.
Doppelklicken Sie auf den erweiterten Ziehpunkt und bewegen Sie den Mauszeiger in eine Ecke des Begrenzungsrahmens, bis eine Doppelpfeilkurve angezeigt wird. Ziehen Sie dann, um den Text zu drehen.
14 von 19Passen Sie die Schriftart an
Klicken Sie mit dem Textwerkzeug auf den Text, und ziehen Sie ihn über den Text, um ihn auszuwählen. Dann wähle Fenster > Charakter. Im Zeichenbereich können Sie die Schrift und Schriftgröße beliebig ändern, indem Sie auf einen der kleinen Pfeile klicken, um Ihre Optionen anzuzeigen.
Hier haben wir die Schriftart Arial, den Stil Bold und die Größe 14 pt erstellt.
15 von 19Schriftfarbe ändern
Klicken Sie bei ausgewähltem Text auf den kleinen Pfeil neben der Füllfarbe in der Optionsleiste, um alternative Farben anzuzeigen, und wählen Sie ein helles Rot. Die Farbe ist nicht sichtbar, wenn der Text hervorgehoben ist. Klicken Sie daher aus dem Text, um zu sehen, wie er aussieht.
16 von 19Text zentrieren
Für dieses Design wollten wir, dass der Text zentriert wird. Um den Text zu zentrieren, klicken Sie auf den Text und ziehen ihn über den Text, um ihn erneut auszuwählen. Wählen Sie Fenster > Absatzoder klicken Sie auf die Absatz Registerkarte neben dem Zeichenbereich. Klicken Sie im Absatzbedienfeld auf die Schaltfläche zum Ausrichten der Mitte. Bei Bedarf können Sie auch das Auswahlwerkzeug verwenden, um den Text neu zu positionieren.
17 von 19Text bearbeiten
Hier haben Sie die Möglichkeit, den Rest Ihres Textes zu ändern.
Für dieses Design haben wir das Textwerkzeug verwendet, um den Cursor hinter das Wort "EXTRA" zu setzen und die Eingabetaste zu drücken. Dadurch wurde der Text in zwei separate Zeilen aufgeteilt. Um es aus drei Zeilen zu machen, haben wir den Cursor hinter "30%" gesetzt und erneut die Eingabetaste gedrückt.
Um die Schriftart und -größe zu ändern, markieren Sie den gesamten Text, um ihn auszuwählen, und nehmen Sie Ihre Auswahl im Zeichenbedienfeld vor. Hier haben wir die Schriftart in Arial Black geändert und den führenden Abstand (Abstand zwischen den Zeilen) auf 90 pt festgelegt.
Im Absatzbedienfeld haben wir auch die Schaltfläche ausgewählt, die alle Zeilen ausrichtet. In der Optionsleiste haben wir die Farbe in ein helles Blau geändert.
Nachdem Sie Ihre Änderungen vorgenommen haben, können Sie auf den Text klicken, um zu sehen, wie er so weit aussieht.
Nach der Überprüfung haben wir uns entschieden, nur die oberste Zeile hervorzuheben, um sie auszuwählen, und im Zeichenbereich wurde die Größe auf 24 pt geändert. Wir haben dann die zweite Zeile hervorgehoben und ihre Größe um 100% geändert. Um 100% auszuwählen, müssen Sie das Wertefeld eingeben, da die höchste sichtbare Option 72% ist. Dann haben wir die letzte Zeile markiert und 21% erzielt.
18 von 19Text skalieren
Als Nächstes skalieren Sie den Text. Obwohl uns die Proportionen der Textzeilen im Verhältnis zueinander gefallen haben, wollten wir das Ganze etwas größer machen. Um diese Änderung durchzuführen, klicken Sie mit dem Auswahl-Werkzeug auf den Text und wählen Sie Objekt > Verwandeln > RahmenGeben Sie bei ausgewählter Option Einheit Ihren Wert ein (wir haben 125% ausgewählt) und klicken Sie dann auf OK. Klicken Sie dann auf den Text und ziehen Sie ihn nach links, um ihn zu positionieren.
19 von 19Nehmen Sie die letzten Anpassungen vor
Nun zu den endgültigen Einstellungen. Klicken Sie im Ebenenbedienfeld auf das leere Feld links neben dem ausgeblendeten Pfad, um das Augensymbol anzuzeigen und den Pfad sichtbar zu machen. Klicken Sie auch im Ebenenbedienfeld auf diese Unterschicht und ziehen Sie sie über die anderen Unterschichten. Dadurch wird die Abziehform vor dem Text auf der Zeichenfläche platziert.
Für dieses Design wollten wir, dass die oberste Textzeile unverändert bleibt, die zweite und dritte Textzeile jedoch weiter rechts. Um diese Änderung vorzunehmen, wählen Sie das Textwerkzeug aus, positionieren Sie den Cursor vor der zweiten Zeile und drücken Sie die Tabulatortaste. Machen Sie dasselbe in der dritten Zeile. Wenn Sie möchten, können Sie auch auf eine einzelne Textzeile klicken und sie ziehen, um sie auszuwählen und die Führungslinie im Zeichenfenster zu optimieren.
Wenn Sie möchten, wie alles aussieht, wählen Sie Datei > sparen, und du bist fertig! Sie haben jetzt einen Peel-Back-Sticker mit Seiteneffekt.
