Share
Im folgenden Tutorial erfahren Sie, wie Sie eine einfache Quittungsillustration erstellen. Für den Anfang benötigen Sie nur ein Rechteck und den Zick-Zack-Effekt. Wenn Sie mehrere Füllungen und Striche zusammen mit einigen einfachen Effekten verwenden, werden Sie die Farben hinzufügen. Schließlich helfen verschiedene Techniken zum Erstellen von Vektorformen und einige grundlegende Effekte dabei, die kleinen Details zu erstellen, die Ihre Illustration vervollständigen.
Erstellen Sie ein 700-mal-700px-Dokument. Aktivieren Sie zunächst das Raster (Ansicht> Raster anzeigen) und die Option Am Raster ausrichten (Ansicht> Am Raster ausrichten). Als Nächstes benötigen Sie alle 5 Pixel ein Raster. Gehen Sie zu Bearbeiten> Voreinstellungen> Hilfslinien> Raster, geben Sie jeweils 5 in das Feld Rasterlinie und 1 in das Feld Unterteilungen ein. Sie können 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 unter Bearbeiten> Voreinstellungen> Einheit> Allgemein in Pixel zu ersetzen. Alle diese Optionen erhöhen die Arbeitsgeschwindigkeit erheblich.
Wählen Sie das Rechteckwerkzeug aus und klicken Sie auf Ihre Zeichenfläche. Geben Sie 350 in das Breitenfeld und 455 in das Höhenfeld ein und klicken Sie auf OK. Dadurch wird eine 350 x 455px-Form erstellt. Füllen Sie es mit keinem und fügen Sie einen einfachen schwarzen Strich hinzu. Schnappen Sie sich das Direktauswahl-Werkzeug (A) und wählen Sie die unteren Ankerpunkte aus. Gehen Sie dann zur oberen Leiste und klicken Sie auf die Schaltfläche Pfad an ausgewählten Ankerpunkten schneiden. Gehen Sie jetzt zum Ebenenbedienfeld und Sie werden feststellen, dass Ihre Form jetzt in zwei separate Pfade unterteilt ist.
Wählen Sie den horizontalen Pfad und gehen Sie zu Effekt> Verzerrung und Transformation> Zick-Zack. Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Objekt> Aussehen erweitern. Wählen Sie anschließend das Direktauswahl-Werkzeug (A), wählen Sie die Ankerpunkte aus, die im zweiten Bild hervorgehoben sind, und wählen Sie Objekt> Pfad> Verbinden. Fahren Sie mit dem Direktauswahl-Werkzeug (A) fort und wählen Sie die zwei Ankerpunkte aus, die im dritten Bild hervorgehoben sind. Gehen Sie erneut zu Object> Path> Join. Am Ende sollten Sie nur eine Form in Ihrem Ebenenbedienfeld haben.
Fügen Sie Farbe für die im vorherigen Schritt erstellte Form hinzu. Füllen Sie es zuerst mit R = 245 G = 245 B = 245 und entfernen Sie alle Striche. Gehen Sie als Nächstes zum Bereich Aussehen, öffnen Sie das Flyout-Menü und klicken Sie auf Neue Füllung hinzufügen. Dies fügt eine zweite Füllung für Ihre Form hinzu. Wählen Sie es im Darstellungsfeld aus und füllen Sie es mit dem im zweiten Bild gezeigten linearen Farbverlauf. Die gelbe Null im Verlaufsbild steht für den Prozentsatz der Deckkraft. Dies bedeutet, dass Sie den Verlaufsregler auswählen und seine Deckkraft auf 0% verringern müssen. Fügen Sie eine dritte Füllung für Ihre Form hinzu. Machen Sie ihn schwarz, verringern Sie die Deckkraft auf 2% und ändern Sie den Mischmodus auf "Multiplizieren". Gehen Sie dann zu Effekt> Künstlerisch> Filmkorn. Geben Sie die im dritten Bild angezeigten Daten ein und klicken Sie auf OK.
Fahren Sie mit der Form aus dem vorherigen Schritt fort und fügen Sie einen ersten Strich hinzu. Machen Sie es 2,5pt breit, richten Sie es nach innen aus und setzen Sie seine Farbe auf R = 250 G = 250 B = 250. Wählen Sie diesen Strich im Darstellungsfenster aus und klicken Sie auf die Schaltfläche „Ausgewähltes Objekt duplizieren“ unten im Darstellungsfenster. Offensichtlich wird dadurch eine Kopie Ihres Strichs hinzugefügt. Wählen Sie es aus, machen Sie es 1pt breit und setzen Sie die Farbe auf R = 209 G = 211 B = 212. Wählen Sie schließlich den gesamten Pfad erneut aus und gehen Sie zu Effektstilisieren> Schlagschatten. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.
Konzentriere dich auf den oberen Bereich. Wähle das Rechteckwerkzeug (M) aus, erstelle eine 390 x 70 Pixel große Form und platziere sie wie im ersten Bild gezeigt. Das Snap-to-Grid erleichtert Ihnen die Arbeit. Wählen Sie es aus und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 15 Pixeln ein, klicken Sie auf OK und gehen Sie zu Objekt> Aussehen erweitern. Wählen Sie das Rechteckwerkzeug (M) erneut aus und erstellen Sie eine zweite Form. Machen Sie es 370px breit und 10px hoch und platzieren Sie es wie im zweiten Bild gezeigt. Wählen Sie erneut diese Form aus und gehen Sie zu Effekt>> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 5 Pixeln ein, klicken Sie auf OK und wechseln Sie zu Objekt> Aussehen erweitern. Wählen Sie die resultierende Form aus, erstellen Sie eine Kopie (Control + C> Control + F) und deaktivieren Sie die Sichtbarkeit. Sie werden diese Form später benötigen.
Wählen Sie die zwei Formen aus, die Sie im vorherigen Schritt erstellt haben, und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Wählen Sie dann das Stiftwerkzeug aus, zeichnen Sie einen einfachen horizontalen Pfad und platzieren Sie ihn wie im zweiten Bild gezeigt. Das Snap-to-Grid wird sich wieder als nützlich erweisen. Wählen Sie es zusammen mit der anderen frischen Form aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche „Teilen“. Sie erhalten eine Gruppe mit vier Formen. Wählen Sie die zwei Formen aus, die im dritten Bild ausgewählt wurden, und löschen Sie sie. Wählen Sie dann die anderen beiden Formen aus und heben Sie die Gruppierung auf (Umschalt + Strg + G)..
Konzentrieren Sie sich auf die untere Form, die Sie im vorherigen Schritt erstellt haben. Wählen Sie es aus, senden Sie es nach hinten (Umschalt + Strg + linke eckige Klammer) und füllen Sie es mit R = 188 G = 190 B = 192. Wählen Sie diese graue Form erneut aus und fügen Sie eine zweite Füllung hinzu. Machen Sie ihn schwarz, verringern Sie die Deckkraft auf 4% und ändern Sie den Mischmodus auf "Multiplizieren". Gehen Sie dann zu Effekt> Künstlerisch> Filmkorn. Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und fügen Sie einen Strich hinzu. Machen Sie es 2pt breit, richten Sie es nach innen aus und setzen Sie die Farbe auf R = 230 G = 231 B = 232. Fügen Sie einen zweiten Strich für Ihre Form hinzu. Machen Sie es 1pt breit, richten Sie es nach innen aus und setzen Sie die Farbe auf R = 147 G = 149 B = 152. Gehen Sie zur oberen Form. Wählen Sie es aus und bringen Sie es nach vorne (Umschalt + Strg + Rechte eckige Klammer). Fügen Sie dann die gleichen Eigenschaften hinzu, die für die untere Form verwendet werden.
Wählen Sie die obere, graue Form aus und erstellen Sie eine Kopie (Control + C> Control + F). Wählen Sie dann das Rechteckwerkzeug (M) und erstellen Sie eine 430 x 40 Pixel große Form. Platzieren Sie es wie im zweiten Bild gezeigt, wählen Sie es zusammen mit der neuen Kopie aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Überschneiden". Füllen Sie die resultierende Form mit dem im dritten Bild gezeigten linearen Farbverlauf und verringern Sie die Deckkraft auf 25%..
Aktivieren Sie im sechsten Schritt die Sichtbarkeit für das Erstellen der Kopie. Wählen Sie es aus und erstellen Sie eine Kopie (Control + C> Control + F). Gehen Sie dann zu Bearbeiten> Voreinstellungen> Allgemein und geben Sie 0,5 in das Feld Keyboard Increment ein. Deaktivieren Sie die Option An Raster ausrichten (Ansicht> An Raster ausrichten), wählen Sie dann die neue Kopie aus und drücken Sie einmal auf den Abwärtspfeil (um ihn um 0,5 Pixel nach unten zu verschieben). Wählen Sie beide Formen erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Sie erhalten eine ziemlich dünne Form. Füllen Sie es mit R = 88 G = 89 B = 91 und gehen Sie dann zu Effekt> Weichzeichnen> Gaußscher Weichzeichner. Geben Sie einen Radius von 3 Pixeln ein, klicken Sie auf OK, und wechseln Sie in das Ebenenfenster. Wählen Sie diese verschwommene Form erneut aus und verschieben Sie sie unter die obere, graue Form.
Wähle das Ellipse-Werkzeug (L) aus und klicke auf deine Zeichenfläche. Geben Sie 10 in die Felder für Breite und Höhe ein und klicken Sie auf OK. Dadurch wird eine Form von 10 x 10 Pixeln erstellt. Füllen Sie es mit R = 188 G = 190 B = 192 und gehen Sie dann zu Objekt> Pfad> Versatzpfad. Geben Sie einen -1px-Offset ein und klicken Sie auf OK. Duplizieren Sie die resultierende Form, wählen Sie dann die Kopie aus und klicken Sie einmal auf den Abwärtspfeil. Wählen Sie diese beiden Formen erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit Weiß.
Wählen Sie den grauen Kreis erneut aus und fügen Sie einen Strich mit 1 Punkt hinzu. Richten Sie es nach innen aus und setzen Sie die Farbe auf R = 128 G = 130 B = 133. Fügen Sie dann eine zweite Füllung für Ihre Form hinzu. Setzen Sie die Farbe auf R = 109 G = 110 B = 113, und wählen Sie dann Effekt> Verzerrung und Transformation> Transformation. Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Effekt> Verzerrung und Transformation> Pucker & Bloat. Ziehen Sie den Schieberegler bei -60% und klicken Sie auf OK. Wählen Sie diesen letzten Kreis zusammen mit der im vorherigen Schritt erstellten Form aus und gruppieren Sie sie (Strg + G)..
Wählen Sie die im vorherigen Schritt erstellte Gruppe aus und erstellen Sie drei Kopien. Aktivieren Sie die Option An Raster ausrichten, und platzieren Sie Ihre Gruppen wie in der folgenden Abbildung dargestellt.
Wähle das Stiftwerkzeug (P), zeichne einen 330px-Pfad und platziere ihn wie in der folgenden Abbildung gezeigt. Füllen Sie es mit keinem, fügen Sie dann einen 2pt-Strich hinzu und setzen Sie die Farbe auf R = 188 G = 190 B = 192. Wählen Sie diesen Strich im Darstellungsfeld aus, und wechseln Sie zum Konturfenster (Fenster> Kontur). Klicken Sie auf die Schaltfläche Runde Kappe und aktivieren Sie das Kontrollkästchen gestrichelte Linie. Geben Sie dann 0pt in das Bindestrichfeld und 5 in das Lückenfeld ein. Gehen Sie schließlich zu Effekt> Stilisieren> Schlagschatten. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.
Wählen Sie das Stiftwerkzeug (P) erneut aus, zeichnen Sie einen horizontalen Pfad von 330px und platzieren Sie ihn wie im ersten Bild gezeigt. Füllen Sie es mit keinem, fügen Sie dann einen Strich hinzu und setzen Sie die Farbe auf R = 188 G = 190 B = 192. Wählen Sie diesen Strich aus und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Effekt> Verzerrung und Transformation> Transformation. Geben Sie die unter dem zweiten Bild angezeigten Daten ein und klicken Sie auf OK.
Wähle das Textwerkzeug (T) und füge deinen Text hinzu. Verwenden Sie die Calbri-Schriftart und die unten gezeigten Farben. Wählen Sie schließlich den gesamten Text aus und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.
Wählen Sie die zwei grauen Formen aus und duplizieren Sie sie, wählen Sie dann die Kopien aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Vereinigen". Füllen Sie die resultierende Form mit einer einfachen, flachen Farbe und senden Sie sie nach hinten (Umschalt + Strg + linke eckige Klammer). Gehen Sie dann zu Effekt> Stilisieren> Schlagschatten. Geben Sie die Daten ein, die im endgültigen Bild angezeigt werden, und klicken Sie auf OK.
Jetzt ist deine Arbeit erledigt. So sollte es aussehen.
Accentsconagua