Plan wykładu

• Wprowadzenie• Program graficzny GIMP• Edycja i retusz zdjęć• Podsumowanie

3informatyka +

Wprowadzenie

• Po co obrabiamy zdjęcia• Obrazy wektorowe i rastrowe• Wielkość i rozdzielczość obrazu• Formaty graficzne

4informatyka +

Po co obrabiamy zdjęcia

Poprawa jasności, kontrastu, kolorów itp. Zdjęcie wykonano w niesprzyjających

warunkach (złe oświetlenie) Jakość aparatu cyfrowego

Publikacja w Internecie Strony internetowe, galerie, reklamy

Przesłanie przez Internet Poczta elektroniczna

Efekty graficzne Sepia

5informatyka +

Obrazy wektorowe i rastrowe

Obraz wektorowy

• Wyrażenia matematyczne

• Linie, krzywe, elipsy

6informatyka +

Obraz rastrowy

• Cyfrowy zapis obrazu widzialnego

• Aparat cyfrowy, skaner• Piksele

Rozdzielczość obrazu

7informatyka +

• Liczba pikseli przypadająca na 1 cal

• Całkowita liczba pikseli tworzących obraz

• Gęstość pikseli w obrazie

Nazwa urządzenia Rozdzielczość Komputer (monitor) 800 x 600 pikseli

1024 x 768 pikseli

1894 x 1488 pikseliTelefon komórkowy 640 x 480 pikseli,

1.2 – 2 megapikseleTelewizor analogowy 720 x 576 pikseli

cyfrowy (np. HD, ang. High Definition) 1920 x 1080

Skaner 600 x 600 dpi

1200 x 1200 dpi

Drukarka atramentowa

laserowa

300 - 720 dpi

600 dpiAparat cyfrowy 3 – 12 megapikseli,

np. 2048 x 1536 = 3,25 megapiksela

2272 x 1704 = 4 megapiksele

2560 x 1920 = 5 megapikseli

Formaty graficzne 1#2

Format pliku – sposób, w jaki dane w pliku są przechowywane na twardym dysku

BMP• Paint• Grafika rastrowa (bitmap)• Zapis bezstratnyJPG• Aparaty cyfrowe, strony WWW• Kompresja stratna • Właściwości ludzkiego wzroku

– Utrata jakości prawie niezauważalna

8informatyka +

Formaty graficzne 2#2

9informatyka +

GIF•Kompresja bezstratna

•256 kolorów•AnimacjePNG•Kompresja bezstratna•Liczba kolorów > 256XCF•Format programu GIMP•Bezstratny

Plan wykładu

Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie

10informatyka +

Program graficzny GIMP

• Instalowanie programu GIMP w systemie Windows• Pierwsze kroki z programem

– Interfejs użytkownika– Okno główne– Okno obrazka– Okno palety warstw

• Najważniejsze funkcje programu– Zaznaczanie fragmentów obrazu– Szybka maska– Warstwy– Maski i warstwy– Ścieżki

11informatyka +

Instalowanie programu GIMP

• Program darmowy, http://www.gimp.org/

12informatyka +

• Oddzielne okna

• Niezależne rozmieszczenie

Pierwsze kroki z programem – interfejs użytkownika

13informatyka +

Pierwsze kroki z programem – okno główne

• Okno narzędziowe

• Właściwości narzędzia

14informatyka +

Pierwsze kroki z programem – okno obrazka

• Obszar roboczy

• Menu

15informatyka +

Pierwsze kroki z programem

– okno palety warstw

• Operowanie stosem – warstw,

kanałów, ścieżek

16informatyka +

Najważniejsze funkcje programu – zaznaczanie fragmentów obrazu

• Kilka rodzajów zaznaczeń

• Dodatkowe opcje zaznaczenia

17informatyka +

Najważniejsze funkcje programu – warstwy

Składowe obrazu

Łatwiejsza edycja obrazu

18informatyka +

Najważniejsze funkcje programu – ścieżki

• Tworzenie obszarów zaznaczenia

• Rysowanie kształtów

• Wielokąt lub gładka krzywa

• Punkty kontrolne• Konwersja w

zaznaczenie• Przekształcenie w

linię

19informatyka +

Plan wykładu

Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie

20informatyka +

Edycja i retusz zdjęć 1#2

• Podstawowe sposoby poprawy zdjęć– Poprawianie źle naświetlonego zdjęcia– Usuwanie efektu czerwonych oczu– Poprawianie kolorów– Poprawianie ostrości– Poprawianie zdjęć z tanich aparatów fotograficznych

• Przekształcanie obrazu– Skalowanie– Obracanie– Kadrowanie– Przekształcenia geometryczne

21informatyka +

Edycja i retusz zdjęć 2#2

• Kolor i światło– Poziomy– Krzywe– Progowanie– Balans kolorów

• Narzędzie profesjonalnego fotoretuszu– Klonowanie

22informatyka +

Poprawianie źle naświetlonego zdjęcia

• Automatyczna jasność, nasycenie, ostrość

• Jasność i kontrast

• Poziomy

23informatyka +

Usuwanie efektu czerwonych oczu

24informatyka +

• Rozszerzona źrenica, ukrwiona sietkówka

• Zaznaczanie eliptycznych obszarów

• Narzedzia kolorów/Odcień i nasycenie

• Suwaki Odcień, Jasność, Nasycenie

Poprawianie kolorów

25informatyka +

• Niekorzystne warunki oświetleniowe – wyblakłe lub ciemne zdjęcia

• Foldery reklamowe

• Narzędzia kolorów/Odcień i nasycenie -> Nasycenie

• Narzedzia kolorów/Barwienie

Poprawianie ostrości

26informatyka +

• Niewłaściwe ustawienie ostrości

• Poruszenie aparatem przy wykonywaniu zdjęcia

• Filtry graficzne wyostrzające

• Filtry/Uwydatnianie/Wyostrzanie

Poprawianie zdjęć z tanich aparatów fotograficznych

27informatyka +

• Wysoki poziom kolorowych szumów

• Filtry/Rozmywanie/Selektywne rozmycie Gaussa

• Kontury nie zmienione• Promień rozmycia• Maksymalna delta

Przekształcanie obrazu – skalowanie

28informatyka +

• Obraz/Skaluj obraz

• Współczynniki X i Y

• Powoduje zachowanie proporcji

• Interpolacja – określa sposób skalowania grafiki

Przekształcanie obrazu – obracanie

29informatyka +

• Narzędzia przekształcania/ Obrót

• Interpolacja

• Obrót o wielokrotność kąta 15 stopni

• Kąt niż wielokrotność 90 stopni – pogorszenie jakości

• Bieżąca warstwa

Przekształcanie obrazu – kadrowanie

30informatyka +

• Usunięcie przypadkowych obiektów

• Narzędzia przekształcania/ Kadruj

• Prowadnice• Bieżąca warstwa

Przekształcanie obrazu – przekształcenia geometryczne

31informatyka +

• Narzędzia przekształcania/ Odbicie

• Narzędzia przekształcania/ Perspektywa

• Siatka• Narzędzia

przekształcania/ Nachylenie

KanałyLiczba i rodzaj kanałów opisują sposób przechowywania wartości pikseli

Tryb RGB

• Każdy piksel ma 3 składowe

• Każda składowa przyjmuje wartość od 0 do 255

• 3 kanały

32informatyka +

Tryb odcieni szarości

• Wartość piksela opisuje liczba od 0 do 255

• 1 kanał

Tryb indeksowany

• Wartość piksela opisuje numer barwy z palety barw

• 1 kanał

Kolor i światło – poziomy

33informatyka +

• Dostosowywanie jasności i kontrastu

• Dostosowywanie kanałów R,G,B

• Narzędzia kolorów/ Poziomy

• Histogram• Zapis ustawień

do pliku

Kolor i światło – krzywe

34informatyka +

• Funkcja matematyczna

• Krzywa odręczna• Punkty kontrolne

• Słaby kontrast, brak głębi odcieni, nienaturalne kolory

• Rozkład cieni, półcieni, świateł

Kolor i światło – progowanie

35informatyka +

• Zaznaczenie obszarów o określonej intensywności

• Narzędzia kolorów/ Progowanie

• Histogram

• Wydobywanie szczegółów

Kolor i światło – balans kolorów

36informatyka +

• Narzędzia kolorów/ Balans kolorów

• Dostosowanie kolorystyki w zakresie cieni, półtonów, świateł

Narzędzia profesjonalnego fotoretuszu – klonowanie

37informatyka +

• Usuwanie defektów cery, plam, śladów, śmieci, reklam

• C -> Źródło –Obraz -> Tryb –Zwykły -> Krycie 100%

• Pedzel -> Klonowanie

Plan wykładu

Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie

38informatyka +

Podsumowanie – co dalej? Zajęcia Informatyka+ o podobnej tematyce

• Edycja zdjęć i grafiki warsztaty 24h, Wszechnica na Kołach

• Obróbka i wizualizacja obrazu warsztaty 24h, Kuźnia Talentów

39informatyka +