Quick Tips: Lær hvordan du oppretter en ren stil nedlastingsknappen

I det følgende opplæringen vil du lære hvordan du oppretter en ren nedlastingsknappen i Adobe Illustrator. Ved først å bruke rektangelverktøyet og noen enkle effekter vil du opprette den generelle knappen form. Neste, ved hjelp av noen andre grunnleggende verktøy og effekt sammen med noen fine farger og mønstre du vil skape pilen form. Til slutt, for teksten vil du bruke en fet skrift sammen med noen enkle effekter.

Trinn 1

Lag en 700 x 240, RGB-dokument. Først slår du på Grid (View > Grid) og Fest til rutenett (View > Fest til rutenett). Deretter trenger du et rutenett hver 10px. Gå til Rediger > Preferanser > Guides & Grid, skriver 10 i linjenettet hver boks og en i underinndelinger boksen.

Du bør også åpne infopanelet (Vindu > Info) for en live forhåndsvisning med størrelsen og plasseringen av dine figurer. Ikke glem å bytte måleenheten til piksler fra Rediger > Preferanser > Unit > General. Alle disse alternativene vil øke arbeidshastigheten.

Trinn 2

La oss starte med rektangel Tool (M). Opprett en 600 ved 120px form, fyll den med hvilken som helst farge og deretter gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 65px radius, klikk OK og deretter gå til Objekt > Utvid Utseende.

Trinn 3

Velg den formen laget i forrige trinn, bytt fyllfargen med lineær gradient vist nedenfor deretter legge til en hvit strek. Gjør det 2PT bred og justere den til innsiden åpne deretter fly-out menyen i Utseende-panelet og klikk på Legg til ny Stroke. Dette vil legge et ekstra slag for formen. Gjør det 1PT bred, justere den til inne og sette farge på R = 210 G = 210 B = 210. Endelig reselect hele banen og gå til Effect > Stilisere > Drop Shadow. Tast inn dataene vist i følgende bilde og klikk på OK.

Trinn 4

Velg rektangel Tool (M), lage to nye form og plassere dem som vist i det første bildet. Fest til rutenett vil lette arbeidet ditt. Grab Direct Selection Tool (A) og fokus på bunnen form. Velg ankerpunktene fremhevet i det andre bildet og gå til Objekt > Sti > Gjennomsnittlig. Sjekk både klikker OK. Den resulterende formen skal se ut som en trekant. Velg den sammen med den andre rektangel og klikk på Unite knappen fra Pathfinder-panelet. Den resulterende formen skal se ut som en enkel pil. Velg den og gå til Effect > Stilisere > Avrundede hjørner, skriv en 5px radius klikk deretter OK

Trinn 5

Velg pilen form og gå til Objekt >.; Sti > Offset Path. Skriv inn et 5px Offsettrykk, og klikk OK. Velg resulterende formen og gå til Objekt > Utvid Utseende.

Trinn 6

Velg den formen laget i forrige trinn sammen med avrundet rektangel og klikk på Minus Front knappen fra Pathfinder-panelet. Nå bør formen se ut i det andre bildet

Trinn 7

Velg den resterende pil og gå til Objekt >.; Utvid Utseende. Fyll den resulterende form med lineær gradient vist nedenfor deretter legge til en første slag. Gjør det 2PT bred, justere den til inne og sette farge på R = 141 G = 210 B = 63. Deretter legge til en ekstra slag for denne pilen form. Gjør det 1PT bred, justere den til inne og sette farge på R = 0 G = 148 B = 68.

Trinn 8

Åpne fly-out menyen i Fargeprøver-panelet og gå til Open Swatch Library > Pattern > Basic Graphics > Grunn Graphics_Lines. Dette vil åpne et panel med et sett med fint mønster. Velg pilen form, åpner fly-out menyen i Utseende-panelet og klikk på Legg til ny Fill. Selvsagt vil dette legge en annen fylling for formen. Velg det fra Utseende panel, senke opacity til 10%, endre blending mode til Multipliser deretter bruke seks lpi 50% mønster. Til slutt pilen skal se ut i følgende bilde.

Trinn 9

Velg den type Tool (T), klikk på artboard og legge til tekst. Bruk Britannic Fet skrift med en størrelse på 80pt deretter gå til Objekt > Utvide. Velg de resulterende figurer og gå til Objekt > Forbindelse Sti > Gjør.

Trinn 10

Velg banen gjorde i forrige trinn, fyll den med R = 215 G = 215 B = 215 så gå til Utseende panel. Velg fyll og gå til Effect > Stilisere > Indre glød. Skriv inn de data som vises nedenfor, klikk OK og deretter gå til Effect > Stilisere > Drop Shadow. Tast inn dataene vist i følgende bilde og klikk på OK.

Trinn 11

Til slutt reselect formen gjort i det sjette trinnet og legge til en annen fylling. Velg det fra Utseende panel, senke opacity til 40% deretter bruke radial gradient vist i følgende bilde. Den gule null fra gradient bildet står for opacity prosenten.

Konklusjon

Nå arbeidet er ferdig. Dette er hva det skal se ut. Erstatte de grønne nyanser med andre farger som vist i følgende bilde. Du kan også prøve et annet mønster for pilen eller du kan endre fargene som brukes for knappen og teksten. Enjoy!