Edycja grafiki rastrowej¶
Formaty plików graficznych i transformacje¶
Pobierz następujący plik graficzny:
lenna.bmp
. Otwórz plik za pomocą programu GIMP.- Przekonwertuj plik do formatu
JPG
: - File → Save a Copy
- Jako nazwę pliku podaj
lenna.jpg
– program domyśli się na tej podstawie, że chcesz zmienić format pliku; zatwierdź wybór - Określ jakość utworzonego pliku jako 80% i zatwierdź wybór (0 oznacza najgorszą, 100% najlepszą jakość)
- Przekonwertuj plik do formatu
Znajdź i otwórz nowoutworzony plik za pomocą programu GIMP
Dla obu plików otwórz właściwości obrazu: Image → Image Properties → Zakładka: Properties
Który z plików
BMP
,JPG
zajmuje więcej miejsca na dysku (File size)?Który z plików lepiej wygląda?
Sprawdź to samo dla pliku
JPG
ustawionego w jakości 50% i 20%.- Przekonwertuj plik do formatu
PNG
: - File → Save a Copy
- Jako nazwę pliku podaj
lenna.png
– program domyśli się na tej podstawie, że chcesz zmienić format pliku; zatwierdź wybór - Ustaw poziom kompresji utworzonego pliku na 2 i zatwierdź wybór (0 oznacza najlepszą, 9 najgorszą jakość)
- Przekonwertuj plik do formatu
Znajdź i otwórz nowoutworzony plik za pomocą programu GIMP
Dla obu plików otwórz właściwości obrazu: Image → Image Properties → Zakładka: Properties
Rozdzielczość i rozmiary¶
Otwórz właściwości obrazu: Image → Image Properties → Zakładka: Properties i odczytaj rozdzielczość obrazu (resolution).
Pokaż obraz w faktycznych rozmiarach: View → Zoom → 1:1
- Zmniejsz rozdzielczość obrazu na
640×480
: - Image → Scale image
- Ustaw nową szerokość (
640
) i wysokość (480
) obrazu - Za pomocą ikony łańcucha można okreslicz czy powinny zostać zachowane proporcje między wysokością i szerokością
- Zatwierdź ustawienia
- Zmniejsz rozdzielczość obrazu na
- Zmniejsz rozmiar płótna obrazu do
400×400
(obetnij tło pozostawiając tylko postać z pierwszego planu): - Image → Canvas size
- Ustaw nową szerokość (
400
) i wysokość (400
) obrazu - Za pomocą ikony łańcucha można okreslicz czy powinny zostać zachowane proporcje między wysokością i szerokością
- Przesuwając obramowanie na podglądzie ustaw który fragment obrazu ma pozostać na płótnie
- Zatwierdź ustawienia
- Zmniejsz rozmiar płótna obrazu do
- Zmniejsz rozmiar płótna obrazu do zaznaczenia:
- Wybierz zaznaczenie prostokątne (Tools → Selection tools → Rectangle select lub
) i zaznacz postać na obrazie
- Zaznaczenie można dostosować chwytając za rogi zaznaczonego obszaru
- Przytnij obraz do zaznaczonego obszaru (Image → Crop to selection)
- Wybierz zaznaczenie prostokątne (Tools → Selection tools → Rectangle select lub
Istnieje także możliwość przycinania obrazu automatycznie, żeby pozbyć się np. białego obszaru otaczającego obraz (Image → Autocrop Image)
Zaznaczanie i wycinanie¶
Pobierz następujący plik graficzny:
killerlettuce.png
. Otwórz plik za pomocą programu GIMP.- Zaznaczenie elipsoidalne
- Wybierz zaznaczenie elipsoidalne (Tools → Selection tools → Ellipse select lub
) i zaznacz oko postaci na obrazie
- Trzymając klawisz SHIFT zaznacz drugie oko
- Zaznaczenie można dostosować chwytając za rogi zaznaczonego obszaru
- Usuń zaznaczony fragment (Edit → Clear lub klawisz DELETE)
- Wybierz zaznaczenie elipsoidalne (Tools → Selection tools → Ellipse select lub
Zaznaczenie dowolne¶
Wybierz zaznaczenie dowolne (Tools → Selection tools → Free select lub
) i zaznacz roślinę po prawej stronie postaci (zakończ edycje pojedynczym kliknięciem na początku zaznaczenia – fragment zaznaczony kółkiem)
Trzymając klawisz CTRL można odejmować, natomiast klawisz SHIFT dodawać kolejne fragmenty do istniejącego zaznaczenia
Kopiuj zaznaczony fragment (Edit → Copy lub CTRL + C)
- Wklej fragment do obecnego obrazu:
- (Edit → Paste lub CTRL + V)
- Przeciągnij fragment na odpowiednie miejsce
- Kliknij poza zaznaczonym obszarem, żeby fragment został ostatecznie wklejony w miejsce w którym się znajduje
Zaznaczenie z dopasowaniem do krawędzi¶
Zaznacz paszczę postaci na obrazie używając nożyczek z dopasowaniem krawędzi (Tools → Selection tools → Intelligent Scissors lub
): wskaż ścieżkę cięcia zaznaczając kolejne punkty, następnie kliknij na pierwszy punkt ścieżki i wewnątrz obszaru żeby zakonczyć zaznaczanie
- Wybierz wypełnienie gradientem
- Tools → Paint tools → Blend tool lub
- Wybierz gradient
- Kliknij na zaznaczonym obszarze, żeby zastosować wypełenienie
- Tools → Paint tools → Blend tool lub
Zaznaczenie kolorami¶
Pobierz następujący plik graficzny:
modrian.jpg
. Otwórz plik za pomocą programu GIMP.Zaznacz wszystkie fragmenty obrazu o kolorze białym (Tools → Selection tools → By Color Select lub
)
Skopiuj wybrany fragment (Edit → Copy lub CTRL + C)
Utwórz nowy obraz (File → New lub CTRL + N)
Wklej skopiowany fragment w nowym obrazie (Edit → Paste lub CTRL + V)
Zaznaczenie rozmyte (zaznacza obszar o jednakowym kolorze wokół wskazanego miejsca)
Zaznacz czerwony fragment obiektu (Tools → Selection tools → Fuzzy select lub ||)
Trzymając klawisz
CTRL
można odejmować, natomiast klawisz SHIFT dodawać kolejne fragmenty do istniejącego zaznaczenia- Wybierz kubełek do wypełnienia
- Tools → Paint tools → Bucket fill lub
- Ustaw obszar działania (
Affected Area
na wypełnianie zaznaczeniaFill whole selection
)
- Tools → Paint tools → Bucket fill lub
- Wybierz kolor wypełnienia:
- Kliknij na zaznaczonym obszarze, żeby zastosować wypełenienie
- Zaznacz tło obrazu (Tools → Selection tools → Fuzzy select lub
).
- Usuń tło obrazu:
- Ustaw przezroczystość dla obrazu (Layer → Transaprency → Add Alpha Channel)
- Wyczyść zaznaczenie (Edit → Clear).
- Zapisz obraz jako
PNG
iJPG
.
Po zakończeniu ćwiczenia usuń utworzone pliki z dysku
Napisy¶
Pobierz następujący plik graficzny:
cat.jpg
. Otwórz plik za pomocą programu GIMP.- Wstaw napis na obrazie
- Wybierz narzędzie tekstowe (Tools → text lub
)
- Ustaw właściwości wstawianego tekstu: czcionka (
Font
), rozmiar (Size
), kolor (Color
), wyrównanie (Justify
) - Kliknij na miejsce na obrazie gdzie należy wstawić tekst
- Wybierz narzędzie tekstowe (Tools → text lub
Po zakończeniu edycji tekstu można zcalić go z pozostałymi częściami obrazu: Image → Flatten Image
Efeky, filtry i operacje na kolorach¶
Pobierz następujące pliki graficzne:
dude.jpg
i/lubgobs.jpg
. Otwórz plik za pomocą programu GIMP.- Wypróbuj wybrane grupy filtrów (filtry mozna stosowac do całego obrazu lub do zaznaczenia):
- Rozmazywanie (Filters → Blur) i wyostrzanie obrazu (Filters → Enhance):
- Rozmazywanie zbyt ostrych krawędzi: blur
- Efekt poruszenia obrazu: motion blur
- Efekt pikselizacji: pixelize
- Wyostrzanie krawędzi: sharpen
- Efekty dekoracyjne (Filters → Decor) np.
- Efekt starego zdjęcia: old photo
- Efekt plamy: coffee stain
- Efekt kliszy: slide
- Zaokrąglona ramka: rounded corners
- Efekty artystyczne (Filters → Artistic)
- Zniekształcenie kubistyczne: cubism
- Zniekształcenie impresjonistyczne: GIMPressionist
- Obraz olejny: oilify
- Tekstura tkaniny: clothify
- Kreskówka: cartoon
- Efekt ksero: photocopy
- Efekt oswietlenia przedniego: softglow
- Predator: predator
- Tworzenie nowych wzorów (Filters → Render) – zaznacz tło obrazu
- chmury: coulds
- płomienie: flames
- wzór szachownicy: checkerboard
- wzór kraty: grid
- wzór układanki: jigsaw
- wzór labiryntu: maze
- abstrakcyjne wzory: Qbist
- lawa: lava
- układ elektroniczny: circuit
- spirograf: spyrogimp
- kula trójwymiarowa: sphere designer
- Efekty światła i cienia (Filters → Light and shadow)
- oświetlenie: lightning effects
- odbłysk soczewki: lens flare
- cień w okół zaznaczenia: drop shadow
Zniekształcanie obrazu (Filters → Distortion) np. symulacja grawerowania, efekt fali, obraz z przemysłowej kamery wideo
- Wypróbuj wybrane operacje na kolorach (mogą być zastosowane zarówno do całego obrazu oraz do zaznaczonego fragmentu):
- Zmień kolorystykę wybranego obszaru – balans kolorów (Colors → Color balance)
- Rozjaśnij obszar i zmień ustawienia nasycenia kolorów (Colors → Brightness/Contrast)
- Zastosuj na obszarze efekt patrzenia przez kolorowe szkło (Colors → Brightness/Colorize)
- Zastosuj inwersję kolorów (Colors → Invert)
- Zamień jeden z kolorów na przezroczystość (Colors → Color to Alpha)
Warstwy¶
Stwórz nowy obraz o rozmiarze
1500x1000
px. Zapisz obraz pod nazwąmp.xcf
.Pobierz plik
controversial-look.jpg
, otwórz go i skopiuj do plikump.xcf
Otwórz okno edycji warstw (Window → Dockable dialogs → Layers lub CTRL + L).
Utwórz nową warstwę (Layer → New Layer lub CTRL + SHIFT + N lub
) o rozmiarach takich jak obraz i przezroczystym tle (transparency). Zmień nazwę warstwy na
foot
(dwukrotne klikniecie na nazwę warstwy).Do utworzonej wartwy wstaw zawartość pliku
monty-leg.png
.Ustaw warstwę
foot
na niewidzoczną.
Wstaw kolejną przezroczystą warstwę i nazwij ją
doodle
. Używając tej warstwy narysuj wąsy wszystkim osobom na obrazie.Ustaw warstwę
leg
na widoczną.Przesuń warstwy tak, żeby
doodle
znajdowała się podfoot
ale nadbackground
(lub Layer → Stack → Rise layer/Lower layer lub PGUP/PGDOWN)
Skopiuj warstwę
Background
(lub Layer → Duplicate layer lub CTRL + SHIFT + D) i nazwij ją
Background BW
. Ustaw warstwęBackground
na niewidoczną.Usuń kolory z warstwy
Background BW
(Colors → Desaturate)- Scal warstwy
doodle
iBackground
: - Ustaw warstwę
doodle
bezpośrednio nad warstwą background. - Wybierz warstwę
doodle
. - Scal warstwę z warstwą niżej (Layer → Merge Down).
- Ustaw warstwę
- Scal warstwy
Po zakończeniu ćwiczenia usuń wszystkie utworzone pliki z dysku
Wykonywanie konkretnych zadań¶
Tutoriale dostępne na stronie www.gimpuj.info
Zadanie indywidualne 5¶
Przygotuj kolaż w GIMP-ie korzystając z elementów zdjęć/obrazów podanych poniżej. Obiekty w kolażu powinny być starannie wycięte ze zdjęć i umieszczone w kolażu w sposób estetyczny i dopasowany do innych elementów kolażu pod względem skali, obrotu, itp. Docelowy obraz powinien mieć wymiary 20x30
cm (lub 30x20
cm). Wykorzystaj efekty i możliwości edycji zdjęć dostępne w GIMP-ie. Ocenie podlegają technika wykonania (umiejętność korzystania z programu), staranność i estetyka obrazu. Obraz należy dostarczyć w wersji PNG
oraz XCF
na adres email wykładowcy z tytułem [PIN] Zadanie Indywidulne 5
. Do obrazu należy dołączyć krótki opis wykonanych operacji i zastosowanych efektów. Termin przysłania zadania: 9 XII 2016, godz. 23:59. Każdy dzień spóźnienia powoduje utratę 0.5 oceny. Prace będą badane pod względem nadmiernej współpracy, prace kopiowane nie będą przyjmowane do oceny.
Zdjęcia i obrazy: