Quick Tips: Lag et sett med Preget Player Knapper

Følg denne nye rask spiss, og lære å tegne et sett av spiller knapper, lilla og rosa stil denne gangen fordi grå og svart kan være litt kjedelig noen ganger. De er enkle å lage, og vi vil bruke effekter som Ytre glød, Gaussian Blur, Transform og Blend Tool.

Trinn 1

Åpne en ny web-dokument. Den ytre sirkel av knappene er semi-transparent, slik at bakgrunnen er viktig denne gangen. Ta rektangelverktøyet (M) og trekke en 720 x 170 px rektangel deretter velge lilla som fyllfarge. Gå til Utseende Panel og fra fly-out menyen velger du Legg til ny Fill. Endre dette andre fyllfarge til mørk grå (85% sort) og deretter gå til effektmenyen > Kunstnerisk og bruke kornethet. Senk opacity til 70%, og bakgrunnen er klar.

Trinn 2

Ta Ellipse Tool (L) og tegne en 83 x 83 px sirkel. Fylle den med lineær gradient som er vist og endre vinkelen verdien til 90 grader. Deretter går du til effektmenyen > Blur > Gaussian Blur og bruke en 1,5 px Radius. Reduser Opacity til 50% for å gjøre sirkelen semi-transparent.

Trinn 3

Kopier og lim foran den første sirkelen og fjerne de eksisterende opptredener. Kopier og lim i ryggen den nye sirkelen (grønn) for å få en annen sirkel (rød). Før du fortsetter, gå til Edit-menyen > Preferanser > Generelt og sette tastaturet Økning til 0,5 px. Nå velger den røde sirkelen og flytte den litt ved å trykke to ganger på pil ned på tastaturet. Velg begge sirkler og klikk Trekk fra form området > Utvid fra Pathfinder Panel.

Send den resulterende formen i ryggen og fylle det med en radial gradient fra hvitt til svart. Deretter går du til effektmenyen > Blur > Gaussian Blur og bruke en 1 px Radius deretter endre Blending mode til skjerm (svart blir gjennomsiktig). Reduser Opacity til 60%

Trinn 4

Å ha den første sirkelen valgt, gå til Object-menyen >.; Sti > Offset Sti og påfør et -8 px offset verdi for å oppnå mindre sirkel. Fjern den eksisterende skinn og fylle den med lilla skygge angitt. Gå til effektmenyen > Stilisere og anvende Ytre glød effekt ved hjelp av innstillingene som vises. På denne måten vil du få en diskret skygge rundt dette andre sirkelen.

Trinn 5

Kopier og lim foran den andre sirkelen, holde fyllfargen, men fjerne Ytre glød virkning fra Utseende Panel . Å ha denne nye sirkelen valgt, gå til Object-menyen > Sti > Offset Sti og bruke en -7 px offset verdi for å hente en mindre sirkel igjen. Endre fyllfargen til lilla. Nå velger begge sirklene oppnådd på dette trinnet, gå til Object-menyen > Blend > Blend Alternativer og velger 20 Spesifiserte trinn og deretter gå tilbake til Object-menyen > Bland og velg Make.

Trinn 6

Deretter går du lagpanelet, og velg den mindre lilla sirkel fra Blend gruppen og kopiere og lime den inn foran, men dra den utenfor Blend gruppe fordi vi vil ikke ha det der. Fylle den nye kretsen (rød) med en lineær gradient fra hvitt til sort og endre vinkelen verdien til 90 grader. Endre Blending mode til skjerm (svart blir gjennomsiktig) og senk Opacity til 40%.

Trinn 7

Kopier og lim foran den siste sirkelen og bare gi den en blå strek. Nå Kopier og lim foran den blå sirkelen for å få den røde sirkelen og deretter flytte den ved å trykke pil ned tasten på tastaturet fem ganger (tastaturet Økning er fortsatt satt til 0,5 px). Å ha begge sirklene valgt, trykker Trekk fra form området > Utvid fra Pathfinder Panel deretter fylle den resulterende form med en radial gradient fra svart til grå. Deretter går du til effektmenyen > Blur > Gaussian Blur og bruke en 1,7 px Radius deretter endre Blending mode for å formere seg. Trykk to eller tre ganger pil ned-tasten på tastaturet for å flytte denne måne formen litt nedenfor.

Trinn 8

La oss fortsette med spillerens symboler. For Play symbol ta Polygon Tool, klikk på artboard og angi verdiene vist seg å få en trekant. Roter det minus 90 grader og deretter gå til effektmenyen > Stylize > Runde hjørner og påfør et 5 px Radius. For stoppsymbolet tegne en 20x20 px kvadrat med rektangelverktøyet (M) og deretter søke igjen de runde hjørner effekt. Pause-symbolet er laget av to tynne rektangler (4x22 px) og denne gangen velger en 2 px Radius når du bruker runde hjørner effekt.

Deretter velger Play, Stopp og Pause symboler og fra Object-menyen velg Utvid Utseende deretter Løs opp gruppe. Skala og multiplisere Play symbol og bruke den sammen med pausesymbolet for å lage Play Raskere and Play Neste symboler som vist nedenfor. Når de er ferdig, gruppe figurer som skriver dem deretter gå til Object-menyen > Transform > Reflektere, velge vertikal og trykker Kopier. På denne måten vil du få symbolene Spill Tregere og spille Forrige.

Trinn 9

Fyll Play symbol med lilla skygge indikerte deretter gå til Utseende Panel og fra fly-out menyen velger Legg til ny Fill. Endre andre fyllfargen med det som vises deretter gå til effektmenyen > Forvrenge og Transform > Transform effekt og i Move delen Vertical velge 1,5 px. Gjør det samme for resten av symbolene

Trinn 10

La oss gå tilbake til knappen fra trinn 7. konsernet alle figurene som komponerer det så gå til Object-menyen >.; Transform > Bevege seg. Velger å flytte på knappen 100 px horisontalt trykk deretter på Kopi. Nå kan du trykke Kommando + D (Transform Again) gjenta denne handlingen fem ganger. Alt som er igjen å gjøre er å arrangere symbolene og du er ferdig.

Trinn 11

Bakgrunnen bak den rosa knapper er den samme som den lilla bakgrunn. Du kan ganske enkelt lage en kopi da erstatte de to fyllfargene med det som er angitt.

For å lage den rosa knapper alt du trenger å gjøre er å erstatte de lilla nyanser med rosa nyanser. På bildet under kan du se de viktigste trinnene og de fargene som du må endre. Hvis andre farger eller gradienter ikke er nevnt her betyr at de forblir den samme.

Også endre to fyllfarger for symbolene som angitt. Nå gjentar trinn 10 og den rosa symbolene er klare.

Trinn 12

Hvis du ikke liker jenteaktig farger du kan lage den svarte versjonen. Start med bakgrunnen og erstatte fyllfargene ...

... .og erstatte lilla nyanser av knappene med grå nyanser som angitt nedenfor.

Også erstatte de to fyllfarger for symbolene deretter plassere dem på toppen av knappene og du er ferdig.

Final Bilde

Her er det endelige bildet. Jeg våger du å lage disse knappene ved hjelp av andre farger som du liker og deretter la meg vite hvordan de viste seg. Bare husk å matche knapper med bakgrunnsfargen siden utvidet krets er delvis gjennomsiktig. Også, hvis du ønsker å skalere disse knappene huske å utvide alle effektene brukt før du gjør dette.