Share
Im folgenden Tutorial zeige ich Ihnen, wie Sie ein Schnullersymbol erstellen. Sie lernen, wie Sie professionelle Vektorformtechniken anwenden, mit den Werkzeugen von Illustrator Zeit sparen und die Details hinzufügen, die das endgültige Bild zum Platzen bringen.
Erstellen Sie ein RGB-Dokument mit 255 x 255 Pixel. Aktivieren Sie zunächst das Raster (Ansicht> Raster anzeigen) und die Option An Raster ausrichten (Ansicht> Am Raster ausrichten). Als Nächstes benötigen Sie alle 1 Pixel ein Raster. Gehen Sie zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster, geben Sie jeweils 1 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.
Gehen Sie zuerst in das Erscheinungsbildfenster oder in die Symbolleiste und entfernen Sie die Farbe für den Strich. Wählen Sie als Nächstes das Ellipse-Werkzeug (M) und erstellen Sie eine 90 x 125 Pixel-Form. Füllen Sie es mit keinem und fügen Sie einen 8pt-Strich hinzu. Stellen Sie seine Farbe auf R = 43, G = 57, B = 144 ein.
Gehen Sie nun zum Konturbedienfeld und klicken Sie auf die Schaltfläche „Kontur nach innen ausrichten“. Fahren Sie mit dem Direktauswahl-Werkzeug (A) fort. Wählen Sie den oberen Ankerpunkt aus und verschieben Sie ihn um 40 Pixel nach unten.
Wähle das Rechteckwerkzeug (M) aus und erstelle eine Form von 26 x 25 Pixel. Füllen Sie es mit R = 28, G = 117, B = 188. Platzieren Sie es wie in der folgenden Abbildung gezeigt. Es ist wirklich wichtig, es so zu platzieren, wie es unten gezeigt ist. Schauen Sie sich das Raster genauer an, um die genaue Position zu ermitteln.
Fahren Sie mit dem Rechteckwerkzeug (M) fort und erstellen Sie eine zweite Form. Machen Sie es 37px breit und 20px hoch, füllen Sie es mit R = 43, G = 57, B = 144. Platzieren Sie es jetzt wie in der folgenden Abbildung gezeigt. Lassen Sie einen Abstand von 15 Pixel zwischen der Unterseite dieser neuen Form und der Unterseite der im vorherigen Schritt erstellten Form.
Fahren Sie mit dem Rechteckwerkzeug (M) fort und erstellen Sie eine dritte Form. Machen Sie es 48px breit und 20px hoch, füllen Sie es mit R = 28, G = 117, B = 188. Platzieren Sie es jetzt wie in der folgenden Abbildung gezeigt. Lassen Sie zwischen der Unterseite dieser neuen Form und der Unterseite der im vorherigen Schritt erstellten Form eine Lücke von 5 Pixel.
Wähle das Ellipse-Werkzeug (L) und erstelle eine 110 x 40 Pixel große Form. Füllen Sie es mit R = 39, G = 170, B = 225. Platzieren Sie es jetzt wie in der folgenden Abbildung gezeigt.
Wählen Sie das Auswahlwerkzeug (V), wählen Sie alle erstellten Formen aus und klicken Sie dann auf den Rand der ersten Form (der mit dem Strich). Der Rand dieser Form sollte jetzt hervorgehoben werden. Wechseln Sie dann zum Fenster "Ausrichten" ("Fenster"> "Ausrichten") und klicken Sie auf die Schaltfläche "Horizontales Ausrichtungszentrum". Am Ende sollten alle Ihre Formen wie im zweiten Bild gezeigt ausgerichtet sein.
Fügen wir nun einige zusätzliche Effekte für diese Formen hinzu. Wählen Sie das untere Rechteck aus 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> Warp> Bogen. Geben Sie die Daten ein, die unter dem ersten Bild angezeigt werden, klicken Sie auf OK und gehen Sie zu Effekt> Warp> Arch. Geben Sie erneut die unten gezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Objekt> Darstellung erweitern.
Bewegen Sie sich zum nächsten Rechteck. Wählen Sie es aus und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 4 Pixeln ein, klicken Sie auf OK und gehen Sie zu Effekt> Warp> Bogen. Geben Sie die Daten ein, die unter dem zweiten Bild angezeigt werden, klicken Sie auf OK und wechseln Sie dann zu Objekt> Aussehen erweitern.
Wählen Sie das verbleibende Rechteck aus und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 10 Pixeln ein, klicken Sie auf OK und gehen Sie zu Effekt> Warp> Bogen. Geben Sie die Daten ein, die unter dem ersten Bild angezeigt werden, klicken Sie auf OK und wechseln Sie zu Objekt> Darstellung erweitern. Bewegen Sie sich zu dem zusammengedrückten Kreis. Wählen Sie es aus und gehen Sie zu Effekt> Warp> Bogen. Geben Sie die Daten ein, die unter dem zweiten Bild angezeigt werden, klicken Sie auf OK und wechseln Sie dann zu Objekt> Aussehen erweitern.
Wähle das Ellipse-Werkzeug (L) aus und klicke auf deine Zeichenfläche. Geben Sie im Feld Breite 12,5 und im Feld Höhe 8,5 ein, und klicken Sie dann auf OK. Dadurch wird eine 12.5 x 8.5px-Form erstellt.
Füllen Sie es mit einer beliebigen Farbe und gehen Sie zu Effekt> Verziehen> Bogen. Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und wechseln Sie zu Objekt> Aussehen erweitern. Wählen Sie die resultierende Form aus und gehen Sie zu Objekt> Transformieren> Drehen. Geben Sie -15 in das Feld Winkel ein und klicken Sie auf OK. Am Ende sollte Ihre Form wie das dritte Bild aussehen.
Wählen Sie die im vorherigen Schritt erstellte Form aus, platzieren Sie sie wie im ersten Bild gezeigt, und wechseln Sie zu Objekt> Transformieren> Spiegeln. Aktivieren Sie die Schaltfläche Vertikal und klicken Sie dann auf die Schaltfläche Kopieren. Dadurch wird eine horizontal gespiegelte Kopie Ihrer Form erstellt. Wählen Sie es aus und verschieben Sie es nach rechts, wie im dritten Bild gezeigt.
Nun wollen wir noch etwas Farbe für diese Formen hinzufügen. Wählen Sie die Form mit dem Strich aus und gehen Sie zu Objekt> Darstellung erweitern. Füllen Sie die resultierende Form mit dem unten gezeigten radialen Farbverlauf und fügen Sie dann einen 0,25pt-Strich hinzu. Richten Sie ihn innen aus und setzen Sie die Farbe auf R = 6, G = 67, B = 114.
Deaktivieren Sie das Raster (Ansicht> Raster ausblenden) und die Option An Raster ausrichten (Ansicht> An Raster ausrichten). Wählen Sie die im vorherigen Schritt erstellte Form aus und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie einen -1px-Offset ein und klicken Sie auf OK. Wählen Sie die resultierende Form aus, entfernen Sie den Strich, füllen Sie sie mit Weiß und verringern Sie die Deckkraft auf 30%. Machen Sie eine Kopie dieser neuen Form.
Wählen Sie es aus und drücken Sie einmal auf den Rechtspfeil und den Aufwärtspfeil. Wählen Sie diese beiden neuen Formen erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Sie sollten eine Gruppe mit zwei dieser Formen erhalten.
Bewegen Sie sich zur nächsten Form. Füllen Sie es mit R = 6, G = 67, B = 114. Gehen Sie dann zu Objekt> Pfad> Versatzpfad. Geben Sie einen -2px-Offset ein und klicken Sie auf OK. Füllen Sie die resultierende Form mit Weiß und verringern Sie die Deckkraft auf 30%. Machen Sie dann eine Kopie vor.
Wählen Sie diese Kopie aus und drücken Sie einmal auf den Rechtspfeil und den Aufwärtspfeil. Wählen Sie diese beiden neuen Formen erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Die resultierende Form sollte wie das vierte dargestellte Bild aussehen.
Fahren Sie mit den nächsten Formen fort. Füllen Sie beide mit dem unten gezeigten linearen Farbverlauf und fügen Sie dann einen 0,25pt-Strich hinzu. Richten Sie ihn innen aus und setzen Sie die Farbe auf R = 6, G = 67, B = 114.
Konzentrieren Sie sich auf die kleinen ovalen Formen. Beginnen wir mit dem kleinen, linken. Wählen Sie es aus und erstellen Sie zwei Kopien. Wählen Sie dann die oberste Kopie aus und drücken Sie zweimal auf den Abwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit R = 188, G = 190, B = 192. Verwenden Sie nun die gleichen Techniken, um die Form zu erstellen, auf die der Pfeil im vierten Bild zeigt.
Wählen Sie die kleinen ovalen Formen zusammen mit der großen aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit dem unten gezeigten radialen Farbverlauf und fügen Sie dann einen weißen Strich mit 2pt hinzu. Richten Sie es nach innen aus, gehen Sie dann zum Erscheinungsbildfenster und verringern Sie die Deckkraft auf 50%. Als Nächstes müssen Sie einen zweiten Strich für diese Form hinzufügen. Wechseln Sie zum Fenster "Darstellung", öffnen Sie das Flyout-Menü und klicken Sie auf "Neue Füllung hinzufügen".
Offensichtlich fügt dies Ihrer Form einen zweiten Strich hinzu. Machen Sie es 0,25pt breit, richten Sie es nach innen aus und setzen Sie seine Farbe auf R = 128, G = 130, B = 133.
Ein kurzer Hinweis zum Verlauf: Sie werden im Verlaufsbild eine weiße Zahl erkennen. Es steht für Location Prozentsatz. Das bedeutet, dass Sie dieses kleine Diamantsymbol auswählen und bei 25% nach links ziehen müssen..
Wählen Sie die im vorherigen Schritt erstellte Form aus und erstellen Sie zwei Kopien vorne. Wählen Sie die oberste Kopie aus und drücken Sie zweimal auf den Aufwärtspfeil. Wählen Sie dann beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front.
Sie erhalten eine Gruppe mit drei neuen Formen. Löschen Sie zunächst die beiden Formen, auf die der Pfeil im zweiten Bild zeigt, wählen Sie dann die verbleibende Form aus, lösen Sie die Gruppierung (Umschalt + Strg + G) und füllen Sie sie mit R = 188, G = 190, B = 192.
Aktivieren Sie das Raster und den Einrasten erneut, und greifen Sie dann zum Ellipse-Werkzeug (L). Erstellen Sie eine 40 mal 29 Pixel große Form und füllen Sie sie mit R = 188, G = 190, B = 192. Platzieren Sie es jetzt wie in der folgenden Abbildung gezeigt.
Lassen Sie uns mit dem Gummistück fortfahren. Wähle das Rechteckwerkzeug (M) aus, erstelle eine 40 x 55 Pixel große Form und gehe zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 18 Pixeln ein, klicken Sie auf OK und wechseln Sie zu Objekt> Aussehen erweitern. Wähle das Ellipse-Werkzeug (L) aus und erstelle eine Form von 60 x 60 Pixeln.
Platzieren Sie es wie im zweiten Bild gezeigt, und gehen Sie zu Effekt> Warp> Arc Lower. Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Effekt> Warp> Arch. Geben Sie erneut die unten gezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Objekt> Aussehen erweitern.
Wählen Sie die zwei Formen aus, die Sie im vorherigen Schritt erstellt haben, und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Unite". Wählen Sie die resultierende Form aus und gehen Sie zu Effekt> Verziehen> Bogen. Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Effekt> Warp> Bulge. Geben Sie erneut die unten gezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Objekt> Aussehen erweitern.
Konzentrieren Sie sich weiterhin auf die im vorherigen Schritt erstellte Form. Als Nächstes benötigen Sie das Round Any Corner-Skript, das Sie im Vectortuts + -Artikel 20 Gratis und nützliche Adobe Illustrator-Skripts finden.
Speichern Sie es auf Ihrer Festplatte und wählen Sie das Direktauswahl-Werkzeug (A). Wählen Sie die zwei Ankerpunkte aus, die im ersten Bild hervorgehoben sind, und wählen Sie Datei> Skripts> Anderes Skript. Öffnen Sie das Round Any Corner-Skript, geben Sie einen Radius von 3 Punkten ein und klicken Sie auf OK. Dies fügt den ausgewählten Ankerpunkten einen diskreten Rundungseffekt hinzu (siehe zweite Bilder).
Deaktivieren Sie das Raster und den Einrasten an Raster. Wählen Sie die im vorherigen Schritt erstellte Form aus und füllen Sie sie mit dem unten gezeigten linearen Farbverlauf. Achten Sie auf den Standortprozentsatz. Fügen Sie als Nächstes einen weißen Strich für Ihre Form hinzu. Wählen Sie es im Erscheinungsbildfenster aus und richten Sie es nach innen aus. Verringern Sie jetzt die Deckkraft auf 15% und ändern Sie den Mischmodus in Überlagerung.
Fügen Sie einen zweiten Strich für diese Form hinzu und machen Sie sie 0,25px breit. Richten Sie ihn innen aus und setzen Sie die Farbe auf R = 196, G = 154, B = 108. Ändern Sie nun den Mischmodus auf Multiplizieren.
Wählen Sie die Form aus, die Sie im vorherigen Schritt bearbeitet haben, und erstellen Sie zwei Kopien vorne. Wählen Sie die oberste Kopie aus und drücken Sie dreimal auf den Linkspfeil und den Aufwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Wählen Sie die resultierende Form aus, entfernen Sie die Striche und füllen Sie sie mit R = 251, G = 186, B = 86.
Aktivieren Sie die Smart Guides (Strg + U). Wähle das Stiftwerkzeug (P), erstelle eine Form wie im ersten Bild und fülle sie mit R = 251, G = 186, B = 86. Wählen Sie diese neue Form zusammen mit der im vorherigen Schritt erstellten Form aus, und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Unite. Wählen Sie die resultierende Form aus und gehen Sie zu Effekt> Weichzeichnen> Gaußsche Weichzeichnung. Geben Sie einen Radius von 5 Pixeln ein und klicken Sie auf OK.
Wählen Sie die abgerundete, orangefarbene Form und erstellen Sie eine Kopie. Füllen Sie es mit Weiß und bringen Sie es nach vorne (Umschalt + Strg + Rechte Klammer). Wählen Sie diese frische Form zusammen mit der im vorherigen Schritt erstellten unscharfen Form aus, und wechseln Sie in das Transparenzfenster. Öffnen Sie das Flyout-Menü und klicken Sie auf "Deckkraftmaske erstellen". Am Ende sollte Ihre Form wie das dritte Bild aussehen. Sperren Sie diese maskierte Form. Auf diese Weise können Sie es nicht aus Versehen auswählen oder verschieben.
Wählen Sie die abgerundete, orangefarbene Form erneut aus und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie einen -8px-Offset ein und klicken Sie auf OK. Wählen Sie die resultierende Form aus und entfernen Sie alle vorhandenen Eigenschaften aus dem Bereich "Darstellung". Fügen Sie dann einen neuen Strich hinzu. Machen Sie es 6pt breit und setzen Sie die Farbe auf R = 255, G = 210, B = 90. Richten Sie ihn nun auf die Mitte aus und ändern Sie den Mischmodus in "Multiplizieren".
Wählen Sie das Direktauswahl-Werkzeug (A), wählen Sie die Ankerpunkte aus, die im zweiten Bild hervorgehoben sind, und drücken Sie die ENTF-Taste. Wählen Sie den resultierenden Pfad aus, gehen Sie zum Konturfenster und klicken Sie auf die Schaltfläche Runde Kappe. Gehen Sie schließlich zu Effekt> Weichzeichnen> Gaußsche Weichzeichnung, geben Sie einen Radius von 5 Pixeln ein und klicken Sie auf OK.
Aktivieren Sie das Raster und den Snap-To-Raster erneut. Wähle das Ellipse-Werkzeug (L) aus und erstelle eine 24x15px-Form. Füllen Sie es mit R = 254, G = 238, B = 141 und gehen Sie zu Effekt> Warp> Arc. Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und erstellen Sie eine zweite Form. Machen Sie es 12 x 7 x breit und platzieren Sie es wie im zweiten Bild gezeigt. Füllen Sie es mit Weiß und gehen Sie dann zu Effekt> Warp> Bogen.
Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK, wählen Sie dann diese beiden Formen erneut aus und gehen Sie zu Objekt> Aussehen erweitern. Wählen Sie die große resultierende Form aus und gehen Sie zu Effekt> Weichzeichnen> Gaußsche Weichzeichnung. Geben Sie einen Radius von 4 Pixel ein, klicken Sie auf OK und wählen Sie die andere Form aus. Verringern Sie die Deckkraft auf 40% und gehen Sie zu Effekt> Weichzeichnen> Gaußsche Weichzeichnung. Geben Sie einen Radius von 3 Pixeln ein, klicken Sie auf OK, wählen Sie dann beide Formen erneut aus und gruppieren Sie sie (Strg + G)..
Wählen Sie die im vorherigen Schritt erstellte Gruppe aus und gehen Sie zu Objekt> Transformieren> Drehen. Geben Sie 50 in das Feld Winkel ein und klicken Sie auf OK. Wählen Sie diese gedrehte Gruppe erneut aus und platzieren Sie sie wie im zweiten Bild gezeigt.
Deaktivieren Sie das Raster und den Einrasten an Raster. Wählen Sie die abgerundete, orangefarbene Form erneut aus und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie einen -7px-Offset ein und klicken Sie auf OK. Wählen Sie die resultierende Form aus, entfernen Sie den Strich, füllen Sie ihn mit Weiß und verringern Sie die Deckkraft auf 75%..
Machen Sie eine Kopie dieser neuen Form. Wählen Sie es aus und drücken Sie dann zweimal den rechten und den unteren Pfeil. Wählen Sie diese beiden neuen Formen erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Sie sollten eine Gruppe mit den zwei dünnen Formen aus dem vierten Bild erhalten. Wählen Sie es aus und gehen Sie zu Effekt> Unschärfe> Gaußsche Unschärfe. Geben Sie einen Radius von 3 Pixeln ein und klicken Sie auf OK.
Wählen Sie alle Formen aus, die in den letzten elf Schritten erstellt wurden, und gruppieren Sie sie. Wählen Sie dann diese Gruppe aus und platzieren Sie sie wie in der folgenden Abbildung dargestellt.
Wählen Sie alle bisher erstellten Formen aus und duplizieren Sie sie. Wählen Sie diese Kopien aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Unite". Füllen Sie die resultierende Form mit dem im dritten Bild gezeigten linearen Farbverlauf.
Senden Sie diese neue Form nach hinten (Umschalt + Strg + linke Klammer) und gehen Sie zu Effekt> Verzerrung und Transformation> Freie Verzerrung. Verschieben Sie die oberen Ankerpunkte wie im endgültigen Bild gezeigt, klicken Sie auf OK und gehen Sie dann zu Objekt> Aussehen erweitern.
Wählen Sie alle bisher erstellten Formen aus und gehen Sie zu Objekt> Transformieren> Drehen. Geben Sie 45 in das Feld Winkel ein und klicken Sie auf OK. Bewegen Sie zum Schluss die Schattenform einige Pixel nach oben und nach rechts.
Die abschließenden Symbole sind unten.
Accentsconagua