Share
In den folgenden Schritten erfahren Sie, wie Sie eine einfache Lautstärkeleiste erstellen. Es ist ein ziemlich einfaches Tutorial, in dem Sie die grundlegenden Werkzeuge, Effekte und Techniken von Adobe Illustrator kennen lernen. Sie beginnen mit einem einfachen Rechteck und einem Kreis und verwenden dann mehrere Füllungen, Striche und mehrere einfache Effekte sowie einige nette Misch- und Maskierungsmethoden, mit denen Sie Ihre eigene Lautstärkebalken erstellen.
Erstellen Sie ein 600 x 800 Pixel großes RGB-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ähle das Rechteckwerkzeug (M) aus und erstelle eine 20 x 410px-Form. Füllen Sie es mit dem unten gezeigten linearen Farbverlauf und entfernen Sie die Farbe vom Strich.
Wählen Sie die im vorherigen Schritt erstellte Form erneut aus und fügen Sie einen ersten Strich hinzu. Setzen Sie die Farbe auf R = 88 G = 88 B = 88, machen Sie 2pt breit und richten Sie sie nach außen aus. Vergewissern Sie sich, dass diese Form noch ausgewählt ist, und wechseln Sie in das Bedienfeld Darstellung (Fenster> Darstellung). Klicken Sie einfach auf die Schaltfläche Neuen Strich hinzufügen. Es ist das kleine schwarze Quadrat von der Unterseite des Erscheinungsbildfensters.
Offensichtlich fügt dies Ihrer Form einen neuen Strich hinzu. Wählen Sie es aus dem Bereich "Darstellung" aus, legen Sie die Farbe auf R = 190 fest. G = 190 B = 190, stellen Sie es auf 1pt breit und richten Sie es nach außen aus. Fahren Sie im Darstellungsfenster fort, und 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 und klicken Sie auf OK. Am Ende sollte der Effekt oben im Appearance-Bedienfeld platziert werden.
Wähle das Rechteckwerkzeug (M) aus, erstelle eine 10 x 400 Pixel große Form und platziere sie wie in der folgenden Abbildung dargestellt. Füllen Sie es mit dem unten gezeigten linearen Farbverlauf, entfernen Sie die Farbe vom Strich und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 5 Pixeln ein und klicken Sie auf OK.
Wählen Sie die im vorherigen Schritt erstellte Form erneut aus und erstellen Sie eine Kopie vor (Befehl + C> Befehl + F). Wählen Sie diese Kopie aus und füllen Sie sie mit dem unten gezeigten linearen Farbverlauf.
Wählen Sie die im vorherigen Schritt erstellte Form erneut aus und erstellen Sie eine Kopie vor (Befehl + C> Befehl + F). Wählen Sie diese Kopie aus, und konzentrieren Sie sich auf das Erscheinungsbildfenster. Entfernen Sie zuerst den linearen Farbverlauf aus der Füllung. Als nächstes fügen Sie einen weißen Strich hinzu. Wählen Sie es aus dem Darstellungsfeld aus, machen Sie es um 2pt breit, richten Sie es nach innen aus und ändern Sie den Mischmodus in Überlagerung. Fügen Sie einen zweiten Strich für diese Form hinzu und machen Sie sie 1pt breit. Wählen Sie es erneut aus dem Bereich "Darstellung" aus, setzen Sie die Farbe auf R = 88 G = 88 B = 88, richten Sie es nach innen aus und ändern Sie den Mischmodus auf "Multiplizieren".
Wähle das Stiftwerkzeug (P), zeichne einen 400px vertikalen Pfad und platziere ihn wie im ersten Bild gezeigt. Wählen Sie es aus, entfernen Sie die Farbe aus der Füllung und fügen Sie einen einfachen schwarzen Strich hinzu. Wählen Sie es erneut aus, erhöhen Sie die Strichgröße auf 10pt und öffnen Sie das Konturfenster (Fenster> Kontur). Aktivieren Sie zunächst das Kontrollkästchen für die gestrichelte Linie und die Schaltfläche "An Ecken ausrichten ...". Als nächstes geben Sie 1pt in das Bindestrich und 40pt in das Lückenfeld ein. Am Ende sollte Ihr Pfad wie im zweiten Bild aussehen.
Wählen Sie den im vorherigen Schritt erstellten Pfad erneut aus und gehen Sie zu Objekt> Pfad> Gliederungsstrich. Dadurch wird eine Gruppe mit einem zusammengesetzten Pfad und zwei einfachen Pfaden erstellt. Wechseln Sie zum Ebenenfenster, öffnen Sie diese Gruppe und löschen Sie die beiden Pfade. Wählen Sie den zusammengesetzten Pfad aus und geben Sie die Gruppierung auf (Befehl + Umschalttaste + G). Füllen Sie es mit dem unten gezeigten linearen Farbverlauf und ändern Sie den Mischmodus in "Multiplizieren". Die gelben Nullen aus dem Verlaufsbild stehen für den Prozentsatz der Deckkraft.
Wähle das Rechteckwerkzeug (M) aus, erstelle eine 20 x 165 Pixel große Form, fülle sie mit Schwarz und platziere sie wie im ersten Bild gezeigt. Wechseln Sie zum Ebenenbedienfeld, wählen Sie diesen schwarzen Pfad aus und ziehen Sie ihn über die mit dem gelben bis orangefarbenen Verlauf gefüllte Form. Wählen Sie nun diese beiden Formen aus und wechseln Sie in das Transparenzfenster. Öffnen Sie das Flyout-Menü, klicken Sie auf "Deckkraftmaske erstellen" und deaktivieren Sie das Kontrollkästchen "Clip". Am Ende sollte Ihre gelb / orange Form wie im zweiten Bild aussehen.
Wähle das Ellipse-Werkzeug (L) aus und lege zwei 20er-Kreise an. Platzieren Sie sie wie in der folgenden Abbildung und füllen Sie sie mit dem unten gezeigten linearen Farbverlauf. Stellen Sie sicher, dass diese Kreise noch ausgewählt sind, und fügen Sie die beiden in der folgenden Abbildung gezeigten Striche hinzu.
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. Wähle das Rechteckwerkzeug (M) und fokussiere auf den oberen Kreis, der im vorherigen Schritt erstellt wurde. Zeichnen Sie 2 x 8 Pixel, füllen Sie es mit Weiß und platzieren Sie es wie im ersten Bild gezeigt. Stellen Sie sicher, dass dieses weiße Rechteck noch ausgewählt ist, und wechseln Sie zu Objekt> Transformieren> Drehen.
Geben Sie einen Winkel von 90 Grad ein und klicken Sie auf die Schaltfläche Kopieren. Wählen Sie nun diese beiden weißen Rechtecke aus und klicken Sie im Pathfinder-Bedienfeld (Fenster> Pathfinder) auf die Schaltfläche Unite. Fahren Sie mit dem Rechteckwerkzeug (M) fort und fokussieren Sie den zweiten Kreis, der im vorherigen Schritt erstellt wurde. Erstellen Sie eine 8x2px-Form, füllen Sie sie mit Weiß und platzieren Sie sie wie im dritten Bild gezeigt.
Wähle das Ellipse-Werkzeug (L) und erstelle einen 14px-Kreis. Füllen Sie es mit dem unten gezeigten linearen Farbverlauf und platzieren Sie es wie in der folgenden Abbildung dargestellt.
Wählen Sie die im vorherigen Schritt erstellte Form erneut aus und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie einen -1px-Offset ein und klicken Sie auf OK. Füllen Sie die resultierende Form mit Weiß und erstellen Sie eine Kopie (Befehl + C> Befehl + F). Wählen Sie diese Kopie aus und klicken Sie einmal auf den Aufwärtspfeil. Wählen Sie diese beiden weißen Kreise erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Die resultierende Form sollte wie im vierten Bild aussehen.
Wählen Sie die im zwölften Schritt erstellte Form erneut aus und fügen Sie einen 1pt-Strich hinzu. Richten Sie ihn innen aus, setzen Sie die Farbe auf R = 130 G = 130 B = 130 und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.
Fahren wir mit dem Hintergrund fort. Wählen Sie das Rechteckwerkzeug (M) aus, erstellen Sie eine Form, die der Größe Ihrer Zeichenfläche entspricht, füllen Sie sie mit R = 188 G = 188 B = 188 und senden Sie sie nach hinten (Umschalt + Befehl + Linke eckige Klammer). Vergewissern Sie sich, dass diese neue Form noch ausgewählt ist, wechseln Sie zum Fenster "Darstellung" und fügen Sie mit der Schaltfläche "Neue Füllung hinzufügen" eine neue Füllung hinzu. Es ist das kleine weiße Quadrat am unteren Rand des Apperceive-Bedienfelds. Wählen Sie diese neue Füllung aus, machen Sie sie schwarz, verringern Sie die Deckkraft auf 3%, ändern Sie den Mischmodus in "Multiplizieren" und gehen Sie zu Effekt> Künstlerisch> Filmkorn. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.
Wählen Sie die im vorherigen Schritt erstellte Form erneut aus und fügen Sie eine dritte Füllung hinzu. Wählen Sie es im Erscheinungsbildfenster aus und verwenden Sie den unten gezeigten radialen Farbverlauf. Denken Sie daran, dass die gelbe Null des Verlaufs für den Prozentsatz der Deckkraft steht.
Wählen Sie die beiden in Schritt # 10 erstellten Kreise zusammen mit der im zweiten Schritt erstellten (und im dritten Schritt bearbeiteten) Form aus, und gehen Sie zu Effekt> Stilisierung> Schlagschatten. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.
Jetzt ist deine Arbeit erledigt, so sollte sie aussehen. Ich hoffe, dass dir dieses Tut gefallen hat.
Accentsconagua