POLITECHNIKA KRAKOWSKA im.t.kociuszki. Instytut Informatyki Stosowanej, WM Zakład Systemów Multimedialnych i Informacyjnych.

Transkrypt

1 POLITECHNIKA KRAKOWSKA im.t.kociuszki Instytut Informatyki Stosowanej, WM Zakład Systemów Multimedialnych i Informacyjnych Gimp - efekty Technologie informacyjne LABORATORIUM 2 x 45min LAB 04 Program GIMP jest narzdziem do przetwarzania grafiki cyfrowej. Mona przy jego uyciu tworzy grafik, zmienia rozmiary i wycina fragmenty zdj, dokonywa rónych operacji na kolorach, łczy obrazy stosujc warstwy oraz dokonywa konwersji rónych formatów plików graficznych. GIMP posiada du ilo funkcji przydatnych zarówno do tworzenia grafiki jak i retuszu fotografii. Do dyspozycji s m.in.: warstwy i maski warstw, moliwo zmiany trybu mieszania kolorów warstw, narzdzia do modyfikacji kolorów (poziomów luminancji, krzywych tonalnych, jasnoci, nasycenia, kontrastu), moliwo tworzenia własnych pdzli, gradientów i deseni. filtry i narzdzia do modyfikacji obrazu (rozmycie, wyostrzanie, stempel klonujcy itp.), rozbudowane narzdzia zaznaczania, współpraca z urzdzeniami czułymi na nacisk (tablety graficzne), rozszerzalno za pomoc wtyczek (np. do obsługi formatów RAW), praca w trybach RGB, skala szaroci oraz z palet indeksowan, uycie CMYK (wtyczka SEPARATE). Wewntrznym formatem stosowanym przez GIMP-a do zapisu plików graficznych jest format XCF. Wan cech programu jest moliwo odczytu i zapisu wielu rónych formatów plików graficznych, w tym plików PSD, GIF, JPG, TIFF, PNG, a przy uyciu programu GhostScript równie moliwo otwierania plików PS, EPS i PDF. Materiały do programu GIMP 1. Polska dokumentacja GIMP: 2. Informacje na Wikipedii: 3. Filmy instruktarzowe: 4. Grokking the GIMP: str. 1

2 wiczenie 1. Filtry i cie Celem wicze jest nabycie umiejtnoci pracy z warstwami, skuteczne korzystanie z narzdzi Selekcja oraz wykorzystanie filtrów. Otwórz obraz stolik.jpg nastpnie wykorzystujc narzdzie selekcji Ródka zaznacz tło. Aby wybra wszystkie obszary tła, nawet te pomidzy nogami stolika naley uywajc tego samego narzdzia wcisn SHIFT i wskaza kolejne obszary, które bd dodane do zaznaczenia. Zaznaczenia na górnym pasku menu wybierz polecenie Odwró. Dziki tej operacji uzyskujemy zaznaczenie stolika. W menu głównym wybieramy opcje Plik Nowy. Tworzymy nowy plik graficzny o wymiarach: 800x600. Zapisujemy go, nadajc mu nazw fotomontaz.xcf. Kopiujemy zaznaczenie z obrazu stolik.jpg i za pomoc klawiszy skrótu Ctrl+V wklejamy do nowo utworzonego obrazu. Nastpnie dodajemy now warstw. Obiekt który został wklejony powinien zosta zamieszczony na osobnej warstwie, której nadajemy nazw Stolik. Przy uyciu narzdzia do transformacji zmniejszamy obraz stolika oraz ustawiamy go w centralnej czci obrazu. Kolejnym krokiem jest otwarcie obrazu wazon.jpg. Postpujemy dokładnie tak samo jak w przypadku stolika, czyli przy uyciu narzdzia Ródka zaznaczamy tło, a nastpnie w opcjach Zaznaczanie wybieramy Odwró. Kopiujemy zaznaczony fragment obrazu i wklejamy go do obrazu fotomonta.cxf, i dodajemy kolejn now warstw, której nadajemy nazw Wazon. str. 2

3 Przy uyciu narzdzi do transformacji zmniejszamy obraz wazonu i ustawiamy go na stoliku. Kopiujemy ustawiony ju wazon i wklejamy a nastpnie tworzymy now warstw, któr nazywamy Cien. Klikamy na warstw Cien w panelu warstwy, aby ja aktywowa. Korzystajc z narzdzia ródka zaznaczamy tło wokół wazonu z wcinitym przyciskiem SHIFTi po zakoczeniu zaznaczenia wywołujemy polecenie utworzenia zaznaczenia odwrotnego do wyznaczonego. Jeli uzyskamy zaznaczenie samego wazonu wybieramy narzdzie Wypełnianie kubełkiem, nastpnie w panelu ustawie tego narzdzia wybieramy opcje: tryb- zwykły, typ wypełnienia: kolor pierwszoplanowy, uwzgldniany obszar całe zaznaczenie, kolor czarny. Nastpnie klikamy na obraz wazonu przemalowujc go na czarno. str. 3

4 Przechodzimy do panelu Warstwy aktywujemy warstw Cien i przy uyciu zielonych strzałek przesuwamy j pod warstw Wazon. Kolejnym krokiem jest zniekształcenie obrazu wazonu na warstwie Cien, tak aby symulował połoenie cienia. Uzyskujemy to poprzez wykorzystanie narzdzia Perspektywa, znajdujcego si w panelu Przybornik. str. 4

5 Zatwierdzamy przekształcenie, tworzymy now warstw i uzyskujemy efekt podobny do zaprezentowanego poniej: Aby uzyska bardziej naturalny efekt przesuwamy utworzon warstw Przekształcenie o jedn warstw w dół. Klikamy na warstw Przekształcenie aktywujc j, nastpnie wybieramy z głównego paska Menu Filtry Rozmycie Rozmycie Gaussowskie, Ustalamy parametry str. 5

6 rozmycia na ok. 10 px. Prosz sprawdzi jak w zalenoci od doboru parametrów zmienia si efekt rozmycia i wybra optymalny. Ostatnim krokiem naszego wiczenia jest ustawienie przeroczystoci warstwy Przekształcenie pomidzy 30 a 40%. Uzyskany efekt powinien wyglda mniej wicej tak: Aby zapisa plik w formacie JPG musimy spłaszczy obrazek wykorzystujc polecenie Spłaszcz obrazek w menu Obraz lub Połcz w dół w menu Warstwa. str. 6

7 wiczenie 2. Tworzenie animowanego GIFa Cel wiczenia: Praca na warstwach w celu stworzenia animowanego pliku GIF. Otwieramy pliki Dziewczyna.jpg oraz staruszka.jpg. Zaznacz cały obraz z pliku Dziewczyna.jpg i przejd do obrazu Staruszka.jpg. Wklej obraz dziewczyny do pliku staruszka i utwórz now warstw. Zmie nazwy warstwom: tło zmie na staruszka a warstwa wklejona na dziewczyna. Kolejnym krokiem jest 4-krotne powielenie kadej z warstw. Realizujemy to korzystajc z polecenia Duplikuj warstwy z menu rozwijanego klikamy na warstw dziewczyna, przyciskamy prawy przycisk myszy i wybieramy opcj: duplikuj warstw 4 razy pod rzd. W efekcie powinnimy otrzyma 4 kopie warstwy. Czynno powtarzamy dla warstwy staruszka. str. 7

8 Zmieniamy nazwy warstw nadajc im nazw analogicznie do przedstawionego poniej przykładu. Przesuwamy warstwy uywajc zielonych strzałek na dole panelu Warstwy, tak aby warstwy o takich samych numerach porzdkowych wystpowały obok siebie tak jak ma to miejsce na ilustracji poniej. str. 8

9 Kolejnym krokiem jest ustawienie przeroczystoci dla kolejnych par warstw. Aby animacja przebiegała płynnie naley rónicowa przeroczysto pomidzy kolejnymi parami warstw proporcjonalnie. Mamy 5 par warstw, a wic rónica przeroczystoci pomidzy nimi powinna wynosi ok. 20 (20*5 warstw = 100% krycia). Zgodnie z powyszym warstwy: dziewczyna i staruszka maj krycie = 100% Krycie dla warstw dziewczyna 4 i staruszka 4 ustawiamy na 20%, i kolejno: Warstwy dziewczyna 3 i staruszka 3 = 40%,dziewczyna 2 i staruszka 2 = 60%, dziewczyna 1 i staruszka 1 = 80%. Wybieramy górn warstw z pary - w poniszym przypadku jest to warstwa dziewczyna 4 i łczymy warstwy w dół w wyniku tej operacji warstwa dziewczyna 4 łczy si z warstw staruszka 4, dziewczyna 3 ze staruszka 3 itd. str. 9

10 Jeli proces łczenia warstw został wykonany poprawnie to warstwy powinny wyglda trak jak poniej. Aby utworzy animacj naley teraz wybra z górnego paska menu wybra Obraz Tryb Indeksowany. Wybieramy opcj Paleta kolorów wygenerowana optymalna paleta, maksymalna ilo kolorów 255. Nastpnie wybieramy Filtry Animacja Optymalizuj (dla formatu GIF). W wyniku tego przekształcenia utworzony zostaje nowy plik indeksowany, w którym warstwy zostały przekonwertowane na kolejne obrazki animacji, z nadanym automatycznie czasem odtwarzania. str. 10

11 Moemy dowolnie zmienia czas wywietlania kolejnych klatek. Aby odtworzy animacj naley wybra: Filtry Animacja Odtwórz. Polecenie otworzy odtwarzacz animacji i moemy obserwowa efekty swojej pracy. str. 11