Newsletter

Grupa MagazynyInternetowe

Online: 910

Wyszukiwarka

Gimp

GIMP i webmastering: Przygotowanie obrazów do efektu rollover

GIMP i webmastering: Przygotowanie obrazów do efektu rollover Często wykorzystywanym efektem, stosowanym szczególnie w menu, jest reakcja na wskazanie wybranej opcji wskaźnikiem myszki. Wskazana opcja zmienia kolor, kształt lub zostaje wzbogacona o strzałkę informującą o wyborze. Do tego rodzaju trików stosowane są dwa rozwiązania. Jednym z nich jest pseudoklasa a:hover w arkuszach stylów, a drugim wymiana obrazów wykonywana w JavaScripcie, nazywana efektem rollover.

Włodzimierz Gajda

Etap 1

GIMP i webmastering: Przygotowanie obrazów do efektu rollover Otwieramy obraz gitara.jpg.

GIMP i webmastering: Przygotowanie obrazów do efektu rollover Korzystając z narzędzia Kadrowanie lub zmiana wymiarów obrazu (skrót Shift+C) wycinamy ze zdjęcia fragment przedstawiający gitarę.

GIMP i webmastering: Przygotowanie obrazów do efektu rollover Po naciśnięciu (w oknie narzędzia Kadrowanie lub zmiana wymiarów obrazu) przycisku Zmień rozmiar otrzymamy obraz o mniejszych wymiarach, który przedstawia wybrany fragment. Obraz ten skalujemy do szerokości ok. 500 pikseli. Szerokość obrazu 500 x 254 jest widoczna na belce tytułowej.

Etap 2

GIMP i webmastering: Przygotowanie obrazów do efektu rollover Do nowego obrazu o wymiarach 800 x 600 wklejamy skopiowaną ilustrację gitary o wymiarach 500 x 254. Wklejony obraz umieszczamy na nowej warstwie.

GIMP i webmastering: Przygotowanie obrazów do efektu rollover Wklejoną warstwę nazwiemy "gitara". W tym celu podwójnie klikamy nazwę warstwy (pierwotną nazwą jest Wklejona warstwa) w oknie warstw. Do okna warstw przechodzimy naciskając skrót Ctrl+L.

13 lipca 2007

Powiązane publikacje

GIMP 2.4.17

GIMP 2.4.17

 
Skomentuj
ten artykuł

Brak komentarzy

Kod obrazkowy
(Kliknij, aby zmienić)
 

Autor

Włodzimierz Gajda

Artykuły tego autora:

Newsletter

Jesli chcesz być na bieżąco z tym co się dzieje na stronie magazynu INTERNET Maker zapisz się do naszego newslettera.