Share
Im folgenden Tutorial erfahren Sie, wie Sie einen einfachen Schieberegler-Satz erstellen. Zuerst verwenden wir das Rechteckwerkzeug und die abgerundeten Ecken, um die Basisformen zu erstellen. Als Nächstes erstellen wir mit einigen Optionen für Versatz und Pfadfinder die Hervorhebungsformen. Schließlich verwenden wir für die Farben mehrere lineare und radiale Farbverläufe, einige einfache Effekte sowie grundlegende Mischtechniken.
Erstellen Sie ein 600 x 600 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 Form von 15 x 460 Pixeln. Füllen Sie es mit dem unten gezeigten linearen Verlauf und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 3 Pixeln ein, klicken Sie auf OK und gehen Sie zu Objekt> Aussehen erweitern. Die weißen Zahlen aus dem Verlaufsbild stehen für den prozentualen Standort.
Deaktivieren Sie "An Raster ausrichten" ("Ansicht"> "An Raster ausrichten"), gehen Sie zu Bearbeiten> Voreinstellungen> Allgemein und stellen Sie sicher, dass das Keyboard-Increment auf 1px eingestellt ist. Wählen Sie die im vorherigen Schritt erstellte Form erneut aus und gehen Sie zu Objekt> Pfad> Versatzpfad. Wählen Sie die resultierende Form aus und erstellen Sie eine Kopie vor (Befehl + C> Befehl + F). Wählen Sie es aus und drücken Sie einmal auf den rechten Pfeil (um ihn 1px nach rechts zu verschieben). Wählen Sie diese beiden neuen Formen erneut aus, öffnen Sie das Pathfinder-Fenster (Fenster> Pathfinder) und klicken Sie auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit Weiß.
Wählen Sie das abgerundete Rechteck erneut aus, das im zweiten Schritt erstellt wurde, und fokussieren Sie auf das Erscheinungsbildbedienfeld. Fügen Sie zunächst einen 1pt-Strich hinzu. Setzen Sie die Farbe auf R = 160 G = 160 B = 160 und richten Sie sie nach innen aus. Stellen Sie als Nächstes sicher, dass keine Füllung oder Kontur ausgewählt ist (im Bedienfeld „Erscheinungsbild“), und wechseln Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im folgenden Bild gezeigten Daten ein, klicken Sie auf OK und gehen Sie erneut zu Effekt> Stilisieren> Schlagschatten. Geben Sie erneut die in der folgenden Abbildung gezeigten Daten ein und klicken Sie auf OK.
Aktivieren Sie die Option "An Raster ausrichten" erneut (Ansicht> An Raster ausrichten). Wähle das Rechteckwerkzeug (M) aus, erstelle eine 15 x 20 Pixel große Form und platziere sie wie in der folgenden Abbildung gezeigt. Füllen Sie es mit dem unten gezeigten linearen Verlauf und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 3 Pixeln ein, klicken Sie auf OK und gehen Sie zu Objekt> Aussehen erweitern. Denken Sie daran, dass die weiße Zahl aus dem Verlaufsbild für den prozentualen Standort steht.
Deaktivieren Sie die Option An Raster ausrichten (Ansicht> An Raster ausrichten), wählen Sie die im vorherigen Schritt erstellte Form erneut aus und gehen Sie zu Objekt> Pfad> Versatzpfad. Wählen Sie die resultierende Form aus, erstellen Sie eine Kopie vor (Befehlstaste + C> Befehlstaste + F) und verschieben Sie sie um 1 Bildpunkt nach rechts. Wählen Sie diese beiden neuen Formen erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit R = 205 G = 205 B = 205.
Wählen Sie das abgerundete Rechteck erneut aus, das im fünften Schritt erstellt wurde, und fügen Sie einen 1pt-Strich hinzu. Setzen Sie die Farbe auf R = 110 G = 110 B = 110 und richten Sie sie nach innen aus.
Aktivieren Sie die Option "An Raster ausrichten" erneut (Ansicht> An Raster ausrichten). Wähle das Rechteckwerkzeug (M) aus, erstelle ein 5px-Quadrat, fülle es mit R = 88 G = 88 B = 88 und platziere es wie im ersten Bild gezeigt. Wechseln Sie zum Direktauswahl-Werkzeug (A), konzentrieren Sie sich auf dieses Quadrat, wählen Sie die oberen Ankerpunkte aus und gehen Sie zu Objekt> Pfad> Mittelwert.
Aktivieren Sie die Schaltfläche Beide, und klicken Sie auf OK. Dies sollte Ihr Quadrat in ein Dreieck verwandeln. Wählen Sie es aus und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 1 Pixel ein, klicken Sie auf OK und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK. Wählen Sie dieses Dreieck zusammen mit den in den letzten drei Schritten erstellten und bearbeiteten Formen erneut aus und gruppieren Sie sie (Befehl + G)..
Wählen Sie die im vorherigen Schritt erstellte Gruppe erneut aus und duplizieren Sie sie (Befehl + C> Befehl + F). Wählen Sie diese neue Gruppe aus, ziehen Sie sie nach unten und platzieren Sie sie wie im zweiten Bild gezeigt. Gehen Sie dann zu Objekt> Transformieren> Reflektieren. Überprüfen Sie die Schaltfläche Horizontal und klicken Sie auf OK. Wählen Sie beide Gruppen erneut aus und senden Sie sie nach hinten (Umschalt + Befehl + linke eckige Klammer)..
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) aus, erstelle eine Form von 13 x 100 Pixeln und platziere sie wie in der folgenden Abbildung gezeigt. Füllen Sie es mit dem unten gezeigten linearen Verlauf und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 2 Pixel ein, klicken Sie auf OK und gehen Sie zu Objekt> Darstellung erweitern.
Wählen Sie die im vorherigen Schritt erstellte Form erneut aus und gehen Sie zu Objekt> Pfad> Versatzpfad. Wählen Sie die resultierende Form aus, erstellen Sie eine Kopie vor (Befehlstaste + C> Befehlstaste + F) und verschieben Sie sie um 1 Bildpunkt nach rechts. Wählen Sie diese beiden neuen Formen erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit R = 101 G = 232 B = 255.
Wählen Sie das in Schritt 10 erstellte abgerundete Rechteck erneut aus, konzentrieren Sie sich auf das Erscheinungsbildbedienfeld und fügen Sie mit der Schaltfläche „Neue Füllung hinzufügen“ eine zweite Füllung hinzu. Es ist das kleine weiße Quadrat am unteren Rand des Erscheinungsbildfensters. Wählen Sie es aus, ändern Sie es in Überlagerung und füllen Sie es mit dem unten gezeigten radialen Verlauf. Die gelbe Null im Verlaufsbild steht für den Prozentsatz der Deckkraft. Stellen Sie sicher, dass das blaue abgerundete Rechteck noch ausgewählt ist, und fügen Sie einen Strich mit 1 Punkt hinzu. Stellen Sie die Farbe auf R = 19 G = 138 B = 160 und richten Sie sie nach innen aus.
Wähle das Rechteckwerkzeug (M) aus und erstelle drei, 5 mal 1 Pixel-Formen. Fülle sie mit R = 19 G = 137 B = 159 und gehe zu Effekt> Stilisieren> Schlagschatten. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.
Jetzt ist deine Arbeit erledigt. So sollte es aussehen.
Accentsconagua