Gel knappar , även kallad glas knappar , är populära webbplatsen element eftersom de sticker ut på sidan , men är inte alltför påträngande . Gel knapparna ser ut som om ljuset reflekteras från dem , skapar en höjdpunkt från ljuset som orsakar knappens färg att gradvis försvinna från en mörk färg till en ljusare Shad . Med Adobe Illustrator kan du göra en vektor - baserad gel knappen med tre rektanglar med en kombination av fasta färgrutor och gradienter . Instruktioner
1
Välj " Rundad rektangel " verktyget .
2
Rita en rektangel med storleken på knappen . Tryck på " Upp " pil för att öka en hörnradie eller " Down" pil för att minska en hörnradie .
3
Klicka på " Stroke " -ikonen . Klicka på " Ingen fyllning " för att ta bort stroke .
4
Dubbelklicka på " Fill " -ikonen . Välj önskad färg för knappen .
5
Välj " Rundad rektangel . " Rita en andra , mindre rektangel mot botten mitt första .
6
Dubbel - klicka på " Fill " -ikonen . Välj en ljusare nyans av den ursprungliga rektangeln färg .
7
Välj " Blend " verktyg . Klicka på den lilla rektangeln och den stora rektangeln .
8
Välj " Rundad rektangel . " Mot den övre mitten av den första rektangeln , dra ett tredje rektangel som är lite större än den andra , men mindre än den första .
9
Klicka på " Fönster " -menyn och välj " Gradient . " Ställ det svarta reglaget till 100 procent CMYK-svart och vita reglaget till 0 procent . Ange " -90 " i " Angle " rutan .
10
Klicka på " Fönster " -menyn och välj "Öppenhet ". Välj " Screen " från rullgardinsmenyn .
11
Klicka på panelen Övertoning . Dra Gradient Slider , triangeln ovanför lutning , för att justera storleken på höjdpunkten i gel -knappen .
12
Markera hela knappen . Klicka på " Effect " -menyn , för muspekaren över " Stilisera " och välj " Skugga ".
13
Klicka på " Preview " kryssrutan . Applicera önskade alternativ Skugga .
