Gel -knapper , også kaldet glas knapper , er populære hjemmeside elementer , fordi de skiller sig ud på siden, men er ikke alt for påtrængende. Gel -knapper ud, som om lyset er reflekterende off dem, og oprette et højdepunkt fra lyset , der forårsager knappens farve til gradvist fade fra en mørk farve til en lysere shad . Med Adobe Illustrator, kan du lave en vektor-baseret gel knap ved hjælp af tre rektangler med en kombination af massive farveprøver og gradienter . Instruktioner
1
Vælg " Afrundet rektangel " værktøj .
2
Tegn et rektangel på størrelse med knappen. Tryk på " Up" pilen for at øge en hjørneradius eller " Down" pil for at mindske en hjørneradius .
3
Klik på " Stroke "-ikonet. Klik på " No Fyld " knappen for at fjerne stregen .
4
Dobbeltklik på " Fill "-ikonet. Vælg den ønskede farve til knappen.
5.
Vælg " Afrundet rektangel . " Tegn en anden, mindre rektangel mod bunden midten af det første .
6
Dobbelt -klik på " Fill "-ikonet. Vælg en lysere nuance af den oprindelige rektangel farve .
7
Vælg " Blend " værktøj . Klik på det lille rektangel og den store firkant.
8
Vælg " Afrundet rektangel . " Vandrer mod øverst i midten af det første rektangel , trækker et tredje rektangel, der er lidt større end den anden , men mindre end den første .
9
Klik på "Window " menuen og vælg " Gradient ". Sæt sorte skydeknap til 100 procent CMYK-sort og hvide skydeknap til 0 procent. Enter " -90 " i " Angle" kassen.
10
Klik på "Window " menuen og vælg "Åbenhed ". Vælg "Screen " fra drop -down menu.
< br > 11
Klik på panelet Forløb . Træk forløbsskyderen , trekanten over gradient , at justere størrelsen på markeringen i gel -knappen.
12
Vælg hele knappen . Klik på "Effekt "-menuen , svæve over " Effekter " og vælg " Drop Shadow ".
13
Klik på "Preview " afkrydsningsfelt . Påfør den ønskede Skyggeeffekten muligheder.