Slick , ren grafik med utseendet av blank plast och glas är ett kännetecken för Web 2.0 look . Web 2.0 - stil knappar kan lägga till ett stänk av färg och en känsla av djup till din hemsida och andra visuella designprojekt . Gimp , en kraftfull och fri bild redigeringsprogram , ger dig alla verktyg du behöver för att enkelt skapa glansiga plast knappar . Instruktioner
1
Skapa ett nytt dokument den storlek du vill att knappen ska vara . För att starta , prova 200 pixlar bred och 100 pixlar hög .
2
Skapa ett nytt transparent lager som heter " Button ". Kasta bakgrundslagret i papperskorgen eller dölja den . Klicka på " knappen " lagret för att göra den aktiv .
3
Klicka på " Rektangel Select Tool " i verktygslådan . Kontrollera " rundade hörn " i alternativfältet panelen och justera avståndet till önskad mängd . För en 200 -by - 100 -knapp , prova en radie av 20 .
4
Välj en medellång tonas färg för förgrunden färg ( inte för mörk , inte för ljus ) . Använd 114 , 205 , 227 för R , G och B värden respektive och som ger dig en dammig nyans av Robin ägg blå .
5
Välj " Fyll med förgrundsfärg " från " Redigera " menyn .
6
Klicka på " Skapa en dubblett lager " knappen på paletten Lager .
7
Välj " Paths Tool " från verktygslådan . Skapa en rektangel runt den nedre halvan av bilden lite större än knappen . Förutom rektangelns hörnens ankare , inkluderar en fästpunkt längs den övre kanten av rektangeln i mitten av knappen , dra musen medan du håller nere vänster musknapp för att skapa handtag för att justera kurvan på banan . Efter avslutad rektangeln , klicka på övre , mitten fästpunkt och flytta handtagen för att göra en mycket subtil våg eller kurva för eftertanke . ( Se " Resurser " i den här artikeln för mer information om att skapa och redigera banor . )
8
Klicka på " Urval från Path " på alternativ paletten . Dubbelkolla att det översta lagret är det aktiva lagret. Det finns nu ett urval område runt den nedre delen av knappen i den form du drog med Path verktyget .
9
Hit Delete för att radera den nedre halvan av knappen bilden i toppskiktet . Klicka på " Lås alfakanal " kryssrutan på " Lager" paletten för att se de genomskinliga delarna av detta skikt bo transparent . Ta bort rutan genom att välja " None " från " Select " -menyn .
10
Välj en bakgrundsfärg som är en ljusare nyans av förgrundsfärgen . Klicka på färgrutan bakgrundsfärg i verktygslådan för att få upp fönstret färgval . Klicka förgrundsfärg i verktygslådan för att kopiera den färgen . Justera värdena för att skapa en ljusare färg för det nya förgrundsfärgen. Om din förgrundsfärg är Robin äggblått nämnde tidigare , prova R , G , B-värden på 164 , 237 , 255 för bakgrundsfärgen .
11
Välj " Blend Tool " från verktygslådan . Ställ in " Gradient " till " FG till BG " i " Options " -panelen . Fyll det översta lagret med en gradient genom att klicka på toppen av bilden och dra ned vertikalt till en punkt ungefär halvvägs ner bilden. Upprepa tills du får den effekt du vill ha .
12
Flytta toppskiktet nedåt och åt höger ( bara 3 pixlar för en 200x100 -knappen ) för att ge en illusion av en avfasad kant .
Addera
