GIMP_Obrysowanie menu przy użyciu ścieżek.pdf

(472 KB) Pobierz

Obrysowanie menu przy u¿yciu œcie¿ek

Obrysowanie menu przy uŜyciu ścieŜek

Strona 1

Obrysowanie menu przy uŜyciu ścieŜek

Włodzimierz Gajda

Obrazy tworzone w GIMP-ie mogą zawierać proste elementy wektorowe. SłuŜą do tego ścieŜki. Wykonując przykład

zwróć szczególną uwagę na fakt, Ŝe ścieŜki moŜesz przekształcać na zaznaczenia, a zaznaczenia — na ścieŜki. Daje

to duŜe moŜliwości tworzenia kształtów i obrysowywania ich. Obie te operacje zostaną wykorzystane w omawianym

przykładzie.

1 sierpnia 2006 r.

Spis treści

1. Dwa obrazy do efektu rollover

2. Przygotowanie obrazów

2.1 Etap 1: obły prostok ą t

2.2 Etap 2: ścieŜka obrysowująca menu

2.3 Etap 3: tło menu, tło tekstu

2.4 Etap 4: opcje

2.5 Etap 5: logo

3. Zamiana obrazu XCF w stronę WWW

4. Przygotowanie kodu HTML

http://www.gajdaw.pl/gimp/obrys-menu-sciezkami/print.html

2008-02-27 20:05:18

4478393.017.png

4478393.018.png

Obrysowanie menu przy uŜyciu ścieŜek

Strona 2

Rysunek 1.

Narzędzie Tworzenieimodyfikowanieścieżek (skrót: b).

1. Dwa obrazy do efektu rollover

Przykład, jaki omówię, ma na celu wykonanie witryny, która wykorzystuje efekt rollover. NaleŜy zatem wykonać

dwa pliki graficzne, o identycznych rozmiarach.

http://www.gajdaw.pl/gimp/obrys-menu-sciezkami/print.html

2008-02-27 20:05:18

4478393.019.png

4478393.020.png

4478393.001.png

4478393.002.png

Obrysowanie menu przy uŜyciu ścieŜek

Strona 3

Rysunek 2.

Pierwszy z nich będzie zawierał wygląd witryny, w której opcje są niezaznaczone.

Rysunek 3.

http://www.gajdaw.pl/gimp/obrys-menu-sciezkami/print.html

2008-02-27 20:05:18

4478393.003.png

4478393.004.png

4478393.005.png

4478393.006.png

4478393.007.png

Obrysowanie menu przy uŜyciu ścieŜek

Strona 4

Na drugim obrazie wszystkie opcje są zaznaczone. W GIMP-ie najłatwiej wykonać takie obrazy umieszczając efekty

dotyczące wyboru opcji na osobnych warstwach.

2. Przygotowanie obrazów

2.1 Etap 1: obły prostokąt

Rysunek 4.

Utwórz nowy obraz o wymiarach 760×600, po czym zaznacz w nim prostokąt.

http://www.gajdaw.pl/gimp/obrys-menu-sciezkami/print.html

2008-02-27 20:05:18

4478393.008.png

4478393.009.png

4478393.010.png

4478393.011.png

4478393.012.png

Obrysowanie menu przy uŜyciu ścieŜek

Strona 5

Rysunek 5.

Zaokrągl naroŜniki prostokąta o 30%. SłuŜy do tego opcja Zaznaczenie → Zaokrąglenie .

http://www.gajdaw.pl/gimp/obrys-menu-sciezkami/print.html

2008-02-27 20:05:18

4478393.013.png

4478393.014.png

4478393.015.png

4478393.016.png

Plik z chomika:

Inne pliki z tego folderu:

Zbyma_Mozliwosci_zastosowania_odszumiania_w_GIMP.pdf (661 KB)
wyostrzanie_w_GIMP.pdf (1209 KB)
GIMP_Wycinanie fragmentów zdjęć na potrzeby WWW.pdf (1095 KB)
GIMP_SzablonWWW wykonany w oparciu o obłe prostokąty.pdf (271 KB)
GIMP_Obrysowanie menu przy użyciu ścieżek.pdf (472 KB)

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin