Loading...

Edycja grafiki rastrowej


Edycja grafiki rastrowej

GIMP

Program do edycji grafiki rastrowej: GIMP

Formaty plików graficznych i transformacje

  1. Pobierz następujący plik graficzny: lenna.bmp. Otwórz plik za pomocą programu GIMP.

  2. 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ść)
  3. Znajdź i otwórz nowoutworzony plik za pomocą programu GIMP

  4. Dla obu plików otwórz właściwości obrazu: Image → Image Properties → Zakładka: Properties

  5. Który z plików BMPJPG zajmuje więcej miejsca na dysku (File size)?

  6. Który z plików lepiej wygląda?

  7. Sprawdź to samo dla pliku JPG ustawionego w jakości 50% i 20%.

  8. 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ść)
  9. Znajdź i otwórz nowoutworzony plik za pomocą programu GIMP

  10. Dla obu plików otwórz właściwości obrazu: Image → Image Properties → Zakładka: Properties

Rozdzielczość i rozmiary

  1. Otwórz właściwości obrazu: Image → Image Properties → Zakładka: Properties i odczytaj rozdzielczość obrazu (resolution).

     
  2. Pokaż obraz w faktycznych rozmiarach: View → Zoom → 1:1

  3. 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
  4. 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
  5. Zmniejsz rozmiar płótna obrazu do zaznaczenia:
    • Wybierz zaznaczenie prostokątne (Tools → Selection tools → Rectangle select lub rectselect) i zaznacz postać na obrazie
    • Zaznaczenie można dostosować chwytając za rogi zaznaczonego obszaru
    • Przytnij obraz do zaznaczonego obszaru (Image → Crop to selection)
  6. Istnieje także możliwość przycinania obrazu automatycznie, żeby pozbyć się np. białego obszaru otaczającego obraz (Image → Autocrop Image)

Zaznaczanie i wycinanie

  1. Pobierz następujący plik graficzny: killerlettuce.png. Otwórz plik za pomocą programu GIMP.

  2. Zaznaczenie elipsoidalne
    • Wybierz zaznaczenie elipsoidalne (Tools → Selection tools → Ellipse select lub elipseselect) 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

  1. Wybierz zaznaczenie dowolne (Tools → Selection tools → Free select lub freeselect) i zaznacz roślinę po prawej stronie postaci (zakończ edycje pojedynczym kliknięciem na początku zaznaczenia – fragment zaznaczony kółkiem)

  2. Trzymając klawisz CTRL można odejmować, natomiast klawisz SHIFT dodawać kolejne fragmenty do istniejącego zaznaczenia

  3. Kopiuj zaznaczony fragment (Edit → Copy lub CTRL + C)

  4. 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

  1. Zaznacz paszczę postaci na obrazie używając nożyczek z dopasowaniem krawędzi (Tools → Selection tools → Intelligent Scissors lub intelligentscissors): wskaż ścieżkę cięcia zaznaczając kolejne punkty, następnie kliknij na pierwszy punkt ścieżki i wewnątrz obszaru żeby zakonczyć zaznaczanie

  2. Wybierz wypełnienie gradientem
    • Tools → Paint tools → Blend tool lub blendtool
    • Wybierz gradient
    • Kliknij na zaznaczonym obszarze, żeby zastosować wypełenienie

Zaznaczenie kolorami

  1. Pobierz następujący plik graficzny: modrian.jpg. Otwórz plik za pomocą programu GIMP.

  2. Zaznacz wszystkie fragmenty obrazu o kolorze białym (Tools → Selection tools → By Color Select lub bycolorselect)

  3. Skopiuj wybrany fragment (Edit → Copy lub CTRL + C)

  4. Utwórz nowy obraz (File → New lub CTRL + N)

  5. Wklej skopiowany fragment w nowym obrazie (Edit → Paste lub CTRL + V)

  6. Zaznaczenie rozmyte (zaznacza obszar o jednakowym kolorze wokół wskazanego miejsca)

  7. Zaznacz czerwony fragment obiektu (Tools → Selection tools → Fuzzy select lub ||)

  8. Trzymając klawisz CTRL można odejmować, natomiast klawisz SHIFT dodawać kolejne fragmenty do istniejącego zaznaczenia

  9. Wybierz kubełek do wypełnienia
    • Tools → Paint tools → Bucket fill lub bucketfill
    • Ustaw obszar działania (Affected Area na wypełnianie zaznaczenia Fill whole selection)
  10. Wybierz kolor wypełnienia:
    • Kliknij na zaznaczonym obszarze, żeby zastosować wypełenienie
    • Zaznacz tło obrazu (Tools → Selection tools → Fuzzy select lub fuzzyselect).
  11. Usuń tło obrazu:
    • Ustaw przezroczystość dla obrazu (Layer → Transaprency → Add Alpha Channel)
    • Wyczyść zaznaczenie (Edit → Clear).
    • Zapisz obraz jako PNG i JPG.
  12. Po zakończeniu ćwiczenia usuń utworzone pliki z dysku

Napisy

  1. Pobierz następujący plik graficzny: cat.jpg. Otwórz plik za pomocą programu GIMP.

  2. Wstaw napis na obrazie
    • Wybierz narzędzie tekstowe (Tools → text lub text)
    • 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
  3. Po zakończeniu edycji tekstu można zcalić go z pozostałymi częściami obrazu: Image → Flatten Image

Efeky, filtry i operacje na kolorach

  1. Pobierz następujące pliki graficzne: dude.jpg i/lub gobs.jpg. Otwórz plik za pomocą programu GIMP.

  2. 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

  1. Stwórz nowy obraz o rozmiarze 1500x1000 px. Zapisz obraz pod nazwą mp.xcf.

  2. Pobierz plik controversial-look.jpg, otwórz go i skopiuj do pliku mp.xcf

  3. Otwórz okno edycji warstw (Window → Dockable dialogs → Layers lub CTRL + L).

  4. Utwórz nową warstwę (Layer → New Layer lub CTRL + SHIFT + N lub layeradd) o rozmiarach takich jak obraz i przezroczystym tle (transparency). Zmień nazwę warstwy na foot (dwukrotne klikniecie na nazwę warstwy).

  5. Do utworzonej wartwy wstaw zawartość pliku monty-leg.png.

  6. Ustaw warstwę foot na niewidzoczną layervisible.

  7. Wstaw kolejną przezroczystą warstwę i nazwij ją doodle. Używając tej warstwy narysuj wąsy wszystkim osobom na obrazie.

  8. Ustaw warstwę leg na widoczną.

  9. Przesuń warstwy tak, żeby doodle znajdowała się pod foot ale nad background (layerupdown lub Layer → Stack → Rise layer/Lower layer lub PGUP/PGDOWN)

  10. Skopiuj warstwę Background (layerduplicate lub Layer → Duplicate layer lub CTRL + SHIFT + D) i nazwij ją Background BW. Ustaw warstwę Background na niewidoczną.

  11. Usuń kolory z warstwy Background BW (Colors → Desaturate)

  12. Scal warstwy doodle i Background:
    • Ustaw warstwę doodle bezpośrednio nad warstwą background.
    • Wybierz warstwę doodle.
    • Scal warstwę z warstwą niżej (Layer → Merge Down).
  13. Po zakończeniu ćwiczenia usuń wszystkie utworzone pliki z dysku


Ul. Spółdzielcza 6 28-400 Pińczów
+48 413573000