GIMP_Efekt rollover ze wskaźnikiem wybranej opcji (1).pdf

(684 KB) Pobierz
Efekt rollover ze wskanikiem wybranej opcji
Efekt rollover ze wskaźnikiem wybranej opcji
Strona 1
Efekt rollover ze wskaźnikiem wybranej opcji
Włodzimierz Gajda
Wykorzystując moŜliwości warstw, ścieŜek i selekcji zajmiemy się przygotowaniem szablonu witryny WWW.
Szablon ten będzie wykorzystywał dwupunktowy efekt rollover oraz wskaźnik wybranej opcji.
1 października 2006 r.
Spis treści
1. Etap 1: ikony
2. Etap 2: tło
3. Etap 3: wyrównanie ikon
4. Etap 4: obrys ikon
5. Etap 5: po ś wiata ikon
6. Etap 6: pozioma kreska
7. Etap 7: pionowe kreski
8. Etap 8: strzałki
9. Etap 9: prostok ą t przysłaniaj ą cy
10. Etap 10: napisy
http://www.gajdaw.pl/gimp/rollover-ze-wskaznikiem/print.html
2008-02-27 20:10:09
4478195.015.png 4478195.016.png 4478195.017.png 4478195.018.png
Efekt rollover ze wskaźnikiem wybranej opcji
Strona 2
Rysunek 1. Obrazy, od których rozpoczynamy
Rysunek 2. Obraz, jaki naleŜy otrzymać
1. Etap 1: ikony
http://www.gajdaw.pl/gimp/rollover-ze-wskaznikiem/print.html
2008-02-27 20:10:09
4478195.001.png 4478195.002.png 4478195.003.png
Efekt rollover ze wskaźnikiem wybranej opcji
Strona 3
Rysunek 3.
Utwórz nowy obraz o wymiarach 760x600 i wklej do niego pięć ikon.
http://www.gajdaw.pl/gimp/rollover-ze-wskaznikiem/print.html
2008-02-27 20:10:09
4478195.004.png 4478195.005.png 4478195.006.png 4478195.007.png
Efekt rollover ze wskaźnikiem wybranej opcji
Strona 4
Rysunek 4.
KaŜdą ikonę umieść na osobnej warstwie. Warstwy z ikonami nazwij tak jak opcje menu: strona główna, autorzy,
roczniki, rubryki oraz podrubryki.
http://www.gajdaw.pl/gimp/rollover-ze-wskaznikiem/print.html
2008-02-27 20:10:09
4478195.008.png 4478195.009.png 4478195.010.png
Efekt rollover ze wskaźnikiem wybranej opcji
Strona 5
Rysunek 5.
Ustal właściwości narzędzia do skalowania tak, by zachowane były stałe proporcje skalowanych warstw. W tym celu
podwójnie kliknij ikonę narzędzia do skalowania w oknie głównym GIMP-a.
http://www.gajdaw.pl/gimp/rollover-ze-wskaznikiem/print.html
2008-02-27 20:10:09
4478195.011.png 4478195.012.png 4478195.013.png 4478195.014.png
Zgłoś jeśli naruszono regulamin