Share
Folgen Sie diesem kurzen Tipp und erfahren Sie, wie Sie glänzende Bewertungssterne erstellen. Wir werden mit Hilfe des Blend-Tools und eines Art-Pinsels Highlights hinzufügen und auf diese Weise einen ziemlich einfachen Glanz erzielen. Abhängig von der Farbpalette einiger Websites werden wir verschiedene Farbvarianten ausprobieren.
Öffnen Sie ein neues Webdokument und beginnen Sie mit dem Hintergrund. Nehmen Sie das Rechteckwerkzeug (M), zeichnen Sie ein 600 x 400 px großes Rechteck und füllen Sie es mit dem unten gezeigten radialen Farbverlauf.
Gehen Sie nun zum Darstellungsbereich, öffnen Sie das Flyout-Menü und wählen Sie "Neue Füllung hinzufügen". Wir werden das Rautenmuster verwenden, das Sie im Menü "Musterbibliotheken" unter "Muster"> "Grundlegende Grafiken"> "Grundlegende Graphics_Textures" finden. Wenn diese zweite Füllung im Darstellungsbereich ausgewählt ist, gehen Sie zu Objekt> Transformieren> Skalieren, wählen Sie 80% und aktivieren Sie nur die Option Muster. Stellen Sie schließlich den Mischmodus auf Multiplizieren und reduzieren Sie die Deckkraft auf 50%..
Gehen wir weiter zu den Sternen. Nehmen Sie das Sternwerkzeug, klicken Sie auf Ihre Zeichenfläche und geben Sie die angezeigten Werte ein. Wir müssen den resultierenden Stern ein wenig drehen. Gehen Sie zu Objektmenü> Transformieren> Drehen und wählen Sie einen Winkel von 30 Grad. Um die abgerundeten Ecken zu erhalten, verwenden wir das Round Any Corner Script, das Sie hier finden können. Nachdem Sie es gespeichert haben, können Sie es im Menü Datei unter Skripts finden. Führen Sie das Skript aus und wählen Sie einen Radius von 2 aus.
Spitze: Alternativ können Sie auch den Effekt "Runde Ecken" verwenden (Menü "Effekt"> "Stilisieren"). Stellen Sie jedoch sicher, dass Sie anschließend "Darstellung erweitern" und "Gruppierung aufheben" auswählen.
Füllen Sie den Stern mit dunkelgrauem Farbton. Gehen Sie dann zu Effektmenü> Stilisieren und wenden Sie den Inner Glow-Effekt mit den angezeigten Einstellungen an.
Kopieren und Einfügen hinter dem Stern (der rote Pfad), gehen Sie zu Objektmenü> Transformieren> Skalieren, wählen Sie 115% und klicken Sie auf Kopieren. Sie erhalten einen größeren Stern (den grünen Pfad).
Füllen Sie die Kopie des Sterns mit dem angezeigten linearen Farbverlauf und ändern Sie den Winkel auf minus 40 Grad. Füllen Sie als nächstes den größeren Stern mit dem gleichen Farbverlauf. Reduzieren Sie einfach die Deckkraft auf 0%. Natürlich müssen sich diese beiden Sterne hinter dem Hauptstern befinden. Wenn beide ausgewählt sind, gehen Sie zu Objektmenü> Überblenden> Überblendoptionen und wählen Sie 20 Spezifizierte Schritte. Gehen Sie nun zurück zu Objekt> Blend und wählen Sie Make. Reduzieren Sie die Deckkraft für die resultierende Mischungsgruppe auf 80%, und Sie haben gerade den ersten leeren Bewertungsstern erhalten.
Fahren wir mit den bunten Sternen fort. Machen Sie eine Kopie des bisher verwendeten Hauptsterns und füllen Sie ihn mit dem angezeigten linearen Farbverlauf. Ändern Sie den Winkel auf minus 45 Grad. Diese Farben spielen im nächsten Schritt eine wichtige Rolle.
Wählen Sie bei ausgewähltem Stern Objekt> Transformieren> Skalieren aus, wählen Sie 80% aus und klicken Sie auf Kopieren. Fülle den resultierenden kleineren Stern mit Rosa. Wenn beide Sterne ausgewählt sind, gehen Sie zu Objektmenü> Überblenden> Überblendoptionen, wählen Sie 20 Spezifizierte Schritte, gehen Sie zurück zu Objektmenü> Überblenden und wählen Sie Erstellen.
Kopieren und Einfügen vor dem kleineren Stern aus dem vorherigen Schritt. Gehen Sie jedoch zum Ebenenbedienfeld und ziehen Sie es aus der Blend-Gruppe, da wir es dort nicht möchten. Zeichnen Sie mit dem Ellipse-Werkzeug (L) eine ovale Form und ordnen Sie sie wie in der Abbildung unten an. Wählen Sie beide Formen (blau und schwarz) aus und klicken Sie im Pfadfinder-Bedienfeld auf Schnittflächen> Einblenden. Füllen Sie die resultierende Form mit einem linearen Farbverlauf von Weiß nach Schwarz und ändern Sie den Winkel auf minus 60 Grad. Stellen Sie den Mischmodus auf Aufhellen (Schwarz wird transparent) und verringern Sie die Deckkraft auf 20%..
Nehmen Sie dann das Ellipse-Werkzeug (L) und zeichnen Sie eine 200x5 px flache Ellipse. Verwenden Sie das Direktauswahl-Werkzeug (A), um nur den rechten und den linken Punkt auszuwählen, und klicken Sie auf die Option Ausgewählte Ankerpunkte in Ecke konvertieren. Wenn diese Form ausgewählt ist, gehen Sie zu Objekt> Pfad> Versatzpfad und wenden Sie einen Versatz von minus 2,2 px an, um die kleinere Form in der Mitte zu erhalten. Reduzieren Sie die Deckkraft für die größere Form auf 0%. Wenn beide Formen ausgewählt sind, wählen Sie Objekt> Blend> Blend-Optionen. Wählen Sie hier 20 Spezifizierte Schritte und gehen Sie zurück zu Objektmenü> Überblenden> Erstellen. Ziehen Sie die resultierende Mischgruppe in das Pinselfenster, um einen neuen Malpinsel zu definieren.
Nehmen Sie nun das Stiftwerkzeug (P) und zeichnen Sie die drei weißen Pfade wie unten gezeigt. Streichen Sie sie mit dem im vorherigen Schritt gespeicherten Malpinsel und stellen Sie dann die Strichstärken wie für jeden Pfad angegeben ein. Reduzieren Sie die Deckkraft für alle auf 40%.
Wählen Sie schließlich die rosafarbene Mischungsgruppe ohne Hervorhebungen aus und gehen Sie zu Effektmenü> Stilisieren> Schlagschatten. Verwenden Sie die angezeigten Einstellungen, um den Schatten hinzuzufügen. Nun ist der erste Bewertungsstern fertig.
So erstellen Sie den gesamten Satz. Wählen Sie den leeren Bewertungsstern aus, der am Anfang erstellt wurde, und wechseln Sie zu Objekt> Transformieren> Verschieben. Wählen Sie unter Horizontal 70 px und klicken Sie dann auf Kopieren. Der zweite leere Stern wird angezeigt. Drücken Sie dreimal Strg + D, die Abkürzung für die Transformation, um den Rest der Sterne zu erhalten.
Wählen Sie nun die gesamte Zeile aus und gehen Sie zu Objekt> Transformieren> Verschieben. Wählen Sie diesmal unter Vertikal minus 60 px. Sie erhalten die zweite Reihe von Sternen und durch dreimaliges Drücken von Strg + D erhalten Sie die anderen.
An diesem Punkt müssen Sie nur einige der leeren Sterne durch die rosa Sterne ersetzen, und alle werden perfekt angeordnet sein.
Abhängig von der Farbpalette einiger Websites möchten Sie möglicherweise andere Farben. Daher gibt es drei Alternativen. Alles, was Sie tun müssen, ist, eine Kopie des rosafarbenen Sterns anzufertigen und dann die Farbverläufe und Füllfarben zu ersetzen, wie in den Bildern unten gezeigt. Alle anderen Einstellungen bleiben dieselben wie in den vorherigen Schritten gezeigt.
Je nach den gewählten Farben (dunkler oder heller) können die Opazitätswerte variieren. Wie Sie unten sehen können, unterscheiden sie sich ein wenig von denen, die für den rosafarbenen Stern verwendet werden. Daher müssen Sie sie nach Bedarf anpassen.
Hier ist die blaue Version:
Und mein Favorit, die orange Version:
Hier ist das endgültige Bild und ich hoffe, Sie mögen diese bunten Bewertungssterne. Bitte erstellen Sie Ihr eigenes Set und lassen Sie mich wissen, wie sie sich entwickelt haben.
Accentsconagua