GIMP_Szablon witryny magazyn INTERNET.pdf

Szablon witryny magazyn INTERNET

Strona 1

Szablon witryny magazyn INTERNET

Włodzimierz Gajda

Przygotowywana w tym odcinku witryna wykorzystuje: prowadnice, gradienty, zaznaczenia, ścieŜki, warstwy i

maski, wklejanie elementów do obrazu oraz zaokrąglone prostokąty. Do dokładnego ułoŜenia ikon opcji menu

uŜyłem kwadratów i prostokątów. Metoda ta gwarantuje, Ŝe kaŜda z ikon zajmie dokładnie tyle samo miejsca (bez

względu na rozmiar) oraz to, Ŝe ikony będą równoodległe, co ma znaczenie podczas przygotowywania kodu HTML

witryny.

1 grudnia 2006 r.

Spis treści

1. Etap 1: tło

2. Etap 2: napisy

3. Etap 3: pozioma linia

4. Etap 4: ikony

5. Etap 5: wskaźnik wybranej opcji

6. Etap 6: obłe prostok ą ty z prawego górnego naro Ŝ nika

7. Etap 7: podpisy opcji

8. Etap 8: wska ź nik przewijania rekordów

9. Etap 9: obrys

http://www.gajdaw.pl/gimp/szablon-witryny-magazyn-internet/print.html

2008-02-27 20:12:10

Szablon witryny magazyn INTERNET

Strona 2

Rysunek 1. Obrazy, od ktĂłrych rozpoczynamy

Rysunek 2. Obraz wynikowy z odznaczonymi opcjami

http://www.gajdaw.pl/gimp/szablon-witryny-magazyn-internet/print.html

2008-02-27 20:12:10

Szablon witryny magazyn INTERNET

Strona 3

Rysunek 3. Obraz wynikowy z zaznaczonymi opcjami

1. Etap 1: tło

http://www.gajdaw.pl/gimp/szablon-witryny-magazyn-internet/print.html

2008-02-27 20:12:10

Szablon witryny magazyn INTERNET

Strona 4

Rysunek 4.

Utwórz nowy obraz o wymiarach 800×600. Obraz ten wypełnij gradientem liniowym przechodzącym od koloru

ciemniejszego na górze do koloru jaśniejszego na dole. Wypełnienie powinno być dokładnie pionowe. Ułatwisz sobie

pracę wykorzystując prowadnicę pionową.

Rysunek 5.

Dodaj dwie prowadnice poziome w miejscach o współrzędnych 20 i 580 oraz dwie prowadnice pionowe w miejscach

o współrzędnych 20 i 780. Dodane cztery prowadnice powinny w obrazie wyznaczyć prostokąt o wymiarach

560×760 oraz 20 pikselowe obramowanie.

http://www.gajdaw.pl/gimp/szablon-witryny-magazyn-internet/print.html

2008-02-27 20:12:10

Szablon witryny magazyn INTERNET

Strona 5

Rysunek 6.

Zaznacz prostokąt wyznaczony przez prowadnice.

http://www.gajdaw.pl/gimp/szablon-witryny-magazyn-internet/print.html

2008-02-27 20:12:10

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: