Rask Tips Lag fargerike Glossy Rating Stars

Følg dette raske tipset og lær hvordan du oppretter glatte karakterstjerner. Vi vil legge til høydepunkter ved hjelp av Blend Tool og en kunst børste og på denne måten får vi et ganske enkelt, glatt utseende. Avhengig av fargepaletten på noen nettsteder vil vi også prøve forskjellige variasjoner av farger.


Trinn 1

Åpne et nytt webdokument, og la oss starte med bakgrunnen. Ta rektangulærverktøyet (M) og tegne et 600 x 400 pkt rektangel, og fyll det med den radiale gradienten som vises nedenfor.

Gå nå til Utseendepanelet, åpne avtrekksmenyen og velg Legg til ny fylling. Vi vil bruke Diamantmønsteret som du finner i menyen Swatch Libraries under Mønster> Grunnleggende grafikk> Grunnleggende grafikk_tekster. Når du har denne andre fyllingen valgt i Utseendepanelet, går du til Objekt-menyen> Transform> Skala, velg 80% og sjekk bare mønsteralternativet. Endelig sett Blending-modusen til Multiply og reduser Opacity til 50%.


Steg 2

La oss gå videre til stjernene. Ta Star Tool, klikk på tavla og skriv inn verdiene som vises. Vi må rotere litt den resulterende stjernen, derfor gå til Objekt-menyen> Transform> Roter og velg en 30 graders vinkel. For å få de avrundede hjørner bruker vi Round Any Corner Script som du finner her. Etter at du har lagret det, kan du finne det i Fil-menyen under Skript. Kjør skriptet og velg en 2 Radius.

Tips: Som et alternativ kan du også bruke Round Corners-effekten (Effect-meny> Stylize), men sørg for at du velger Utvid Utseende og Oppsummering etterpå.


Trinn 3

Fyll stjernen med mørkegrå, gå til Effect-meny> Stylize og bruk Inner Glow-effekten ved hjelp av de viste innstillingene.


Trinn 4

Kopier og lim inn igjen stjernen (den røde banen) og gå til Objekt-menyen> Transform> Skala, velg 115% og klikk Kopier. Du får en større stjerne (den grønne banen).


Trinn 5

Fyll kopien av stjernen med den lineære gradienten som vises og endre vinkelen til minus 40 grader. Fyll deretter den større stjernen med samme gradient, bare reduser Opacity til 0%. Selvfølgelig må disse to stjernene ligge bak hovedstjernen og ha dem begge valgt, gå til Objekt-menyen> Blend> Blandingsalternativer og velg 20 angitte trinn. Gå nå tilbake til Objekt-menyen> Blend og velg Lag. Reduser Opacity for den resulterende Blend-gruppen til 80%, og du har nettopp oppnådd den første tomme rating-stjernen.


Trinn 6

La oss fortsette med de fargerike stjernene. Lag en kopi av hovedstjernen som er brukt så langt og fyll den med den lineære gradienten som vises. Bytt vinkelen til minus 45 grader. Disse fargene har en viktig rolle i neste trinn.


Trinn 7

Med stjernen valgt, gå til Objekt-menyen> Transform> Skala, velg 80% og klikk Kopier. Fyll den resulterende mindre stjernen med rosa. Når du har begge stjernene valgt, går du til Objekt-menyen> Blend> Blandingsalternativer, velger 20 Spesifikke trinn, og går deretter tilbake til Objekt-menyen> Blend og velg Lag.


Trinn 8

Kopier og lim inn foran den mindre stjernen fra forrige trinn, men gå til Lagpanelet og dra den ut av Blend-gruppen fordi vi ikke vil ha det der. Bruk Ellipse Tool (L) til å tegne en oval form og ordne den som i bildet nedenfor. Velg begge figurene (blå og svart) og klikk på Skjærer formområder> Utvid fra Pathfinder Panel. Fyll den resulterende formen med en lineær gradient fra hvitt til svart og endre vinkelen til minus 60 grader. Still Blending-modusen til Lysere (svart blir gjennomsiktig) og senk Opacity til 20%.


Trinn 9

Deretter tar du Ellipse Tool (L) og tegner en flat ellipse på 200x5 px. Bruk Direct Selection Tool (A) til å velge bare høyre og venstre poeng og klikk på Konverter valgte markerte ankerpunkter til hjørnealternativ. Med denne formen valgt, gå til Objekt-menyen> Sti> Offset-vei og bruk en minus 2,2 px Offset for å få den mindre formen i midten. Reduser Opacity for den større formen til 0%, så velg begge formene, gå til Objekt-menyen> Blend> Blandingsalternativer. Her velger du 20 angitte trinn, og går deretter tilbake til Objekt-menyen> Blend> Lag. Dra den resulterende Blend-gruppen inn i børstepanelet for å definere en ny kunstbørste.


Trinn 10

Nå tar du pennverktøyet (P) og tegner de tre hvite banene som vist nedenfor. Slå dem med kunstbørsten lagret i forrige trinn, og sett deretter slagvektene som angitt for hver bane. Reduser Opacity til 40% for alle.


Trinn 11

Til slutt velger du den rosa Blend-gruppen uten høydepunktene og går til Effekt-menyen> Stylize> Drop Shadow. Bruk innstillingene som vises for å legge til skyggen, og på dette punktet er den første vurderingsstjernen klar.


Trinn 12

Slik lager du hele settet. Velg den tomme vurderingsstjernen som er laget i begynnelsen, og gå til Objekt-menyen> Transformere> Flytt. Under Horisontal velg 70 px, klikk deretter Kopier og du får den andre tomme stjernen. Trykk tre ganger Control + D, som er snarveien for Transform igjen for å oppnå resten av stjernene.

Nå, velg hele raden og gå til Objekt-menyen> Transform> Flytt og denne gangen under Vertikal velg minus 60 px. Du får den andre raden av stjerner og ved å trykke igjen Control + D tre ganger vil du få de andre.

På dette punktet er alt du trenger å gjøre, for å erstatte noen av de tomme stjernene med de rosa stjernene, og alle vil være perfekt arrangert.


Trinn 13

Avhengig av fargepaletten på noen nettsteder, vil du kanskje ha forskjellige farger, derfor er det tre alternativer. Alt du trenger å gjøre er å lage en kopi av den rosa stjernen, og erstatt deretter gradienter og fyll farger som vist på bildene nedenfor. Alle de andre innstillingene forblir de samme, som vist i de forrige trinnene.

Avhengig av fargene du velger (mørkere eller lettere), kan opasitetsverdiene variere. Som du ser nedenfor, er de litt annerledes enn de som brukes til den rosa stjernen, derfor må du justere dem etter behov.

Her er den blå versjonen:

Og min favoritt, den oransje versjonen:


Endelig bilde

Her er det endelige bildet, og jeg håper du liker disse fargerike rating stjerner. Vennligst opprett ditt eget sett og gi meg beskjed om hvordan de viste seg.