Edycja grafiki rastrowej
GIMP
Program do edycji grafiki rastrowej: GIMP
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)
-
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)
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
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
)
-
- 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
-
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