GIMP_Nagłówki stron WWW.pdf

Nagłówki stron WWW

Strona 1

Nagłówki stron WWW

Włodzimierz Gajda

Kolejne spotkanie z GIMP-em jest poświęcone banerom stron WWW. Nauczymy się przygotowywać logo o stałej

szerokości, logo o tle wypełniającym całe okno przeglądarki oraz logo z ilustracją powielaną dowolną liczbę razy.

1 kwietnia 2006 r.

Spis treści

1. Witryna Autokomis

2. Witryna HTML

3. Witryna firmy Talar

http://www.gajdaw.pl/gimp/naglowki-stron-www/print.html

2008-02-27 19:59:16

Nagłówki stron WWW

Strona 2

Rysunek 1.

W ćwiczeniach wykorzystamy między innymi narzędzie do pobierania koloru, przycisk do zamiany koloru

pierwszoplanowego i koloru tła, wypełnianie gradientem oraz odbijanie warstwy lub zaznaczenia.

1. Witryna Autokomis

Rysunek 2.

Tworzymy nowy obraz o wymiarach 800×187 pikseli. Do obrazu tego wklejamy wycięte zdjęcie samochodu.

http://www.gajdaw.pl/gimp/naglowki-stron-www/print.html

2008-02-27 19:59:16

Nagłówki stron WWW

Strona 3

Rysunek 3.

Warstwę z samochodem powielamy trzykrotnie. Otrzymane cztery samochody skalujemy do malejących rozmiarów i

przesuwamy na prawą stronę.

Rysunek 4.

Wykorzystując narzędzie do pobierania z obrazu koloru, pobieramy dwa odcienie koloru niebieskiego z dowolnego z

samochodów. Najpierw wybieramy warstwę aktywną (narzędzie do pobierania koloru działa w odniesieniu do

aktywnej warstwy!). Pobieramy kolor. Następnie zamieniamy kolor tła i kolor pierwszoplanowy (skrót klawiszowy

X), po czym pobieramy drugi z kolorów. Gdy oba kolory są ustalone, to tworzymy nową warstwę i wypełniamy ją

gradientem liniowym.

http://www.gajdaw.pl/gimp/naglowki-stron-www/print.html

2008-02-27 19:59:16

Nagłówki stron WWW

Strona 4

Rysunek 5.

Dodajemy do obrazu warstwę białą i umieszczamy na niej napis Bryka.

Rysunek 6.

Warstwę białą z czarnym napisem rozmywamy algorytmem Gaussa o parametrach 5, 5 ( Filtry → Rozmycie →

Rozmycie Gaussa ).

http://www.gajdaw.pl/gimp/naglowki-stron-www/print.html

2008-02-27 19:59:16

Nagłówki stron WWW

Strona 5

Rysunek 7.

Na warstwie zawierającej gradient wytłaczamy rozmyty napis Bryka. Warstwą aktywną powinien być gradient.

Wykonujemy filtr Filtry → Odwzorowania → Mapowanie wypukłości .

Rysunek 8.

Tekst Bryka wypełniamy gradientem liniowym o odwrotnym kierunku.

http://www.gajdaw.pl/gimp/naglowki-stron-www/print.html

2008-02-27 19:59:16

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: