Gimp: tworzenie szablonów stron WWW cz. 9

Szablon

Szablon widoczny na rys. 1 ma stałą szerokość 800 pikseli. Jest podzielony pionowo na cztery sekcje: zakładki i formularz wyszukiwania, logo, zawartość oraz stopkę. Część zasadnicza, zawartość witryny, jest podzielona na trzy kolumny: menu kontekstowe z lewej strony, tekst w kolumnie środkowej oraz formularz do logowania i gorące tematy z prawej strony.

W szablonie tym wykorzystano fotografię przedstawioną na rys. 2.

Rys. 1. Opisywany szablon

Rys. 2. Zdjęcie wykorzystane w szablonie

GIMP

Etap pierwszy: ilustracja tytułowa

W celu wykonania ilustracji tytułowej szablonu otwieramy plik foto.jpg w programie GIMP. Następnie korzystając z narzędzia Kadrowanie lub Zmiana wymiarów obrazu (skrót: Shift+C) wycinamy poziomy pas.

Wycięty pas skalujemy do wysokości 200 pikseli, po czym wycinamy z niego narzędziem Kadrowanie lub Zmiana wymiarów obrazu prostokąt o wymiarach 760 × 200 pikseli. Wycięty fragment zapisujemy w pliku o nazwie logo.jpg.

Etap drugi: rozjaśnianie fragmentu

Nad ilustracją logo.jpg będzie umieszczony tekst. W celu zwiększenia czytelności tekstu fragment zdjęcia leżący pod tekstem należy rozjaśnić. Otwieramy zdjęcie logo.jpg, po czym dodajemy cztery prowadnice, które wyznaczą położenie prostokąta zawierającego tekst. Zapamiętujemy współrzędne górnej oraz lewej prowadnicy (na przedstawionym rysunku prowadnice lewa, górna i dolna leżą 30 pikseli od krawędzi obrazu). Obraz z dodanymi prowadnicami zapisujemy do pliku wycinanie-fragmentu.xcf.

Następnie zaznaczamy prostokąt wyznaczony przez prowadnice. Prostokąt kopiujemy i wklejamy jako nowy obraz. Obraz ten zapisujemy pod nazwą fragment.xcf.

W obrazie fragment.xcf dodajemy białą warstwę przysłaniającą zdjęcie. Zmniejszamy krycie białej warstwy do 50. Otrzymany obraz zapisujemy pod nazwą fragment.jpg.