Slick , ren grafikk med utseendet av skinnende plast og glass er kjennetegnet av Web 2.0 look. Web 2.0 - stil knapper kan legge til en fargeklatt og en følelse av dybde til din nettside og andre visuelle design prosjekter . Gimp , et kraftig og gratis bilde redigeringsprogram , gir deg alle verktøyene du trenger for å enkelt lage glanset plast knapper . Instruksjoner
en
Lag et nytt dokument den størrelsen du vil at knappen skal være. Å starte , prøv 200 piksler bred og 100 piksler høyt .
2
Opprett en ny gjennomsiktig lag som heter " Button ". Kast bakgrunnslaget i søpla eller skjule den. Klikk på " Button" lag for å gjøre det aktivt .
3
Klikk på " rektangel Select Tool" i verktøykassen. Sjekk " avrundede hjørner " i dialogen og justere avstanden til ønsket mengde . For en 200 -by - 100 -knappen, kan du prøve en radius av 20 år.
4
Velg en medium -tonet farge for forgrunnsfargen ( ikke for mørk , ikke for lys) . Bruk 114 , 205 , 227 for R , G og B verdiene henholdsvis , og som vil gi deg en støvete skyggen av robin egg blå.
5
Velg " Fyll med forgrunnsfarge " fra " Edit "-menyen .
6
Klikk på" Lag et duplikat lag "-knappen på lagpaletten .
7
Velg" Paths Tool " fra verktøykassen . Lag et rektangel rundt den nedre halvdelen av bildet litt større enn knappen . I tillegg til rektangel eget hjørne ankerfester , inkluderer ett forankringspunkt langs den øvre kanten av rektangelet i midten av knappen , dra musen mens du holder venstre museknapp nede for å lage håndtak for å justere kurven på banen . Etter endt rektangel, klikker du på øvre , midtre ankerpunkt og flytte håndtakene til å gjøre en veldig subtil bølge eller kurve for refleksjon . ( Se " Ressurser" i denne artikkelen for mer informasjon om oppretting og redigering av baner. )
8
Klikk " Utvalg fra bane" på alternativer palett . Dobbeltsjekke at det øverste laget er det aktive laget. Det er nå et merket område rundt den nedre delen av knappen i den formen du trakk med bane-verktøyet .
9
Hit Delete-tasten for å slette den nedre halvdelen av knappen bildet i det øverste laget . Klikk på " Lock alfakanal " boksen på " Layers " palett å sørge for at de gjennomsiktige delene av dette laget bli gjennomsiktig. Fjern valgboksen ved å velge "None " fra " Select "-menyen .
10
Velg en bakgrunnsfarge som er en lysere nyanse av forgrunnsfargen . Klikk bakgrunnen fargekartet i verktøykassen for å få opp fargevalg vinduet. Klikk forgrunnsfargen i verktøykassa til å kopiere den fargen. Justere verdiene for å skape en lysere farge for den nye forgrunnen . Hvis forgrunnsfargen er robin egg blue nevnt tidligere , prøv R , G , B- verdier på 164 , 237, 255 for bakgrunnsfargen.
11
Velg " Blend Tool" fra verktøykassen . Sett " Gradient " til " FG til BG " i " Options" -panelet . Fyll det øverste laget med en gradient ved å klikke øverst i bildet og dra ned vertikalt til et punkt omtrent halvveis ned på bildet. Gjenta til du får den effekten du ønsker.
12
Flytt det øverste laget ned og til høyre ( bare tre piksler for en 200x100 knappen) for å gi illusjon av en skrå kant .