Schneller Tipp Erstellen eines einfachen hängenden Zeichens in Adobe Illustrator

In den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator einfache Hängeschilder drehen. Für den Anfang benötigen Sie nur ein einfaches Rechteck. Wenn Sie das Erscheinungsbild-Bedienfeld voll ausnutzen, werden wir Farben, Hervorhebungen und einfache Schattierungen für dieses Rechteck hinzufügen. Sobald Sie Ihr Hauptstück haben, erstellen wir den Rest der Formen mit grundlegenden Werkzeugen und Effekten sowie einigen einfachen Techniken zum Erstellen von Vektorformen.



1. Erstellen Sie ein neues Dokument

Drücken Sie Befehlstaste + N, um ein neues Dokument zu erstellen. Geben Sie 600 in das Feld 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.

Aktivieren Sie das Raster (Ansicht> Raster anzeigen) und die Option Am Raster ausrichten (Ansicht> Am Raster ausrichten). Für den Anfang 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.


2. Erstellen Sie den Rahmen für das Zeichen

Schritt 1

Erstellen Sie mit dem Rechteckwerkzeug (M) eine 400 x 250px-Form und füllen Sie sie mit dem unten gezeigten linearen Farbverlauf. Stellen Sie sicher, dass dieses neue Rechteck ausgewählt bleibt, und öffnen Sie das Fenster "Darstellung" ("Fenster"> "Darstellung"). Wählen Sie im Erscheinungsbildfenster die vorhandene Füllung aus und gehen Sie zu Effekt> Stilisieren> Inneres Glühen. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK. Gehen Sie zum Ebenenfenster, doppelklicken Sie auf die in diesem Schritt erstellte Form und nennen Sie sie "main"..

Schritt 2

Stellen Sie sicher, dass der Formmodus im vorherigen Schritt noch ausgewählt ist, konzentrieren Sie sich auf das Erscheinungsbildfenster und fügen Sie einen Strich mit 3 pt hinzu. Wählen Sie es aus, setzen Sie die Farbe auf R = 200, G = 200, B = 200, richten Sie sie nach innen aus und gehen Sie zu Effekt> Pfad> Versatzpfad. Geben Sie einen -16px-Versatz ein, klicken Sie auf OK und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 8 Pixeln ein, klicken Sie auf OK und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.


3. Fügen Sie dem Bildschirm Verfeinerung über das Erscheinungsbildfenster hinzu

Schritt 1

Stellen Sie sicher, dass "main" noch ausgewählt ist, konzentrieren Sie sich auf das Erscheinungsbildbedienfeld und fügen Sie mithilfe der Schaltfläche "Neue Füllung hinzufügen" eine zweite Füllung hinzu (in der folgenden Abbildung mit dem blauen Pfeil gekennzeichnet). Wählen Sie diese neue Füllung aus, ziehen Sie sie in den oberen Bereich des Bedienfelds „Erscheinungsbild“, fügen Sie den unten gezeigten linearen Farbverlauf hinzu und wählen Sie Effekt> Pfad> Versatzpfad. Geben Sie einen -19px-Versatz ein, klicken Sie auf OK und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 5 Pixeln ein und klicken Sie auf OK.

Schritt 2

Stellen Sie sicher, dass "main" noch ausgewählt ist, konzentrieren Sie sich auf das Bedienfeld "Darstellung", wählen Sie die im vorherigen Schritt hinzugefügte Füllung aus und klicken Sie auf die Schaltfläche "Neue Füllung hinzufügen". Wählen Sie diese neue Füllung aus, legen Sie ihre Farbe auf R = 29, G = 67, B = 122 fest und wählen Sie Effekt> Pfad> Versatzpfad. Geben Sie einen -20px-Versatz ein, klicken Sie auf OK und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 5 Pixeln ein, klicken Sie auf OK und gehen Sie zu Effekt> Stilisieren> Inner Glow. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.

Schritt 3

Stellen Sie sicher, dass "main" noch ausgewählt ist, konzentrieren Sie sich auf das Bedienfeld "Darstellung", wählen Sie die im vorherigen Schritt hinzugefügte Füllung aus und klicken Sie auf die Schaltfläche "Ausgewähltes Objekt duplizieren" (in der folgenden Abbildung durch den blauen Pfeil gekennzeichnet). Offensichtlich wird dadurch eine Kopie der ausgewählten Füllung hinzugefügt. Wählen Sie es aus, entfernen Sie den vorhandenen Inner Glow-Effekt, und ersetzen Sie die flache Farbe durch den unten gezeigten radialen Verlauf. Die gelbe Null im Verlaufsbild steht für den Prozentsatz der Deckkraft.

Schritt 4

Vergewissern Sie sich, dass "main" noch ausgewählt ist, konzentrieren Sie sich auf das Bedienfeld "Darstellung", wählen Sie die im vorherigen Schritt hinzugefügte Füllung aus und klicken Sie auf die Schaltfläche "Ausgewähltes Objekt duplizieren". Wählen Sie diese neu erstellte Füllung aus und ersetzen Sie den radialen Verlauf durch ein flaches Schwarz. Verringern Sie außerdem die Deckkraft auf 5%, ändern Sie den Mischmodus in "Multiplizieren" und gehen Sie zu Effekt> Künstlerisch> Filmkorn. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.

Schritt 5

Vergewissern Sie sich, dass "main" noch ausgewählt ist, konzentrieren Sie sich auf das Erscheinungsbildbedienfeld und fügen Sie drei neue Striche hinzu. Verwenden Sie dazu die Schaltfläche "Neuen Strich hinzufügen" (in der folgenden Abbildung mit dem blauen Pfeil gekennzeichnet). Ziehen Sie diese neuen Striche oben im Appearance-Bedienfeld und setzen Sie ihre Farbe auf R = 209, G = 211, B = 212. Wählen Sie den unteren Wert aus, verringern Sie die Deckkraft auf 25%, stellen Sie das Gewicht auf 5pt ein und richten Sie es nach innen aus. Bewegen Sie sich zum nächsten Strich, senken Sie die Deckkraft auf 25%, stellen Sie das Strichgewicht auf 3pt und richten Sie es nach innen aus. Wählen Sie schließlich den oberen Strich aus, verringern Sie die Deckkraft auf 75%, stellen Sie das Strichgewicht auf 1pt ein und richten Sie es nach innen aus.

Schritt 6

Wählen Sie Ihre "Haupt" -Form erneut aus, konzentrieren Sie sich auf das Erscheinungsbildbedienfeld, stellen Sie sicher, dass keine Füllung oder Kontur ausgewählt ist, und wechseln Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 10 Pixeln ein, klicken Sie auf OK und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die Eigenschaften ein, die im ersten Fenster angezeigt werden, klicken Sie auf OK und fügen Sie dann die beiden anderen Schatteneffekte hinzu, die im folgenden Bild gezeigt werden.


4. Erstellen Sie den Draht, um Ihr Zeichen aufzuhängen

Schritt 1

Erstellen Sie mit dem Rechteckwerkzeug (M) eine 200 x 90px-Form und platzieren Sie sie wie im ersten Bild gezeigt. Legen Sie die Füllfarbe auf keine fest, fügen Sie jedoch ein Strichgewicht von 3pt hinzu und setzen Sie die Farbe auf R = 147, G = 149, B = 152. Stellen Sie sicher, dass dieses neue Rechteck ausgewählt bleibt, und wechseln Sie zu Objekt> Pfad> Ankerpunkte hinzufügen. Wechseln Sie zum Werkzeug Ankerpunkt löschen (-) und klicken Sie einfach auf die beiden im zweiten Bild markierten Ankerpunkte, um sie zu entfernen. Am Ende sollte Ihre Form wie im dritten Bild aussehen. Vergewissern Sie sich, dass es ausgewählt ist, und wechseln Sie zu Objekt> Pfad> Konturstrich. Senden Sie die resultierende Form zurück (UMSCHALT + STRG + [).

Schritt 2

Wählen Sie die im vorherigen Schritt erstellte Form aus, konzentrieren Sie sich auf das Bedienfeld „Aussehen“ und fügen Sie mit der Schaltfläche „Neue Füllung hinzufügen“ eine zweite Füllung hinzu. Wählen Sie diese neue Füllung aus und verwenden Sie den im ersten Bild dargestellten linearen Verlauf. Denken Sie daran, dass die gelbe Null des Verlaufs für den Prozentsatz für die Deckkraft steht. Konzentrieren Sie sich weiterhin auf diese Form, kehren Sie zum Erscheinungsbildfenster zurück und fügen Sie eine dritte Füllung hinzu, indem Sie dieselbe Schaltfläche "Neue Füllung hinzufügen" verwenden. Wählen Sie diese neue Füllung aus und verwenden Sie den im zweiten Bild gezeigten radialen Verlauf.

Schritt 3

Wählen Sie die im vorherigen Schritt bearbeitete Form erneut aus, konzentrieren Sie sich auf das Erscheinungsbildbedienfeld und fügen Sie eine neue Füllung hinzu. Wählen Sie es aus, setzen Sie die Farbe auf Weiß, verringern Sie die Deckkraft auf 25% und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie einen -1px-Offset ein und klicken Sie auf OK. Kehren Sie zum Fenster "Darstellung" zurück, und stellen Sie sicher, dass keine Füllung oder Kontur ausgewählt ist. Fügen Sie dann die beiden im folgenden Bild gezeigten Schatteneffekte hinzu.

Schritt 4

Für den folgenden Schritt benötigen Sie alle 1px ein Raster. Gehen Sie zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster und geben Sie jeweils 1 in das Feld Rasterlinie ein. Erstellen Sie mit dem Rechteckwerkzeug (M) eine 4 x 10 Pixel große Form, füllen Sie sie mit dem linearen Farbverlauf unten und platzieren Sie sie wie in der folgenden Abbildung gezeigt.

Schritt 5

Stellen Sie sicher, dass die im vorherigen Schritt erstellte Form ausgewählt bleibt, und konzentrieren Sie sich auf das Erscheinungsbildfenster. Fügen Sie zunächst zwei Striche hinzu, indem Sie die Schaltfläche Neuen Strich hinzufügen verwenden. Wählen Sie die unterste aus, setzen Sie die Farbe auf Weiß, machen Sie sie um 0,5pt breit und richten Sie sie nach innen aus. Fahren Sie mit dem nächsten Strich fort, setzen Sie die Farbe auf R = 167, G = 169, B = 172, machen Sie sie 0,25pt breit und richten Sie sie nach innen aus. Konzentrieren Sie sich weiterhin auf das Erscheinungsbildfenster, stellen Sie sicher, dass keine Füllung oder Kontur ausgewählt ist, und wechseln Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 2 Pixeln ein, klicken Sie auf OK und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im linken Fenster angezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie erneut zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im rechten Fenster angezeigten Eigenschaften ein und klicken Sie auf OK.

Schritt 6

Erstellen Sie mit dem Ellipse-Werkzeug (L) einen 2px-Kreis und platzieren Sie ihn wie im ersten Bild gezeigt. Füllen Sie es mit dem unten gezeigten linearen Farbverlauf und verringern Sie die Deckkraft auf 75%. Fahren Sie mit dem Ellipse-Werkzeug (L) fort, erstellen Sie einen 6px-Kreis, platzieren Sie ihn wie im zweiten Bild gezeigt und setzen Sie die Füllfarbe auf R = 130, G = 130, B = 130. Senden Sie diese neue Form an die Rückseite (UMSCHALT + STRG + [) und gehen Sie zu Effekt> Weichzeichnen> Gaußsche Weichzeichnung. Geben Sie einen Radius von 5 Pixeln ein und klicken Sie auf OK.


5. Fügen Sie Ihre Nachricht hinzu

Fügen Sie mit dem Textwerkzeug (T) weiße Textstücke hinzu. Verwenden Sie die Texteigenschaften, die im folgenden Bild gezeigt werden, und legen Sie den Füllmodus bei Soft Light fest. Hier ist die Schriftart "PwMarker" und hier die Schriftart "Marker SD Italic".


6. Erstellen Sie einen einfachen strukturierten Hintergrund

Schritt 1

Zum Schluss fügen wir noch einen einfachen Hintergrund hinzu. Erstellen Sie mit dem Rechteckwerkzeug (M) eine Form in der Größe Ihrer Zeichenfläche, senden Sie sie nach hinten (UMSCHALT + STRG + [)), und legen Sie die Farbe auf R = 239, G = 245, B = 249 fest. Fügen Sie eine zweite Füllung für dieses neue Rechteck hinzu, wählen Sie es aus und verwenden Sie den im folgenden Bild gezeigten radialen Verlauf.

Schritt 2

Wählen Sie die im vorherigen Schritt erstellte Form erneut aus, konzentrieren Sie sich auf das Erscheinungsbildbedienfeld und fügen Sie eine dritte Füllung hinzu. Machen Sie ihn schwarz, verringern Sie die Deckkraft auf 15%, ändern Sie den Füllmodus in "Multiplizieren" und gehen Sie zu Effekt> Skizze> Notizpapier. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK. Konzentrieren Sie sich weiterhin auf das Erscheinungsbildfenster und fügen Sie eine vierte Füllung für diese Form hinzu. Für diese neue Füllung benötigen Sie ein integriertes Muster. Wechseln Sie zum Farbfeldbedienfeld, öffnen Sie das Flyout-Menü und öffnen Sie Swatch-Bibliothek öffnen> Muster> Grundlegende Grafiken> Grundlegende Graphics_Textures. Dies sollte ein neues Fenster mit einem einfachen Satz eingebauter Muster öffnen. Sie benötigen nur das "Diamond" -Muster. Vergewissern Sie sich, dass Ihr Hintergrundrechteck noch ausgewählt ist, und kehren Sie zum Fenster "Darstellung" zurück. Wählen Sie diese vierte Füllung aus, fügen Sie das "Diamant" -Muster hinzu, verringern Sie die Deckkraft auf 10%, ändern Sie den Mischmodus in "Multiplizieren" und gehen Sie zu Effekt> Künstlerisch> Filmkorn. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.


Fazit

Jetzt ist deine Arbeit erledigt. So sollte es aussehen. Fühlen Sie sich frei, einen anderen Farbsatz für die blauen Füllungen zu verwenden, die die "Haupt" -Form bilden. Ich hoffe, Ihnen hat dieses Tutorial gefallen und Sie können diese Techniken in Ihren zukünftigen Projekten anwenden.