Quick Tips: Lag Fargerike Glossy Rangering Stars
Dette innlegget er en del av en serie kalt Web og Interface Design Med Vector.Learn en profesjonell arbeidsflyt for å illustrere en Comic-Style Header Imagequick Tips: Hvordan lage en enkel Vector Web Ribbon i Adobe Photoshop

Følg denne raske tips og lære å lage blanke vurdering stjerner. Vi vil legge høydepunkter med hjelp av Blend Tool og en Art pensel og på denne måten vil vi få en ganske enkel glossy look. Også avhengig av fargepaletten av noen nettsteder vi vil prøve forskjellige varianter av farger.

Trinn 1

Åpne en ny web-dokument og la oss starte med bakgrunnen. Ta rektangel Tool (M) og trekke en 600 x 400 px rektangel deretter fylle den med radial gradient vist nedenfor.

Nå, gå til Utseende Panel, åpner fly-out menyen og velger Add New Fill . Vi vil bruke Diamond mønster som du finner i Swatch biblioteker menyen under Patterns > Basic Graphics > Grunn Graphics_Textures. Deretter har dette andre fill valgt i Utseende Panel, gå til Object-menyen > Transform > Skala, velger 80% og sjekke bare Patterns alternativet. Endelig satt den Blending mode til Multipliser og redusere Opacity til 50%.

Trinn 2

La oss gå videre til stjernene. Ta Star Tool, klikk på artboard og angi verdiene som vises. Vi må rotere litt den resulterende stjerne går derfor til Objekt meny > Transform > Rotere og velge en 30 grader vinkel. For å få de avrundede hjørnene vi vil bruke det runde et hjørne Script som du kan finne her. Når du har lagret det, kan du finne den i Fil-menyen under Scripts. Kjør skriptet og velg en to Radius.

. Tips: Som et alternativ kan du også bruke den runde hjørner effekt (effektmenyen > Stylize), men sørg for at du velger Utvid Utseende og opp gruppe etterpå

Trinn 3

Fyll stjernen med mørk grå og deretter gå til Effect menyen > . Stilisere og anvende den indre glød effekt med innstillingene vist

Trinn 4

Kopier og lim i ryggen stjernen (den røde banen) og deretter gå til Object-menyen > Transform > Skala, velger 115% og traff Kopier. Du vil få en større stjerne (den grønne banen).

Trinn 5

Fyll kopi av stjernen med lineær gradient vist og endre vinkelen til minus 40 grader. Deretter fylle større stjerne med samme gradient bare redusere Opacity til 0%. Selvfølgelig må disse to stjernene være bak hoved stjerne og ha dem begge valgt, gå til Object-menyen > Blend > Blend Alternativer og velger 20 Spesifiserte Trappen. Nå, gå tilbake til Object-menyen > Blend og velg Make. Redusere Opacity for den resulterende Blend gruppen til 80%, og du har nettopp fått den første tomme stjerne.

Trinn 6

La oss fortsette med de fargerike stjerner. Lag en kopi av de viktigste stjerne brukt så langt, og fylle den med lineær gradient vist. Endre vinkelen til minus 45 grader. Disse fargene har en viktig rolle i det neste trinn.

Trinn 7

Med den valgte stjerne, gå til Object-menyen > Transform > Skala, velger 80% og traff Kopier. Fyll den resulterende mindre stjerne med rosa. Deretter har begge stjernene valgte å gå til Object-menyen > Blend > Blend alternativer, velger 20 Spesifiserte trinn og deretter gå tilbake til Object-menyen > Blend og velg Make

Trinn 8

Kopier. Og lim foran den minste stjernen fra det forrige trinnet, men gå til Lag-panelet og dra den ut av Blend gruppen fordi vi ikke vil ha den der. Bruk Ellipse Tool (L) for å tegne en oval form og ordne det som på bildet nedenfor. Velg begge former (blå og svart) og klikk Skjæring mellom form områder > Utvid fra Pathfinder Panel. Fyll den resulterende formen med en lineær gradient fra hvitt til sort og endre vinkelen til minus 60 grader. Sett Blending mode til Lysere (svart blir gjennomsiktig) og senk Opacity til 20%.

Trinn 9

Neste, ta Ellipse Tool (L) og tegne en 200x5 px flat ellipse. Bruk Direct Selection Tool (A) for å velge bare den høyre og venstre poeng og klikk på Konverter valgte festepunkter til hjørne alternativet. Med denne formen valgt, gå til Object-menyen > Sti > Offset Path og påfør et minus 2,2 px offset for å få den mindre formen i midten. Redusere Opacity for større form til 0% deretter å ha begge former valgt, gå til Object-menyen > Blend > Blend alternativer. Her velger 20 Spesifiserte trinn og deretter gå tilbake til Object-menyen > Blend > Lage. Dra den resulterende Blend gruppen inn i Børster Panel å definere en ny Art pensel.

Trinn 10

Nå tar Pen Tool (P) og trekke de tre hvite stier som vist nedenfor. Stryke dem med kunsten børste lagret på forrige trinn deretter sette slag vekter som indikert for hver bane. Redusere Opacity til 40% for dem alle.

Step 11

Til slutt velger den rosa Blend gruppen uten høydepunkter og gå til Effect menyen > Stilisere > Drop Shadow. Bruk innstillingene vist seg å legge skyggen og på dette punktet den første stjerne er klar.

Trinn 12

Her er hvordan du kan lage hele settet. Velg tom stjernelaget i begynnelsen og gå til Object-menyen > Transform > Bevege seg. Under Horisontal velger 70 px deretter traff Kopier og du vil få den andre tom stjerne. Trykk tre ganger Ctrl + D som er snarveien for Transform igjen for å få resten av stjernene.

Nå velger hele raden og deretter gå til Object-menyen > Transform > Flytt og denne gangen henhold Vertical velge minus 60 px. Du vil få den andre raden av stjerner og ved å trykke på nytt Ctrl + D tre ganger du vil hente de andre.

På dette punktet alt du trenger å gjøre er å erstatte noen av de tomme stjernene med rosa stjerner og alle av dem vil bli perfekt arrangert.

Trinn 13

Avhengig av fargepaletten av noen nettsteder du kanskje forskjellige farger derfor her er tre alternativer. Alt du trenger å gjøre er å lage en kopi av den rosa stjerne da erstatte gradienter og fylle farger som vist på bildene nedenfor. Alle de andre innstillingene forblir de samme, som vist på de forrige trinnene.

Avhengig av fargene du velger (mørkere eller lysere) opacity verdiene kan variere. Som du kan se nedenfor de er litt annerledes enn de som brukes for den rosa stjerne derfor du må justere dem etter behov.

Her er den blå versjonen:

Og min favoritt, den oransje versjonen:

Final Bilde

Her er det siste bildet og jeg håper du liker disse fargerike reisende stjerner. Vennligst lage ditt eget sett og la meg vite hvordan de viste seg.