Slick , rene grafik med udseendet af skinnende plast og glas er kendetegnende for Web 2.0 look. Web 2.0 -stil knapper kan tilføje et stænk af farve og en følelse af dybde til din webside, og andre visuelle design projekter . Gimp , en kraftfuld og gratis billede authoring program , giver dig alle de værktøjer du skal bruge til nemt at oprette blanke plast knapper . Instruktioner
1
Opret et nyt dokument den størrelse, du ønsker, at knappen skal være. For at starte, så prøv 200 pixels i bredden og 100 pixels højt .
2
Opret et nyt transparent lag med navnet " Button ". Kast baggrundslaget i skraldespanden eller skjule det. Klik på " knap" lag for at gøre det aktivt.
3
Klik på " Rektangel Select Tool " i værktøjskassen. Check " afrundede hjørner " i indstillingspanelet og justere radius for at den ønskede mængde . For en 200 -by- 100 -knap , kan du prøve en radius af 20 .
4
Vælg et medium -tonet farve til forgrundsfarven (ikke for mørkt, ikke for lys). Brug 114 , 205, 227 for R , G og B -værdier henholdsvis , og som vil give dig en støvet nuance af robin æg blå.
5.
Vælg " Fyld med FG Color" fra menuen "Rediger "menuen.
6
Klik på" Opret en kopi lag "-knappen på lag paletten.
7
Vælg" Paths Tool " fra værktøjskassen . Opret et rektangel omkring den nederste halvdel af billedet lidt større end knappen. Ud over rektanglets hjørne ankerpunkter , indeholde et ankerpunkt langs den øverste kant af rektanglet i midten af knappen , trække musen , mens du holder venstre museknap nede for at oprette håndtag til justering af kurven for stien. Efter endt rektangel , klik på øverste , center ankerpunkt og flyt håndtagene for at gøre en meget subtil bølge eller kurve for refleksion. (Se "Ressourcer " i denne artikel for mere information om oprettelse og redigering af kurver . )
8
Klik på " Selection fra Path " på mulighederne paletten. Dobbelttjek , at det øverste lag er det aktive lag . Der er nu et udvalg område omkring den nederste del af knappen i den form, du trak med Path værktøjet.
9
Hit Delete-tasten for at slette den nederste halvdel af knappen billede i det øverste lag . Klik på " Lock alpha kanal" afkrydsningsfeltet på " Lag " paletten for at sørge for gennemsigtige dele af dette lag forblive gennemsigtig. Fjern valgboksen ved at vælge " None " fra "Select" -menuen.
10
Vælg en baggrundsfarve , der er en lysere nuance af forgrundsfarven . Klik baggrundsfarven farveprøve i værktøjskassen for at opdrage den farvevalgsvindue . Klik på forgrundsfarven i værktøjskassen for at kopiere denne farve . Juster værdier for at skabe en lysere farve til den nye forgrundsfarve . Hvis din forgrundsfarve er robin æg blå nævnt tidligere, så prøv R, G, B- værdier på 164 , 237, 255 for baggrundsfarven.
11
Vælg " Blend Tool " fra værktøjskassen . Sæt " Gradient " til " FG til BG " i " Options" panel. Fyld det øverste lag med en gradient ved at klikke på toppen af billedet og trække ned lodret til et punkt ca halvvejs ned i billedet. Gentag, indtil du får den ønskede effekt .
12
Flyt det øverste lag ned og til højre ( kun 3 pixels for en 200x100 knappen) for at give illusionen af en skrå kant.
< br >