Przetwarzanie Informacji ZSEEiM w Bielsku-Białej
Przetwarzanie obrazu
Instrukcja do ćwiczenia:
Tworzenie statycznego gifa w programie GIMP.
1
Materiały:
1. Oprogramowanie  edytor grafiki GIMP.
2. Internet
3. Podręcznik
Cel ćwiczenia: zapoznanie się z tworzeniem statycznych gifów i
zaawansowanymi opcjami GIMP.
Zapoznać się z:
" możliwościami edytora grafiki.
W ramach ćwiczenia należy:
1. utworzyć statyczny gif
2. zapisać na dyskietkę przygotowaną pracę
Przebieg ćwiczenia:
Wykonamy teraz w programie GIMP obraz, który zostanie zapisany w formacie GIF
1. Uruchom program GIMP. Wykonaj polecenie Plik/Nowy, które otwiera
okno dialogowe Nowy obraz. Do pierwszych dwóch pól Szerokość i
Wysokość (wymiar w pikselach, bo to jest najwygodniejsze dla Internetu)
wpisz odpowiednie 600 i 400. Następne dwa pola Szerokość i Wysokość same
dopasowują swoje wymiary, więc ich nie zmieniaj. Zapewnij, aby w polach
Rozdzielczość X, Y były liczby 72 ppi. Zaznacz Typ obrazu - RGB, a Typ
wypełnienia (pustego obrazu)  Przezroczysty. Zaakceptuj okno.
2. Powstało okno z szarą kratką wskazującą na przezroczystość. Okno to
będziemy wypełniać. Najpierw wykonamy tło obrazu, kładąc wybrany gradient.
W tym celu na Palecie narzędziowej kliknij w prawym dolnym rogu na pasku
z kolorowym gradientem, co otworzy paletę Wybór gradientu. Zaznacz tam
opcję Blue_Green, ale 0nie klikąj dwukrotnie, bo niepotrzebnie otworzysz
okno Edytor gradientu. Kliknięty gradient znalazł się na Palecie narzędziowej.
3. Dwukrotnie kliknij na narzędziu wypełniania kolorowym gradientem, co
spowoduje otwarcie okna Opcje narzędzia. W oknie opcji zaznacz:
Nieprzepuszczalność - 100, Tryb - Zwykły, Przesunięcie - 0, Gradient -
Gradient użytkownika, Gradient - Liniowy, Powtarzanie - Brak,
Nadpróbkowanie adaptatywne - nie zaznaczaj.
4. Przesuń kursor narzędzia gradientu nad pusty obraz i ustaw go możliwie
blisko lewej krawędzi. Następnie kliknij i (nie zwalniając przycisku) naciśnij
oraz przytrzymaj Ctrl, a następnie przeciągnij kursor wzdłuż linii prostej
poziomej w kierunku boku prawego. Gdy będziesz przy boku prawym,
2
zwolnij najpierw przycisk, a dopiero potem Ctrl. Warstwa zapełni się
gradientem od niebieskiego do zielonego.
5. Nauczymy się teraz zapisywać obraz w programie G1MP. Z menu obraz
(strzałka w oknie obrazu) wybierz polecenie Plik/Zapisz. Ponieważ jest to
pierwszy zapis, otworzy się okno Zapis obrazu. Najpierw ustal lokalizację
zapisywanego pliku, dwukrotnie klikając w oknie Katalogi na odpowiednim
dysku i wchodząc do żądanego foldera (można też utworzyć folder ikona u
góry okna). Po wyborze foldera drugą czynnością jest wpisanie nazwy pliku w
polu Wybór. Wpisz tam np. Obraz-GIMP. Trzecią czynnością jest wybór
formatu, co oznacza rozwinięcie menu Ustalenie typu pliku i wybranie opcji
XCFj (GIMP). Zaakceptuj okno zapisu.. Uwaga - ponieważ najpierw tworzymy
jakiś obraz, chcemy więc mieć dostępne wszystkie opcje programu GIMP, a
nie każdy format to dopuszcza. Dopiero po utworzeniu gotowego obrazu
zapiszemy go w formacie GIF. Dlatego w takich sytuacjach zawsze najlepiej
wybierać format rodzimy, tzn. XCF.
6. .Teraz utworzymy nową warstwę. Rozwiń paletę Warstwy, kanały i ścieżki
np. z menu Okna dialogowe. Kliknij na zakładce Warstwy (jest tam jedna
warstwa Tło), a następnie u dołu palety kliknij na ikonce Nowa warstwa
(nazwij ją Tekstura i uczyń przezroczystą). Powstała nowa warstwa, która
stała się aktywna.
7. Teksturą wypełnimy lewą górną ćwiartkę okna. W tym celu musimy naj-
pierw wprowadzić tam selekcję. Wybierz narzędzie zaznaczania
prostokątnego i ustaw kursor dokładnie w lewym górnym rogu okna (na
pasku stanu u dołu okna muszą widnieć liczby 0,0). Teraz kliknij i
przeciągnij prostokąt, obserwując linijki. Gdy osiągniesz dokładnie x=300,
y=200 (patrz na pasek stanu) zwolnij wtedy przycisk. Powstał selekcja.
8. Na palecie narzędzi kliknij na polu tekstury, co otwiera paletę Wybór
desenia. Kliknij na teksturę, np. czwartą w trzecim wierszu (granatowa z
rozjaśnieniami). Wybierz narzędzie wypełnienia kolorem (wiaderko) i w jego
opcjach zaznacz Wypełnienie deseniem. Narzędziem tym (dziobkiem wiaderka)
kliknij w zaznaczonym prostokącie. Ponieważ prostokąt był pusty, cały
wypełnił się więc wzorem. Nie odznaczaj selekcji.
9. Następnie identyczny prostokąt umieścimy w przeciwnym rogu.
Zaznaczoną selekcję skopiuj poleceniem Edycja/Skopiuj (wybór z menu
obrazu). Mając w schowku prostokąt, poleceniem Edycja/Wklej, umieść
zawartość schowka dokładnie nad poprzednim prostokątem. Zauważ, że na
palecie warstw powstała pływająca selekcja (Oderwane zaznaczenie),
którą przesuniemy. Wybierz narzędzie przesuwania i przeciągnij nim selekcję
3
do przeciwległego rogu obrazu w taki sposób, że gdy - obserwując pasek
stanu - zobaczysz Przesunięcie 300, 200 - wtedy zwolnij przycisk.
Przesuniętą selekcję osadz
na warstwie Tekstura, klikając jeden raz na ikonie
kotwicy.
10. Teraz w prawym rogu wprowadzimy napis w żółtym kolorze. Dwukrotnie
kliknij na narzędziu tekstu i zaznacz opcję Dynamiczny tekst, a Brzeg - 0.
Kliknij w obszarze prawego górnego prostokąta, co otwiera znane już okno
GdynText.. Ustaw parametry w tym oknie:kliknij na ikonie koloru i wybierz
jasnożółty (Odcień - 60, Nasycenie  0,20, Wartość - 1); kliknij na ikonie
Tekst wyśrodkowany, wybierz font Time New Roman odmianę - bold,
stopień - 30, jednostkę - punkty; wpisz w trzech wierszach ustępujący tekst:
 To jest gif statyczny na strony www
11. Powstała warstwa tekstu dynamicznego. Zmienimy jej nazwę. W tym celu
kliknij na niej prawym klawiszem i wybierz polecenie  Zmodyfikuj atrybuty
warstwy. Wpisz nazwę Tekst Następnie ręcznie przesuniemy tekst lokując go
mniej więcej w środku prawego górnego prostokąta. Aby nie chwycić
niepotrzebnie warstwy Tłowyłącz jej oczko. Wybierz narzędzie przesuwania,
chwyć nim tekst i przesuń we właściwe miejsce.
12. Teraz wykorzystamy jakiś filtr dla warstwy Tekst. Włącz oczko przy warstwie
Tło i uaktywnij warstwę Tekst. Z menu obrazu wybierz Filtry/Odwzo-
rowanie/Mapowanie wypukłości i ustaw dowolne parametry (np. zaakceptuj
domyślne). Tekst stał się typu 3D
13. Na zakończenie nauczymy się wtapiania elementu w obraz. Przekopiuj plik
Przetwarzanie obrazu/Chorwacja.tif i wczytaj go do GIMP-a. Obraz
Chorwacja.tif ma wymiary 250x180 pikseli. Dwukrotnie kliknij na lupkę i w
opcjach zaznacz Możliwość zmiany rozmiarów okna i Powiększ. Kliknij
lupką raz na wczytany obrazek, a powiększy się wraz ze swoim oknem
Wybierz narzędzie przesuwania. Z linijek poziomej i pionowej wyciągnij po
dwie prowadnice i każdą z nich ustaw ok. 15 pikseli od krańców obrazka.
14. Dwukrotnie kliknij na narzędziu zaznaczania eliptycznego i w opcji zaznacz
obydwie opcje Wygładzanie, a Promień ustaw na ok. 25. Przesuń kursor
eliptyczny do okna Chorwacja.tif i od lewego górnego rogu krzyżujących się
prowadnic rozpocznij przeciąganie w kierunku prawego dolnego, tak aby
powstająca na ekranie elipsa przykleiła się do wszystkich czterech
prowadnic. Gdy to nastąpi, zwolnij przycisk. Wtedy okaże się, że elipsa nie
jest przyklejona do prowadnic. Oznacza to, że na zewnątrz występuje
częściowa maska (zmiękczająca). Gdy na chwilę przełączysz się do trybu
Szybkiej maski, wtedy zauważysz to zmiękczenie.
4
15. Będąc w trybie pracy normalnej, skopiuj zawartość selekcji eliptycznej do
schowka (Edycja/Skopiuj). Następnie uaktywnij okno Obraz-GIMP.xcf.
sprawdz
, czy jest wybrana najwyższa warstwa (Tekst) i wykonaj polaniu
wklejenia (Edycja/Wklej).(uwaga  Jeśli nagle znikły warstwy w obrazie, to
ponownie wywołaj paletę warstw). Zmiękczony obraz wkleił się na
warstwę pływającą (Oderwane zaznaczenie). Uczyń z niego osobną warstwę,
klikajac raz na ikonie nowej warstwy. Nazwij powstałą warstwę Obrazek.
16. Narzędziem przesuwania chwyć wklejony obrazek i ręcznie przesuń go tak,
aby zajmował możliwie centralną pozycję w lewym dolnym prostokącie
obrazu. Zakończyliśmy pracę nad tworzeniem prostego obrazka. Zapisz ją
poleceniem Plik/Zapisz (menu okna obrazu).. Ostatnia czynność, którą trzeba
wykonać, to zapisanie obrazu w formacie GIF-a statycznego Najpierw
sprowadzimy obraz do jednej warstwy. W tym celu, mając widoczne
wszystkie warstwy, kliknij prawym przyciskiem na warstwę i wybierz
polecenie Połącz widoczne warstwy (zaakceptuj pośrednie okna).
17. Format GIF jest formatem modelu kolorów indeksowanych, dlatego
zmienimy utworzony obraz RGB na obraz kolorów indeksowanych.
Wybierz zatem polecenie Obraz/Tryb/Indeksowany. W oknie Konwersja do
trybu indeksowanego zaznacz opcje: Optymalna paleta przy 256 kolorach,
Pozycjonowane ditherowanie kolorów i Dithering przezroczystości (w
przeciwnym wypadku wykonane zmiękczenie nie byłoby symulowane).
18. Wybierz polecenie Plik/Zapisz jako i z listy Ustawienia typu pliku zmień
format zapisu na GIF, po czym dokonaj zapisu, akceptując okna pośrednie
19. Utwórz stronę internetową i umieść na środku wykonany rysunek.
W sprawozdaniu należy umieścić:
1. elektroniczną wersję strony www z ilustracją.
2. informację o jakości i parametrach plików typu gif.
5