Grafika. Celem ćwiczenia jest opanowanie umiejętności przetwarzania plików graficznych z zastosowaniem programu Gimp.

Transkrypt

1 Grafika Celem ćwiczenia jest opanowanie umiejętności przetwarzania plików graficznych z zastosowaniem programu Gimp. Gimp, grafika, przetwarzanie obrazów 1. Wprowadzenie Gimp jest przeznaczony do tworzenia i przetwarzania plików graficznych. Program Gimp jest programem darmowym i można go pobrać ze strony 2. Przygotowanie do ćwiczenia Aby wykonać to ćwiczenie przekopiuj do swojego katalogu domowego pliki wydmy.jpg i portret.jpg 3. Uruchamianie programu Gimp

2 Pierwsze okno zawiera zaawansowane opcje, których na razie nie będziemy używać.

3 Drugie okno zawiera główne menu programu Gimp:

4 .

5 4. Skalowanie rysunków Klikając prawym przyciskiem na trzecim oknie ("czystym") wybieramy pozycję Plik a następnie opcję Otwórz. Otwiera się nowe menu z którego wybieramy nazwę pliku dunes.jpg. Otwiera się dodatkowe okno zawierające plik z grafiką: Gimp automatycznie zmienia rozmiar rysunku w taki sposób aby cały rysunek mieścił się w otwieranym oknie. W dolnej części okienka z rysunkiem znajdziemy podstawowe informacje o pliku, który właśnie został otwarty. Podana jest wielkość pliku (4.02MB), czy rysunek w czasie wyświetlania został zmniejszony lub zwiększony aby zmieścił się w całości w oknie(w naszym przypadku program musiał zmniejszyć rysunek o 66% w relacji do oryginalnych rozmiarów). Możemy sami zmieniać wielkość rysunku do czego służą przyciski bezpośrednio przy liczbie pokazującej aktualne zmniejszenie/zwiększenie rysunku. Okno w którym otwarty został rysunek otacza skala, która pozwala na określenie rozmiaru. W tym momencie wielkość rysunku wyrażona jest w postaci liczby tzw. pikseli określających wysokość i szerokość rysunku. Możemy zmienić tę skalę na np. skalę wyrażoną w milimetrach i do tego służy seria dwu przycisków obok symbolu px: Często zdarza się, że musimy zmienić rozmiar rysunku. Może się tak dziać z wielu powodów: rysunek musi mieć odpowiednią wielkość wyrażoną np. w centymetrach lub

6 calach aby ładnie mieścił się np. na stronie WWW, albo potrzebujemy rysunku o odpowiedniej wielkości pliku wyrażonego np. w MB czy kb aby mieścił się w u, albo potrzebujemy pliku o odpowiednich rozmiarach wyrażonych w pikselach aby np. mógł służyć jako tapeta w telefonie komórkowym. Manewrowanie rozmiarami pliku jest bardzo delikatnym zadaniem, bo w wyniku prostego zmniejszania, lub zwiekszania możemy utracić proporcje rysunku (zniekształcić go), jego rozdzielczość a czasami nawet i kolory. Gimp oferuje bardzo duże możliwości w manewrowaniu rozmiarami pliku. Aby zmienić rozmiary rysunku wybieramy z menu okna w którym jest otwarty rysunek Obraz a następnie z rozwiniętego menu opcjęskaluj obraz. Pojawia się nowe okno z opcjami skalowania obrazu: Możemy w tym menu operować wielkością rysunku, a wielkość może być wyrażona w różnych jednostkach w naszym przypadku wielkość obrazu jest wyrażona w pikselach (możemy to zmienić). Załóżmy, że chcemy obrazek który mamy powiększyć z obecnej szerokości 1024 piksele do szerokości 2000 pikseli. W tym celu w polu Szerokość wpisujemy liczbę 2000 i naciskamy ENTER. Proszę zauważyć, że po zmianie szerokości automatycznie zmieniła się też Wysokość tak aby rysunek zmienił się proporcjonalnie. Wysokość i szerokość są ze sobą związane o czym świadczy mały znaczek łańcuszka rozpietego pomiedzy nimi (można tę zależność zlikwidować). Po zmianie rozmiarów w opcji Interpolacja zmianiamysześcienna na Brak i naciskamy przycisk Skaluj. Jeżeli przyjrzelibyśmy się rysunkowi w dużym powiększeniu, powinniśmy zaobserwować podobny efekt:

7 Proszę odnaleźć jaka jest wielkość tego rysunku w MB? Wykonane przez nas skalowanie było skalowaniem prostym. Zmieniliśmy rozmiar rysunku więc program musiał "dodać" nowe piksele do rysunku aby go powiększyć. Dodawanie pikseli odbywało się na zasadzie ich "podziału". Każdy nowy piksel odziedziczył dokładnie taki sam kolor jak jego "przodek". Widać, że rysunek wyrażnie przybrał "ziarnistą" strukturę jak temu zaradzić? Wykonajmy jeszcze jedno skalowanie przy pomocy głównego menu wczytujemy jeszcze raz plikdunes.jpg. Otwieramy menu Obraz wybieramy opcję Skaluj, wpisujemy nową wysokość 2000 pikseli naciskamy ENTER a z menu Interpolacja wybieramy opcję Sześcienna i naciskamy przycisk Skaluj. Dostajemy nowy wariant naszego obrazka: Czym się one różnią między sobą? Tym razem program też "wytworzył" nowe piksele ale tym razem nowe piksele zostały pokolorowane "wypadkową" kolorów pikseli z nimi sąsiadujących. Pokazano jak rysunki powiększać ale w podoby sposób odbywa się też ich zminiejszanie. Wyprodukowane rysunki są bardzo duże więc nie będziemy ich zapisywać, wybieramy z menu Plik następnie opcję Zamknij pojawia się pytanie w którym wybieramy opcję Nie zapisuj. To samo powtarzamy dla drugiego rysunku.

8 5. Kadrowanie Czasami potrzebujemy z całego rysunku jedynie jego fragment. Za pomocą Gimpa można wykonać taką operację nazywaną kadrowaniem. W tym celu jeszcze raz wczytujemy rysunek wydmy.jpg. Z menu głównego programu wybieramy opcję Kadrowanie: kursor zmienia się w mały rysunek skalpela. Klikamy w jakiś punkt na rysunku z którego chcemy wyciąć mniejszy fragment i przeciągając myszką po rysunku zaznaczamy pole obszar rysunku który nas interesuje: a następnie klikamy wewnątrz zaznaczonego obszaru. W miejsce oryginalnego rysunku pojawia się teraz tylko zaznaczony przez nas fragment:

9 Aby go teraz zapisać wybieramy Plik a następnie opcję Zapisz jako. W nowym oknie wpisujemy w polu Nazwa wydmy-maly.jpg i naciskamy Zapisz. Pojawia się jeszcze jedno okno w którym wybieramy OK (akceptujemy domyślne opcje). Gimp zapisuje pliki w bardzo wielu formatach, my wybraliśmy format JPG ale możemy wybrać inny używając innego rozszerzenia. Czy potrafisz otworzyć nowoutworzony plik za pomocą Gimp-a? 6. Zrzuty ekranu Dość często zdarza się, że mamy coś na ekranie (pojedyncze okno, cała zawartość ekranu) co chcielibyśmy zachować. Przy pomocy Gimpa jest to bardzo proste. Z menu głównego wybieramy Plik a następnie opcję Utwórz i opcję Zrzut Ekranu.

10 Pojawia się nowe okno: Jeśli wybierzemy opcję Pojedyncze Okno naciśniemy klawisz Zrzut i klikniemy na dowolne okno otwate na ekranie to Gimp otworzy nowe okienko z zachowanym obrazem. Jeśli wybierzemy opcję Cały ekran to po chwili otworzy się okno Gimpa z "fotografią" całego ekranu, co może wyglądać tak:

11 . 7. Klonowanie tekstury Niejednokrotnie jesteśmy zmuszeni do wykonania różnego rodzaju fotomontaży. Gdy używamy normalnego pędzla, będą one od razu widoczne, dlatego przydatna opcją jest klonowanie tekstury. Z menu wybierz symbol pieczątki a następnie przytrzymując klawisz CTRL lewym klawiszem myszy zaznaczasz obszar do klonowania. Puszczamy CTRL i już możemy malować teksturą z obrazu. Uwaga, wraz z malowaniem obszar kopiowany przemieszcza się. Zadanie: Używając klonowania spróbuj wymazać śmigło tak jak na przykładzie poniżej. 8. Obrazek helikoptera pobierz helikopter.jpg.

12 Obraz, jaki powinieneś otrzymać, powinien wyglądać mniej więcej tak: Zadanie: Używając Internetu znajdź obrazek butelki Coca Coli. Następnie używając narzędzia do dowolnego zaznaczania obszaru obrysuj butelkę. Obrysowaną butelkę skopiuj do pamięci komputera a następnie wklej do obrazka z helikopterem. Poeksperymentuj z narzędziem do skalowania obrazu by uzyskać efekt podobny jak na poniższym rysunku. Zapisz obrazek pod nazwą helikopter-cola.png

13 9. Retusz fotografii Obecnie tradycyjna fotografia oparta na fotochemii jest wypierana przez fotografię cyfrową. Często wykonując zdjęcia nie jesteśmy zadowoleni z uzyskanych efektów i pojawia się ochota aby takie zdjęcia trochę "poprawić". Proszę wczytac do programu Gimp plik o nazwieportret.jpg. Co nam się bardzo nie podoba na tym zdjęciu to efekt "czerwonych oczu" nagminie pojawiający się na zdjęciach wykonanych z użyciem lampy błyskowej i jakaś plamka pod prawym okiem:

14 Nasz retusz zaczniemy od oczu. Po pierwsze powiększymy tylko obszar który nas interesuje w tym celu z menu głównego wybieramy opcję powiększenie: i zaznaczamy myszką interesujący nas obszar czego efekt będzie wyglądał tak:

15 Następnie z menu głównego wybieramy opcję zaznaczania: i myszką zaznaczamy "czerwone oko":

16 (ważne jest, aby kończąc zaznaczanie trafić dokładnie w punkt, z którego zaczęliśmy inaczej zaznaczanie się nie zakończy). Z menu głównego wybieramy opcję wyboru kolorów:

17 Pojawia się menu wyboru kolorów, które pozwala na mieszanie podstawowych kolorów: czerwonego (R) zielonego (G) i niebieskiego (B), tak aby uzyskać interesujący nas kombinację. Dodatkowo można wybrać nasycenie i odcień (wartości H,S,V). Musimy teraz dobrać jakiś kolor, który zastąpiłby "czerwone oko" czymś bardziej rzeczywistym (proszę popatrzeć jak wyglądają i mają kolor źrenice u sąsiadów). Tutaj wybrano następujący zestaw kolorów:

18 Po wyborze koloru z menu głównego wybieramy opcję wypełniania kolorem zaznaczonych obszarów: a następnie klikamy na zaznaczony wcześniej obszar "czerwonego oka". Całą procedurę powtarzamy dla drugiego oka. Teraz zabieramy się za skazę pod prawym okiem (przy okazji widać jak wygląda "naprawione oko":

19 Aby zlikwidować przebarwienie musimy zorientować się jaki kolor ma normalna skóra w okolicy. W tym celu z menu głównego wybieramy opcję Pobierz kolor: i klikamy w okolice plamki której chemy się pozbyć. Po kliknieciu "pipetką" na rysunku, w miejscu, gdzie podany jest aktualny kolor rysowania pojawia się wybrany właśnie kolor:

20 Teraz możemy przeprowadzić usuwanie przebarwienia. W tym celu z menu głównego wybieramy opcję pędzel: W Gimpie można używać różnych pędzli my będziemy używać pędzla tzw. "Fuzzy" który mocno pokrywa miejsca gdzie pędzel dotyka malowanej powierzchni ale jednocześnie część farby "rozpryskuje się" na boki. Możemy regulować przy pomocy opcji Krycie jak mocno nasza farba jest rozcieńczona. Po wyborze farby i narzędzi malujemy, a efekt powinien być taki:

21 Nasze dzieło po ukończeniu powinno wyglądać jak na poniższym przykładzie: