Rask Tips Lær hvordan du oppretter en ren stil nedlastningsknapp

I den følgende opplæringen lærer du hvordan du oppretter en ren nedlastingsknapp i Adobe Illustrator. Ved å bruke Rectangle Tool og noen enkle effekter, vil du opprette den generelle knappen formen. Ved å bruke noen andre grunnleggende verktøy og effekt sammen med noen fine farger og mønstre, vil du opprette pilformen. Til slutt, for teksten vil du bruke en fet skrift sammen med noen enkle effekter.


Trinn 1

Lag et 700 x 240, RGB-dokument. Først slår du på rutenettet (Vis> Rutenettet) og Snap to Grid (Vis> Snap to Grid). Deretter trenger du et rutenett hver 10px. Gå til Rediger> Innstillinger> Guider og rutenett, skriv inn 10 i Rutenettlinjen hver boks og 1 i Retningslinjene.

Du bør også åpne Info-panelet (Vindu> Info) for et levende forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å bytte måleenheten til piksler fra Rediger> Innstillinger> Enhet> Generelt. Alle disse alternativene øker arbeidshastigheten betydelig.


Steg 2

La oss starte med rektangelverktøyet (M). Opprett en form for 600 ved 120 px, fyll den med hvilken som helst farge, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 65 px, klikk OK, og gå til Objekt> Utvid utseende.


Trinn 3

Velg formen som ble gjort i forrige trinn, erstatt fyllfarge med den lineære gradienten som vises nedenfor, og legg til et hvitt slag. Gjør det 2pt bredt og juster det til innsiden, og åpne deretter utløpsmenyen i Utseendepanelet og klikk på Legg til nytt slag. Dette vil legge til et sekundslag for din form. Gjør det 1pt bredt, juster det innvendig og sett fargen på R = 210 G = 210 B = 210. Endelig velg hele banen og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises i følgende bilde, og klikk deretter OK.


Trinn 4

Velg Rectangle Tool (M), opprett to nye former og plasser dem som vist i det første bildet. Snap to Grid vil lette arbeidet ditt. Ta tak i Direct Selection Tool (A) og fokus på den nederste formen. Velg ankerpunktene som er markert i det andre bildet og gå til Objekt> Sti> Gjennomsnitt. Sjekk begge deler, og klikk deretter OK. Den resulterende formen skal se ut som en trekant. Velg den sammen med det andre rektangelet og klikk på Unite-knappen fra Pathfinder-panelet. Den resulterende formen skal se ut som en enkel pil. Velg den og gå til Effekt> Stylize> Avrundede hjørner, skriv inn en radius på 5p og klikk deretter OK.


Trinn 5

Velg pilformen og gå til Objekt> Path> Offset Path. Skriv inn en 5px Offset og klikk OK. Velg den resulterende formen og gå til Objekt> Utvid utseende.


Trinn 6

Velg formen som ble gjort i forrige trinn sammen med det avrundede rektangel og klikk på Minus Front-knappen fra Pathfinder-panelet. Nå skal formen din se ut i det andre bildet.


Trinn 7

Velg den gjenværende pilformen og gå til Objekt> Utvid utseende. Fyll den resulterende formen med den lineære gradienten som vises nedenfor, og legg til et første slag. Gjør det 2pt bredt, juster det innvendig og sett fargen på R = 141 G = 210 B = 63. Deretter legger du til et nytt slag for denne pilformen. Gjør det 1pt bredt, juster det innvendig og sett fargen på R = 0 G = 148 B = 68.


Trinn 8

Åpne utløpsmenyen i panelet Farger og gå til Åpne fargebibliotek> Mønster> Grunnleggende grafikk> Grunnleggende grafikk_Lines. Dette åpner et panel med et sett fint mønster. Velg pilformen, åpne flytmenyen i Utseendepanelet og klikk på Legg til ny fylling. Selvfølgelig vil dette legge til en ny fylling for din form. Velg den fra Utseendepanelet, senk dens opasitet til 10%, endre blandemodus til Multiply, bruk deretter 6 lpi 50% mønster. Til slutt skal pilen se ut i det følgende bildet.


Trinn 9

Velg typeverktøyet (T), klikk på tavlen din og legg til teksten. Bruk Britannic Bold-skriften med en størrelse på 80pt og gå til Objekt> Utvid. Velg de resulterende figurene og gå til Objekt> Sammensatt sti> Lag.


Trinn 10

Velg banen som ble gjort i forrige trinn, fyll den med R = 215 G = 215 B = 215, deretter gå til Utseendepanelet. Velg fyll og gå til Effect> Stylize> Inner Glow. Skriv inn dataene som vises nedenfor, klikk OK og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises i følgende bilde, og klikk deretter OK.


Trinn 11

Til slutt, velg formen laget i det sjette trinnet og legg til en ny fylling. Velg det fra Utseendepanelet, senk dets opasitet til 40%, og bruk deretter den radiale gradienten som vises i følgende bilde. Den gule nullen fra gradientbildet står for opacitetsprosent.


Konklusjon

Nå er arbeidet ditt gjort. Dette er hvordan det skal se ut. Bytt de grønne nyansene med andre farger som vist på bildet nedenfor. Du kan også prøve et annet mønster for pilen, eller du kan endre fargene som brukes til knappen og teksten. Nyt!