TECHNIKI MULTIMEDIALNE LABORATORIUM GIMP: Projektowanie tła 1. Cel ćwiczenia Celem ćwiczenia jest nabycie umiejętności tworzenia tła poprzez wykorzystanie funkcji dostępnych w programie GIMP. 2. Wiadomości teoretyczne 2.1. Warstwy Tłem nazywamy elementem graficznym, na którym umieszczane są pozostałe obiekty. W programie Gimp można projektować różnego rodzaju tła, które następnie są wykorzystywane np. w prezentacjach, plakatach lub stronach internetowych. Tło tworzymy wprowadzając, jako główny motyw graficzny obiekty takie jak: gradient (jednokolorowy, dwukolorowy, kompozycje kolorów, istnieje możliwość tworzenia nowego gradientu), deseń, (istniej możliwość wykorzystania istniejących lub tworzenia własnych), zdjęcie (wstawiane do nowego obrazu), Po utworzeniu nowego dokumentu standardowe tło jest koloru białego. W celu zmiany koloru należy w oknie Gimp kliknąć ikonke Kolor tła a następnie w oknie Zmiana koloru tła dokonać wyboru spośród dostępnych kolorów. W ten sposób uzyskujemy jednokolorowe tło. Aby uzyskać bardziej złożone tła zaznaczamy obszar rysunku a następnie wypełniamy dostępnymi gradientami, deseniami lub wstawiamy zdjęcie. Bardzo często w celu uzyskania zarazem ciekawych i niestandardowych efektów projektowanego tła wykorzystywane są wbudowane w program filtry. Dostęp do nich uzyskujemy poprzez rozwiniecie menu Filtry rys. 1 a następnie wybranie interesującego nas efektu. Rys. 1 Menu filtry 3. Przykłady 3. 1 Tworzenie własnego gradientu w programie Gimp W oknie Gimp kliknij ikonę Aktywny gradient, Następnie kliknij ikonę Nowy gradient. Zostanie otwarte okno Edytor gradientów. Domyślnie pojawi się gradient czarno-biały. Gradient składa się z segmentów. Jeden segment jest ograniczony dwoma czarnymi trójkątami i zawiera jeden biały trójkąt w środku. Biały trójkąt służy do balansowania przejściami tonalnymi kolorów przypisanych krańcom segmentu Czarny trójkąt można mu przypisać różne kolory i przezroczystość. Klikając prawym klawiszem myszy na gradiencie, uzyskujemy dostęp do menu służącego do edycji gradientu Pobierz kolor czerwony dla lewego koloru a następnie kolor zielony dla prawego. Zreplikuj gradient. Zapisz zmiany. W ten sposób w oknie Gradient pojawi się nowy gradient. Nadaj nazwę czerwono-zielony nowemu gradientowi
Utwórz nowy rysunek 400x100px. A następnie przy użyciu ikony Wypełnienie gradientem koloru wypełnij stworzonym przez nas gradientem obszar rysunku. Zapisz swoja pracę 3. 2 Tworzenie własnego desenia w programie Gimp Utwórz nowy obraz o wymiarach 10x10px. Z przezroczystym tłem W opcjach zaawansowanych ustaw przeźroczystość dla pola Wypełnienie. Ustaw powiększenie na 800% ( wykorzystaj zakładkę na dole rysunku lub ikonę Powiekszanie). Wybierz nadrzędzie "Pędzel" a następnie ustaw, jako aktywny pędzel "Sparks". Rysuj nim po obrazie aż do uzyskania efektu zbliżonego do rys. 2. Rys.2 Gradient plaster miodu Zapisz deseń Script-Fu>Zaznaczenie>Do desenia. Nadaj nazwę plaster miodu Utwórz nowy rysunek 400x100px. A następnie przy użyciu ikony Wypełnienie kolorem lub deseniem tzw. kubełek wypełnij stworzonym przez nas gradientem obszar rysunku. Zapisz swoja pracę 4. Przebieg ćwiczenia Ćw. 4.1. Tworzenie tła niebo za pomocą filtrów programu Gimp Utwórz nowy obraz o rozmiarach 400x400. Przejdź do menu Filtry -> Renderowanie -> Chmury -> Jednolite Chmury. Ustaw wartości jak na rys. 1. Rys.1 Okno filtru jednolite chmury Rys.2 Okno poziomy. Przejdź do menu Warstwa -> Kolory -> Poziomy Ustaw wartości jak na rys. 2. Utwórz niebiesko-biały gradient
Przejdź do menu Filtry -> Kolory -> Odwzorowania -> Odwzorowywanie gradientu Użyj narzędzia Perspektywa by nadać niebu odrobiny realizmu według rys.3 Zapisz otrzymany efekt. Dobierz odpowiedni format zapisu. Wykorzystaj otrzymany efekt tła rys.4 do wzbogacenia prezentacji zaliczeniowej Rys.3 Perspektywa Rys.4 Tło z efektem nieba Ćw. 4.2. Tworzenie tła woda za pomocą filtrów programu Gimp Utwórz nowy obraz o rozmiarze 350x350px. Ustaw kolor pierwszoplanowy - #1e8dff oraz kolor tła - #81d4ff. Pokryj gradientem obraz tak jak na rys. 1. Przejdź do menu Filtry > Szum > Rozproszenie RGB. Ustaw wartości jak na rys. 2 Rys.1 Okno obrazu pokryte gradientem Rys.2 Okno rozproszenia RGB.
Przejdź do menu Filtry > Rozmycie > Rozmycie w ruchu Ustaw wartości jak na rys. 3 Przejdź do menu Filtry > Efekty świetlne > Efekty świetlne Ustaw wartości jak na rys. 4 i 5 Rys.4 Okno efekty świetlne. Rys.3 Okno rozmycie w ruchu gradientem Zmian dokonaj tylko w dwóch zakładkach. Zapisz otrzymany efekt. Dobierz odpowiedni format zapisu. Wykorzystaj otrzymany efekt tła rys.6 do wzbogacenia prezentacji zaliczeniowej Rys.5 Okno rozmycie w ruchu gradientem Rys.6 Tło z efektem wody. Ćw. 4.3. Tworzenie tła spirala za pomocą filtrów programu Gimp Utwórz nowy dokument 600x400px z białym tłem. Narysuj za pomocą pędzla (kolor czarny) wzór według rys. 1
Rys.5 Wzór do narysowania Rys.2 Okno przesunięcie. Zastosuj filtr Filtry - Zniekształcenia - Przesunięcie, Stopień przesunięcia ustaw na 200. Porównaj otrzymany efekt z rys. 3 Rys.3 Przykład efektu przesunięcia Rys.4 Okno rozmycie w ruchu. Zatosuj filtr Filtry - Rozmycie - Rozmycie w ruchu rys 4. Typ rozmycia ustaw, jako "Powiększenie", długość 5-10, Dodaj kolor obrazowi. Warstwa - Kolory - Balans kolorów z przykładowymi ustawieniami: -100/0/50. Zastosuj Filtry - Zniekształcenia - Skręcenie i zaciskani z domyślnymi ustawieniami Zapisz otrzymany efekt rys. 6. Dobierz odpowiedni format zapisu. Wykorzystaj otrzymany efekt tła rys.6 do wzbogacenia prezentacji zaliczeniowej
Rys.5 Okno balans kolorów Rys.6 Efekt końcowy tła. Ćw. 4.4. Tworzenie tła labirynt za pomocą filtrów programu Gimp Utwórz nowy dokument 600x400px Zastosuj Filtry --> Renderowanie --> Chmury --> Jednolite chmury. Ustawienia pozostaw bez zmian, Zastosuj Filtry --> Kolory --> Filtry. Ustaw w odcieniach kolor chmur, Zastosuj Filtry --> Rozmycie --> Pikselizacja. Ustawienia pozostaw bez zmian rys 1, Zastosuj Filtry --> Wykrywanie krawędzi --> Krawędź (Algorytm: Gradient), Zapisz otrzymany efekt rys. 2. Dobierz odpowiedni format zapisu. Wykorzystaj otrzymany efekt tła rys.6 do wzbogacenia prezentacji zaliczeniowej Rys.1 Efekt filtra piksealizacja Rys.2 Efekt tła labirynt.
Ćw. 4.5. Tworzenie tła fraktale za pomocą filtrów programu Gimp Utwórz nowy dokument 800x600px Plik > Nowy Przy użyciu narzędzia Wypełnianie kolorem lub deseniem, (czyli tzw. kubełkiem) wypełnij obraz czarnym kolorem (Uwaga - tło musi być jednolite). Zastosuj narzędzie Filtry > Renderowanie > Natura > Płomień i ustaw następujące parametry według rys 1 (W zakładce Kamera ustaw Powiększenie = 3 (lub inne, im mniejsze tym szybciej się wygeneruje płomień) Otwórz zakładkę Modyfikuj, otworzy się okienko dialogowe, jako Typ Wariacji ustaw Sferyczny, Wybierz 1 z 9 kwadracików z wylosowanymi kierunkami. Wartościami X i Y reguluj aż uzyskasz pożądane położenie. Zaakceptuj zmiany OK w okienku. Efekt powinien być zbliżony do rys 2. Rys.1 Okno płomień. Rys.2 Efekt filtra płomień. Zastosuj narzędzie: Filtry > Kolory > Mikser kanałów Ustaw dowolne wartości kolorów lub wykorzystaj ustawienia jak na rys. 3 Zastosuj Obraz > Tryb > Indeksowany i po kliknięciu OK. Zapisz otrzymany efekt rys. 4. Dobierz odpowiedni format zapisu. Wykorzystaj otrzymany efekt tła rys.6 do wzbogacenia prezentacji zaliczeniowej
Rys.3 Okno mikser kanałów. Rys.4 Przykład efektu końcowego tła.