\n Endergebnis\n<\/p>\n
\n Mal sehen, was Sie in diesem Tutorial erstellen werden.\n<\/p>\n
\n Erstellen Sie einen coolen Bartschneider in Illustrator
\n<\/h3>\n\n Schritt 1
\n<\/h5>\n
\n<\/h5>\n
\n Beginnen wir mit dem Erstellen eines neuen Dokuments (Strg + N)<\/strong>. W\u00e4hlen Sie Pixel aus dem Dropdown-Men\u00fc Einheiten aus, geben Sie 800<\/strong> in die Felder Breite und H\u00f6he ein und klicken Sie dann auf die Schaltfl\u00e4che Erweitert .<\/strong> W\u00e4hlen Sie RGB<\/strong>, Bildschirm (72 ppi)<\/strong> und stellen Sie sicher, dass das Kontrollk\u00e4stchen Neue Objekte am Pixelraster ausrichten<\/strong> deaktiviert ist. Klicken Sie auf OK<\/strong>\n<\/p>\n \n W\u00e4hlen Sie das Rechteckwerkzeug (M)<\/strong> und erstellen Sie eine rechteckige Form von 160 x 545 Pixel<\/strong>. F\u00fcllen Sie es mit einem hellen Blau.\n<\/p>\n \n Nehmen Sie das Direktauswahl-Werkzeug (A)<\/strong>, w\u00e4hlen Sie die beiden Ankerpunkte aus, die durch die roten Kreise (im folgenden Bild) hervorgehoben werden, und ziehen Sie sie jeweils um 20 Pixel nach innen.<\/strong>\n<\/p>\n \n Die Live Corners-<\/strong> Funktion ist nur f\u00fcr CC-Benutzer verf\u00fcgbar. Die beste L\u00f6sung, um diesen Effekt zu ersetzen, w\u00e4re das Round Any Corner-<\/strong> Skript, das Sie in diesem Artikel finden: Skripte f\u00fcr Adobe Illustrator (JavaScript), das Sie auch direkt<\/a> hier<\/a> herunterladen k\u00f6nnen. Schnappen Sie sich das Direktauswahl-Werkzeug (A)<\/strong> und w\u00e4hlen Sie die beiden Ankerpunkte aus, die durch die roten Kreise hervorgehoben werden (im folgenden Bild), gehen Sie zu Datei > Skripts > Anderes Skript<\/strong>. \u00d6ffnen Sie das Round Any Corner-Skript<\/strong> und ziehen Sie den Schieberegler auf 50 Pixel<\/strong>.\n<\/p>\n \n Nehmen Sie nun das Ellipse-Werkzeug (L)<\/strong>, erstellen Sie eine 85 x 45 Pixel gro\u00dfe<\/strong> Form und platzieren Sie sie wie im folgenden Bild gezeigt. Schicken Sie diese Form nach hinten, indem Sie \u201eObjekt“ > \u201eAnordnen“ > \u201eNach hinten stellen“<\/strong> w\u00e4hlen. W\u00e4hlen Sie unsere blaue Form aus und machen Sie eine Kopie vorne (Control-C > Control-F)<\/strong>. W\u00e4hlen Sie dann die in diesem Schritt erstellte Form und unsere blaue Kopie aus und klicken Sie im Pathfinder- Bedienfeld auf die Schaltfl\u00e4che<\/strong> Minus Front<\/strong>.\n<\/p>\n \n Schnappen Sie sich das Direktauswahl-Werkzeug (A)<\/strong> und w\u00e4hlen Sie die beiden Ankerpunkte aus, die durch die roten Kreise hervorgehoben werden (im folgenden Bild), gehen Sie zu Datei > Skripts > Anderes Skript<\/strong>. \u00d6ffnen Sie das Round Any Corner-Skript<\/strong> und ziehen Sie den Schieberegler auf 20 Pixel<\/strong>.\n<\/p>\n \n Stellen Sie sicher, dass Ihre blaue Form ausgew\u00e4hlt ist. Nehmen Sie das Stiftwerkzeug (P)<\/strong> und f\u00fcgen Sie vier Ankerpunkte hinzu, wie in der folgenden Abbildung gezeigt. W\u00e4hlen Sie nun mit dem Direktauswahl-Werkzeug (A)<\/strong> die beiden Ankerpunkte aus, die durch die roten Kreise (im folgenden Bild) hervorgehoben werden, und ziehen Sie sie jeweils 10 Pixel nach au\u00dfen.<\/strong> W\u00e4hlen Sie dann die beiden durch die blauen Kreise hervorgehobenen Ankerpunkte aus und ziehen Sie sie jeweils 3 Pixel nach innen.<\/strong>\n<\/p>\n \n Nehmen Sie das Direktauswahl-Werkzeug (A)<\/strong>, w\u00e4hlen Sie die beiden Ankerpunkte aus, die durch die roten Kreise (in der folgenden Abbildung) hervorgehoben werden, und gehen Sie zu Datei > Skripts > Anderes Skript<\/strong>. \u00d6ffnen Sie das Round Any Corner-Skript<\/strong> und ziehen Sie den Schieberegler auf 15 Pixel<\/strong>. W\u00e4hlen Sie die beiden Ankerpunkte aus, die durch die blauen Kreise hervorgehoben werden, und klicken Sie im oberen Bedienfeld auf die Schaltfl\u00e4che Ausgew\u00e4hlte Ankerpunkte in Gl\u00e4tten konvertieren .<\/strong>\n<\/p>\n \n Stellen Sie sicher, dass unsere blaue Form ausgew\u00e4hlt ist, und gehen Sie zu Effect > Warp > Arc Upper<\/strong>. Geben Sie die unten gezeigten Einstellungen ein. Gehen Sie dann zu Objekt > Aussehen erweitern<\/strong>.\n<\/p>\n \n W\u00e4hlen Sie unsere blaue Form aus und machen Sie zwei Kopien vorne (Control-C > Control-F> Control-F)<\/strong>. W\u00e4hlen Sie die oberste Kopie aus und verschieben Sie sie um 40 Pixel<\/strong> nach oben. W\u00e4hlen Sie dann das Rechteckwerkzeug (M)<\/strong> und erstellen Sie eine Rechteckform mit 240 x 530 Pixel .<\/strong>\n<\/p>\n \n W\u00e4hlen Sie nun die im vorherigen Schritt erstellte rechteckige Form und die oberste Kopie unserer blauen Form aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfl\u00e4che<\/strong> Vereinen<\/strong>. W\u00e4hlen Sie die resultierende Form und die andere Kopie unserer blauen Form aus und klicken Sie im Pathfinder- Bedienfeld auf die Schaltfl\u00e4che<\/strong> Minus Front<\/strong>. Sie sollten eine resultierende Form haben, wie im letzten Bild gezeigt.\n<\/p>\n \n Wir geben dem Ganzen ein wenig Farbe. W\u00e4hlen Sie die untere Form aus und f\u00fcllen Sie sie wie gezeigt mit einem Farbverlauf<\/strong>. W\u00e4hlen Sie dann die zweite Form aus und f\u00fcllen Sie sie wie unten gezeigt mit einem Farbverlauf<\/strong>.\n<\/p>\n \n In diesem Schritt f\u00fcgen wir ein Verlaufsgitter hinzu. Nehmen Sie das Mesh-Werkzeug (U)<\/strong> und klicken Sie einfach auf unsere blaue Form, wie in der folgenden Abbildung gezeigt, um das Mesh zu erstellen. Klicken Sie dann mit dem Direktauswahl-Werkzeug (A)<\/strong> in den mittleren Bereich und f\u00fcllen Sie ihn mit der Farbe #504c4b<\/strong>. F\u00fcllen Sie nun die anderen Bereiche wie im Bild gezeigt aus.\n<\/p>\n \n Stellen Sie sicher, dass unsere zweite Form unten ausgew\u00e4hlt ist, und erstellen Sie zwei Kopien vorne (Control-C> Control-F> Control-F)<\/strong>. W\u00e4hlen Sie die untere Kopie aus und verschieben Sie sie 8 Pixel<\/strong> nach oben. W\u00e4hlen Sie nun beide in diesem Schritt erstellten Kopien aus und klicken Sie im Pathfinder- Bedienfeld auf die Schaltfl\u00e4che<\/strong> Minus Front<\/strong>. F\u00fcllen Sie die resultierende Form wie unten gezeigt mit einem Farbverlauf<\/strong>.\n<\/p>\n \n Machen Sie eine Kopie vor (Control-C> Control-F)<\/strong> der im vorherigen Schritt erstellten Form und ziehen Sie 8px<\/strong> nach oben. F\u00fcllen Sie diese Form wie unten gezeigt mit einem Farbverlauf<\/strong>.\n<\/p>\n \n W\u00e4hlen Sie das Rechteckwerkzeug (M)<\/strong> und erstellen Sie eine 6 x 40 Pixel<\/strong> gro\u00dfe Rechteckform. F\u00fcllen Sie es mit einem hellen Blau. W\u00e4hlen Sie dann mit dem Direktauswahl-Werkzeug (A)<\/strong> den Ankerpunkt aus, der durch den roten Kreis hervorgehoben wird, und ziehen Sie ihn 4 Pixel<\/strong> nach innen. W\u00e4hlen Sie nun diese Form aus und gehen Sie zu Effekt > Stilisieren > Abgerundete Ecken<\/strong>. Geben Sie einen Radius von 3 Pixel ein, klicken Sie auf<\/strong> OK<\/strong> und gehen Sie zu Objekt > Aussehen erweitern<\/strong>.\n<\/p>\n \n W\u00e4hlen Sie die im vorherigen Schritt erstellte Form aus und erstellen Sie eine Kopie vorne (Control-C > Control-F)<\/strong>. Skalieren Sie diese Form und platzieren Sie sie wie in der folgenden Abbildung gezeigt. W\u00e4hlen Sie die beiden blauen Formen aus und klicken Sie im Pathfinder- Bedienfeld auf die Schaltfl\u00e4che<\/strong> \u201eTeilen“<\/strong>. W\u00e4hlen Sie mit dem Direktauswahl-Werkzeug (A)<\/strong> die unerw\u00fcnschte Form aus und l\u00f6schen Sie sie.\n<\/p>\n \n F\u00fcllen Sie die erste Form mit schwarzer<\/strong> Farbe und die zweite Form mit Farbverlauf<\/strong>, wie unten gezeigt.\n<\/p>\n \n Erstellen Sie mit dem Rechteckwerkzeug (M) eine<\/strong> 9 x 22 Pixel gro\u00dfe<\/strong> Form mit einer beliebigen Farbe und platzieren Sie sie wie im ersten Bild gezeigt. W\u00e4hlen Sie diese Form aus und f\u00fcllen Sie sie wie unten gezeigt mit einem Farbverlauf<\/strong>. W\u00e4hlen Sie unsere Form erneut aus, erstellen Sie eine Kopie vorne (Control-C> Control-F)<\/strong> und skalieren Sie die H\u00f6he unserer Kopie auf 18px<\/strong>.\n<\/p>\n \n Erstellen Sie mit dem Rechteckwerkzeug (M) eine<\/strong> 9 x 36 Pixel gro\u00dfe<\/strong> Form mit einer beliebigen Farbe und platzieren Sie sie wie im folgenden Bild gezeigt. Stellen Sie sicher, dass dieses neue Rechteck ausgew\u00e4hlt bleibt, und gehen Sie zu Object > Transform > Rotate<\/strong>. Geben Sie einen Winkel von -2px Grad ein und klicken Sie auf OK<\/strong>. W\u00e4hlen Sie nun mit dem Direktauswahl-Werkzeug (A)<\/strong> die beiden Ankerpunkte aus, die durch die roten Kreise (in der folgenden Abbildung) hervorgehoben sind, und gehen Sie zu Datei > Skripts > Anderes Skript<\/strong>. \u00d6ffnen Sie das Round Any Corner-Skript<\/strong> und ziehen Sie den Schieberegler auf 65 Pixel<\/strong>. W\u00e4hlen Sie unsere Form aus und gehen Sie zu Effekt > Stilisieren > Abgerundete Ecken<\/strong>. Geben Sie einen Radius von 3 Pixel ein und klicken Sie auf<\/strong> OK<\/strong>und gehen Sie zu Objekt > Aussehen erweitern<\/strong>.\n<\/p>\n \n W\u00e4hlen Sie die im vorherigen Schritt erstellte Form aus und erstellen Sie zwei Kopien vorne (Control-C > Control-F> Control-F)<\/strong>. W\u00e4hlen Sie die oberste Kopie aus, skalieren Sie sie mit dem Auswahlwerkzeug (V)<\/strong> und platzieren Sie sie wie gezeigt. W\u00e4hlen Sie dann beide in diesem Schritt erstellten Kopien aus und klicken Sie im Pathfinder- Bedienfeld auf die Schaltfl\u00e4che<\/strong> Minus Front<\/strong>.\n<\/p>\n \n W\u00e4hlen Sie die resultierende Form des vorherigen Schritts aus und setzen Sie seine Farbe auf #514d4c<\/strong>. Gehen Sie zu Effekt > Stilisieren > Schlagschatten<\/strong> und geben Sie die Einstellungen wie unten gezeigt ein. Stellen Sie dann unsere erste blaue Formfarbe auf #211d1e<\/strong> ein .\n<\/p>\n \n W\u00e4hlen Sie alle Formen aus, die wir seit Schritt 16 erstellt haben, und gruppieren Sie sie (Strg + G)<\/strong>. Stellen Sie sicher, dass diese Gruppe ausgew\u00e4hlt bleibt und gehen Sie zu Object > Transform > Reflect<\/strong>. Geben Sie die unten gezeigten Einstellungen ein und klicken Sie auf Kopieren<\/strong>. Ziehen Sie diese Kopie und platzieren Sie sie wie gezeigt. W\u00e4hlen Sie nun mit dem Direktauswahl-Werkzeug (A)<\/strong> die Form aus, die im Bild ausgew\u00e4hlt ist, gehen Sie zu Effekt > Stilisieren > Schlagschatten<\/strong> und geben Sie die Einstellungen wie unten gezeigt ein.\n<\/p>\n \n W\u00e4hlen Sie das Rechteckwerkzeug (M)<\/strong> und erstellen Sie eine rechteckige Form von 80 x 348 Pixel<\/strong>. F\u00fcllen Sie es mit einem hellen Blau. Nehmen Sie das Direktauswahl-Werkzeug (A)<\/strong>, w\u00e4hlen Sie die beiden Ankerpunkte aus, die durch die roten Kreise (im folgenden Bild) hervorgehoben werden, und ziehen Sie sie jeweils 10 Pixel nach innen.<\/strong> Gehen Sie dann mit diesen beiden noch ausgew\u00e4hlten Punktankern zu File > Scripts > Other Script<\/strong>. \u00d6ffnen Sie das Round Any Corner-Skript<\/strong> und ziehen Sie den Schieberegler auf 28 Pixel<\/strong>.\n<\/p>\n \n W\u00e4hlen Sie unsere Hauptform aus und klicken Sie mit dem Mesh-Werkzeug (U)<\/strong> auf die beiden Ankerpunkte, die durch die roten Kreise hervorgehoben werden (im folgenden Bild). Nehmen Sie das Stiftwerkzeug (P)<\/strong> und ziehen Sie die Ankerpunkte wie gezeigt. Kehren Sie dann zu unserer im vorherigen Schritt erstellten Form zur\u00fcck und f\u00fcgen Sie bei weiterhin ausgew\u00e4hltem Stiftwerkzeug (P)<\/strong> die vier Ankerpunkte wie gezeigt hinzu. W\u00e4hlen Sie mit dem Direktauswahl-Werkzeug (A)<\/strong> die beiden durch die roten Kreise hervorgehobenen Ankerpunkte aus und ziehen Sie sie jeweils 2 Pixel<\/strong> nach au\u00dfen. W\u00e4hlen Sie dann die beiden durch die blauen Kreise hervorgehobenen Ankerpunkte aus und ziehen Sie sie jeweils 2 Pixel nach innen.<\/strong> W\u00e4hlen Sie nun die vier Ankerpunkte aus und klicken Sie auf Ausgew\u00e4hlte Ankerpunkte in Gl\u00e4ttung konvertieren<\/strong>Schaltfl\u00e4che im oberen Bereich.\n<\/p>\n \n W\u00e4hlen Sie die beiden durch die roten Kreise hervorgehobenen Ankerpunkte aus und gehen Sie zu Datei > Skripts > Anderes Skript<\/strong>. \u00d6ffnen Sie das Round Any Corner-Skript<\/strong> und ziehen Sie den Schieberegler auf 10 Pixel<\/strong>.\n<\/p>\n \n Erstellen Sie mit dem Rechteckwerkzeug (M)<\/strong> eine Form von 80 x 19 Pixel<\/strong>, stellen Sie eine beliebige Farbe ein und platzieren Sie sie wie im folgenden Bild gezeigt. Wenn unsere neue Form noch ausgew\u00e4hlt ist, gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken<\/strong>. Geben Sie einen Radius von 10 Pixel ein, klicken Sie auf<\/strong> OK<\/strong> und gehen Sie zu Objekt > Aussehen erweitern<\/strong>. Gehen Sie nun zu Effect > Warp > Arc Lower<\/strong>. Geben Sie die unten gezeigten Einstellungen ein, klicken Sie auf Ok<\/strong> und gehen Sie zu Objekt > Aussehen erweitern<\/strong>. Gehen Sie dann zu Objekt > Pfad > Versatzpfad<\/strong>, geben Sie die unten gezeigten Einstellungen ein und klicken Sie auf OK<\/strong>.\n<\/p>\n \n W\u00e4hlen Sie die beiden Formen des vorherigen Schritts aus und klicken Sie im Pathfinder- Bedienfeld auf die Schaltfl\u00e4che<\/strong> Minus Front<\/strong>. Sie sollten das folgende Ergebnis haben.\n<\/p>\n \n Erstellen Sie mit dem Rechteckwerkzeug (M)<\/strong> eine 75 x 30 Pixel gro\u00dfe<\/strong> Form und platzieren Sie sie wie im folgenden Bild gezeigt. W\u00e4hlen Sie die im vorherigen Schritt erstellte Form aus und erstellen Sie eine Kopie vorne (Control-C > Control-F)<\/strong>. W\u00e4hlen Sie unsere Kopie und die in diesem Schritt erstellte Form aus und klicken Sie im Pathfinder- Bedienfeld auf die Schaltfl\u00e4che<\/strong> Teilen<\/strong>. W\u00e4hlen Sie mit dem Direktauswahl-Werkzeug (A)<\/strong> die unerw\u00fcnschten Formen aus und l\u00f6schen Sie sie wie gezeigt. W\u00e4hlen Sie die orangefarbenen Formen aus und klicken Sie im Pathfinder- Bedienfeld auf die Schaltfl\u00e4che<\/strong> Vereinen<\/strong>.\n<\/p>\n \n Nehmen Sie das Direktauswahl-Werkzeug (A)<\/strong>, w\u00e4hlen Sie die beiden durch die roten Kreise hervorgehobenen Ankerpunkte aus, ziehen Sie sie wie gezeigt nach unten und gehen Sie zu Datei > Skripts > Anderes Skript<\/strong>. \u00d6ffnen Sie das Round Any Corner-Skript<\/strong> und ziehen Sie den Schieberegler auf 18 Pixel<\/strong>. Machen Sie dann mit unserer noch ausgew\u00e4hlten Form zwei Kopien vorne (Control-C> Control-F> Control-F)<\/strong>. W\u00e4hlen Sie die oberste Kopie aus, skalieren Sie sie mit dem Auswahlwerkzeug (V)<\/strong> und platzieren Sie sie wie gezeigt. W\u00e4hlen Sie nun beide in diesem Schritt erstellten Kopien aus und klicken Sie im Pathfinder- Bedienfeld auf die Schaltfl\u00e4che<\/strong> Minus Front<\/strong>.\n<\/p>\n \n Wir werden ein weiteres Verlaufsgitter hinzuf\u00fcgen. Nehmen Sie das Mesh-Werkzeug (U)<\/strong> und klicken Sie einfach auf unsere blaue Form, wie in der folgenden Abbildung gezeigt, um das Mesh zu erstellen. Klicken Sie dann mit dem Direktauswahl-Werkzeug (A)<\/strong> in den mittleren Bereich und f\u00fcllen Sie ihn mit #87898d<\/strong> Farbe. F\u00fcllen Sie nun die anderen Bereiche wie im Bild gezeigt aus.\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-199798-638187d1c1425.webp\")
<\/a><\/p>\n\n Schritt 2
\n<\/h5>\n<\/a><\/p>\n\n Schritt 3
\n<\/h5>\n<\/a><\/p>\n\n Schritt 4
\n<\/h5>\n<\/a><\/p>\n\n Schritt 5
\n<\/h5>\n<\/a><\/p>\n\n Schritt 6
\n<\/h5>\n<\/a><\/p>\n\n Schritt 7
\n<\/h5>\n<\/a><\/p>\n\n Schritt 8
\n<\/h5>\n<\/a><\/p>\n\n Schritt 9
\n<\/h5>\n<\/a><\/p>\n\n Schritt 10
\n<\/h5>\n<\/a><\/p>\n\n Schritt 11
\n<\/h5>\n<\/a><\/p>\n\n Schritt 12
\n<\/h5>\n<\/a><\/p>\n\n Schritt 13
\n<\/h5>\n<\/a><\/p>\n\n Schritt 14
\n<\/h5>\n<\/a><\/p>\n\n Schritt 15
\n<\/h5>\n<\/a><\/p>\n\n Schritt 16
\n<\/h5>\n<\/a><\/p>\n\n Schritt 17
\n<\/h5>\n<\/a><\/p>\n\n Schritt 18
\n<\/h5>\n<\/a><\/p>\n\n Schritt 19
\n<\/h5>\n<\/a><\/p>\n\n Schritt 20
\n<\/h5>\n<\/a><\/p>\n\n Schritt 21
\n<\/h5>\n<\/a><\/p>\n\n Schritt 22
\n<\/h5>\n<\/a><\/p>\n\n Schritt 23
\n<\/h5>\n<\/a><\/p>\n\n Schritt 24
\n<\/h5>\n<\/a><\/p>\n\n Schritt 25
\n<\/h5>\n<\/a><\/p>\n\n Schritt 26
\n<\/h5>\n<\/a><\/p>\n\n Schritt 27
\n<\/h5>\n<\/a><\/p>\n\n Schritt 28
\n<\/h5>\n<\/a><\/p>\n\n Schritt 29
\n<\/h5>\n<\/a><\/p>\n\n Schritt 30
\n<\/h5>\n<\/a><\/p>\n\n Schritt 31
\n<\/h5>\n