Hvordan lage Gel Knapper

Gel knapper er et grafisk grensesnitt element. De ser ut som runder eller oblongs av gjennomsiktig gel-aktig materiale. Gel knapper har en avrundet, buede disposisjon som kan gi et inntrykk av letthet og brukervennlighet. Nøkkelen til å gjøre gel knapper i grafikk programvare er å bruke lag. Lagene kan plasseres oppå en annen, fremskyndet eller sendes bakover. Du kan endre tettheten av et lag, slik at lavere lag kan ses gjennom øvre lagene. Dette lar deg skape en illusjon av lys og skygge i og rundt knappen, noe som gir en gjennomskinnelig dimensjonal effekt.

Bruksanvisning

1 Start din grafikk pakke. Lagre den nye tegningen med et meningsfullt navn som red_gel_button.

2 Tegn en form som en sirkel eller rund-ended rektangel på det første laget. Fyll med en dyp skygge av den valgte farge ved hjelp av fyllverktøyet. Kopier denne formen til utklippstavlen.

3 Lag en kopi av denne form på et nytt lag. Den nye kopien av knappen skal være akkurat på toppen av den første kopien. Påfør en litt lysere nyanse av fyllfarge til dette eksemplaret på knappeformen. Bruk alternativet "fjær kantene" (i Velg menyen for GIMP og Filter-menyen for Photoshop) for å dimme kantene av kopien lysere, slik at midten av formen er lys farge og fargen på kopien mørkere viser gjennom på kantene.

4 Lag et nytt lag og lime inn en kopi av knappen akkurat over de to første eksemplarene. Påfør en enda lysere nyanse av fyllfarge til dette eksemplaret på knappeformen. Påfør en Blur effekt (finnes i filteret Eller menyen Effects avhengig av grafikk pakke). Forvrenge rektangelet nedover ved å klikke på det øvre håndtaket og holder mens du drar håndtaket. (Håndtak er de små firkanter rundt omrisset av et valgt element.) Pass på at du bare squash formen nedover i stedet for å krympe den eller flytter den.

5 Kopier og lim en annen kopi av den opprinnelige formen på et nytt lag. Legg til en hvit gradient fyll hjelp av graderingsverktøyet, noe som gjør formen gjennomsiktig ved bunnen og lyse, hvite på toppen. Bruke noder i Photoshop eller perspektiv forvrenge verktøy i GIMP, forvrenge den hvite form, slik at bare dekker den øverste halvdelen av knappen og er bredere i bunnen enn toppen. Endre tettheten for å gjøre laget gjennomsiktig.

6 Lag en skygge for knapp. Lag et nytt lag med en kopi av den opprinnelige form, fylt i den opprinnelige fargen. Fjær kantene, ved hjelp av en bred fjær radius. Lag en ekstra kopi og fylle dette i en lysere farge. Krympe dette ned og fjær kantene. Lim inn i midten av den større form. Bruke Ordne-menyen, sende dette laget til baksiden. Reduser opacity.

7 Flett alle lagene og lagre. Knappen er nå klar til å laste opp.