Gel knapper , også kalt glass knapper , er populære nettstedet elementer fordi de skiller seg ut på siden, men er ikke altfor påtrengende . Gel knapper synes som om lyset reflekteres fra dem , og skaper et høydepunkt fra lyset som forårsaker knappen farge for å gradvis fra en mørk farge til en lysere Shad . Med Adobe Illustrator , kan du lage en vektorbasert gel -knappen ved hjelp av tre rektangler med en kombinasjon av solide fargeprøver og graderinger . Instruksjoner
en
Velg " Avrundet rektangel "-verktøyet .
2
Tegn et rektangel størrelsen på knappen. Trykk på " Up" pilen for å øke et hjørne radius eller " Down" pilen for å senke et hjørne radius.
3
Klikk på " Stroke "-ikonet . Klikk på " No Fill" -knappen for å fjerne strøk.
4
Dobbeltklikk på " Fill "-ikonet . Velg ønsket farge for knappen .
5
Velg " Avrundet rektangel . " Tegn en annen, mindre rektangel mot bunnen midten av første .
6
Double - klikk på " Fill "-ikonet . Velg en lysere nyanse av den opprinnelige rektangelet farge .
7
Velg " Blend "-verktøyet. Klikk på den lille firkanten og stort rektangel .
8
Velg " Avrundet rektangel . " Mot toppen midten av første rektangel, trekke et tredje rektangel som er litt større enn den andre , men mindre enn den første .
9
Klikk på "Window "-menyen og velg " Gradient ". Sett den svarte glideren til 100 prosent CMYK-svart og hvit glidebryter til 0 prosent . Skriv inn " -90 " i " Angle " boksen .
10
Klikk på "Window "-menyen og velg " Transparency . " Velg "Screen " fra drop -down menyen .
11
Klikk på Gradient panel . Dra Gradient Slider , trekanten over gradient , for å justere størrelsen på høydepunktet i gel -knappen.
12
Velg hele knappen . Klikk på " Effect "-menyen , sveve over " stilisere " og velg " Drop Shadow ".
13
Klikk på " Preview " boksen . Påfør ønsket slagskygge alternativer.