Graficzna obrobka zdjec

(1)

(2)

Plan wykładu

• Wprowadzenie

• Program graficzny GIMP

• Edycja i retusz zdjęć

• Podsumowanie

2

(3)

Wprowadzenie

• Po co obrabiamy zdjęcia

• Obrazy wektorowe i rastrowe

• Wielkość i rozdzielczość obrazu

• Formaty graficzne

3

(4)

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

4

(5)

Obrazy wektorowe i rastrowe

Obraz wektorowy

• Wyrażenia

matematyczne

• Linie, krzywe, elipsy

5

informatyka +

Obraz rastrowy

• Cyfrowy zapis obrazu widzialnego

• Aparat cyfrowy, skaner • Piksele

(6)

Rozdzielczość obrazu

6

informatyka +

• 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 pikseli Telefon komórkowy 640 x 480 pikseli,

1.2 – 2 megapiksele

Telewizor 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 dpi

Aparat cyfrowy 3 – 12 megapikseli,

np. 2048 x 1536 = 3,25 megapiksela 2272 x 1704 = 4 megapiksele

(7)

Formaty graficzne 1#2

Format pliku

–

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

BMP • Paint

• Grafika rastrowa (bitmap) • Zapis bezstratny

JPG

• Aparaty cyfrowe, strony WWW • Kompresja stratna

• Właściwości ludzkiego wzroku

– Utrata jakości prawie niezauważalna

7

(8)

Formaty graficzne 2#2

8

informatyka +

GIF

•Komp

resja bezstratna

•256 kolorów

•Animacje

PNG

•Kompresja bezstratna

•Liczba kolorów > 256

XCF

•Format programu GIMP

•Bezstratny

(9)

Plan prezentacji



_Wprowadzenie



_{Program graficzny GIMP}



_{Edycja i retusz zdjęć}



_Podsumowanie

9

(10)

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 10

informatyka +

(11)

Instalowanie programu GIMP

• Program darmowy,

http://www.gimp.org/

11

(12)

• Oddzielne okna

• Niezależne

rozmieszczenie

Pierwsze kroki z programem

– interfejs użytkownika

12

(13)

Pierwsze kroki z programem

– okno główne

• Okno narzędziowe • Właściwości narzędzia 13

informatyka +

(14)

Pierwsze kroki z programem

– okno obrazka

• Obszar roboczy • Menu 14

informatyka +

(15)

Pierwsze kroki

z programem

– okno palety warstw

• Operowanie stosem – warstw, kanałów, ścieżek 15

informatyka +

(16)

Najważniejsze funkcje programu

– zaznaczanie fragmentów obrazu

• Kilka rodzajów

zaznaczeń

• Dodatkowe

opcje

zaznaczenia

16

informatyka +

(17)

Najważniejsze funkcje programu

– warstwy

 _{Składowe obrazu}  _{Łatwiejsza edycja} obrazu 17

informatyka +

(18)

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ę 18

informatyka +

(19)

Plan prezentacji



_Wprowadzenie



_{Program graficzny GIMP}



_{Edycja i retusz zdjęć}



_Podsumowanie

19

(20)

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 20

informatyka +

(21)

Edycja i retusz zdjęć 2#2

• Kolor i światło

– Poziomy – Krzywe – Progowanie – Balans kolorów

• Narzędzie profesjonalnego fotoretuszu

– Klonowanie

21

(22)

Poprawianie źle naświetlonego zdjęcia

• Automatyczna jasność, nasycenie, ostrość • Jasność i kontrast • Poziomy 22

informatyka +

(23)

Usuwanie efektu czerwonych oczu

23

informatyka +

• Rozszerzona źrenica, ukrwiona sietkówka • Zaznaczanie eliptycznych obszarów • Narzedzia kolorów/Odcień i nasycenie • Suwaki Odcień, Jasność, Nasycenie

(24)

Poprawianie kolorów

24

informatyka +

• Niekorzystne warunki oświetleniowe – wyblakłe lub ciemne zdjęcia • Foldery reklamowe • Narzędzia kolorów/Odcień i nasycenie -> Nasycenie • Narzedzia kolorów/Barwienie

(25)

Poprawianie ostrości

25

informatyka +

• Niewłaściwe ustawienie ostrości • Poruszenie aparatem przy wykonywaniu zdjęcia • Filtry graficzne wyostrzające • Filtry/Uwydatnianie/ Wyostrzanie

(26)

Poprawianie zdjęć z tanich aparatów fotograficznych

26

informatyka +

• Wysoki poziom kolorowych szumów • Filtry/Rozmywanie/Sele ktywne rozmycie Gaussa

• Kontury nie zmienione • Promień rozmycia

(27)

Przekształcanie obrazu – skalowanie

27

informatyka +

• Obraz/Skaluj obraz • Współczynniki X i Y • Powoduje zachowanie proporcji • Interpolacja – określa sposób skalowania grafiki

(28)

Przekształcanie obrazu – obracanie

28

informatyka +

• 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

(29)

Przekształcanie obrazu – kadrowanie

29

informatyka +

• Usunięcie przypadkowych obiektów • Narzędzia przekształcania/ Kadruj • Prowadnice • Bieżąca warstwa

(30)

Przekształcanie obrazu –

przekształcenia geometryczne

30

informatyka +

• Narzędzia przekształcania/ Odbicie • Narzędzia przekształcania/ Perspektywa • Siatka • Narzędzia przekształcania/ Nachylenie

(31)

Kanały

Liczba 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

31

informatyka +

Tryb

od

c

i

e

n

i

sz

a

r

o

ści

• Wartość piksela

opisuje liczba od 0

do 255

• 1 kanał

Tryb

ind

e

ksow

a

n

y

• Wartość piksela

opisuje numer

barwy z palety

barw

(32)

Kolor i światło – poziomy

32

informatyka +

• Dostosowywanie jasności i kontrastu • Dostosowywanie kanałów R,G,B • Narzędzia kolorów/ Poziomy • Histogram • Zapis ustawień do pliku

(33)

Kolor i światło – krzywe

33

informatyka +

• Funkcja matematyczna • Krzywa odręczna • Punkty kontrolne • Słaby kontrast, brak

głębi odcieni,

nienaturalne kolory • Rozkład cieni,

(34)

Kolor i światło – progowanie

34

informatyka +

• Zaznaczenie obszarów o określonej intensywności • Narzędzia kolorów/ Progowanie • Histogram • Wydobywanie szczegółów

(35)

Kolor i światło – balans kolorów

35

informatyka +

• Narzędzia kolorów/ Balans kolorów • Dostosowanie kolorystyki w zakresie cieni, półtonów, świateł

(36)

Narzędzia profesjonalnego fotoretuszu – klonowanie

36

informatyka +

• Usuwanie defektów

cery, plam, śladów, śmieci, reklam

• C -> Źródło –Obraz ->

Tryb –Zwykły -> Krycie 100%

(37)

Podsumowanie – pytania

• Nie ma niemądrych pytań • Czego zabrakło? http://i94.photobucket.com/albums/l84/spamisyuckie/question_mark.jpg 37

informatyka +

(38)

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

38

(39)

Graficzna obróbka zdjęć

Dziękuję za uwagę 

39

(40)