GIMP i webmastering: Wielopunktowe rollovery

Pierwszy z obrazów będzie wykorzystany do otrzymania wyglądu witryny, w której opcje są niezaznaczone. Obszarami witryny, jakie użytkownik może wskazać wskaźnikiem myszki są cztery ikony narzędzi oraz napis Narzędzia. Napis Narzędzia jest zwykłym jednopunktowym rolloverem.

Po wskazaniu napisu Narzędzia otrzymuje on białą poświatę. Ikony narzędzi są rolloverami wielopunktowymi. Po wskazaniu narzędzia kwadrat przedstawiający narzędzie zostaje otoczony białą obwódką, zaś w prawym górnym rogu pojawia się nazwa Narzędzia.

Po wskazaniu klucza płaskiego pojawia się biały kwadrat oraz napis klucz płaski.

Po wskazaniu kombinerek na obrazie pojawia się napis kombinerki oraz biały kwadrat dookoła ikony narzędzia.

Zatem wykonanie witryny wymaga przygotowania sześciu obrazów:

• z odznaczonymi wszystkimi opcjami,
• z zaznaczonym napisem Narzędzia,
• z zaznaczoną opcją:
• obcęgi,
• kombinerki,
• klucz francuski,
• klucz płaski.

W obrazie skorzystano z czterech ikon przedstawiających narzędzia. Należy je wyciąć z przedstawionych fotografii.

Elementy te możemy wyciąć wykorzystując zaznaczanie sąsiadujących obszarów.

Tworzymy nowy obraz i wypełniamy go szarym kolorem.

Do obrazu dodajemy duży prostokąt wypełniony delikatnym szarym gradientem.

Tworzymy długi czteropikselowy prostokąt. Element ten powielamy dwukrotnie. Trzy czarne linie (czyli wysokie prostokąty o szerokości czterech pikseli) rozmieszczamy tak, jak pokazano na rysunku.

Wykonanie tła kończymy dodając dwie poziome linie o grubości czterech pikseli.