Edytory Grafiki

81
Edytory Edytory grafiki grafiki komputerowej komputerowej

description

 

Transcript of Edytory Grafiki

Page 1: Edytory Grafiki

Edytory grafiki Edytory grafiki komputerowejkomputerowej

Page 2: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

22

Spis treściSpis treści- Co to jest Co to jest obraz,jegoobraz,jego elementy elementy- Obraz w oku obserwatoraObraz w oku obserwatora- Co to jest kolorCo to jest kolor- ObjasnienieObjasnienie syntezy syntezy addytwnejaddytwnej i i subtraktywnejsubtraktywnej- Podział barwPodział barw- Co to jest PikselCo to jest Piksel- RGB co to jestRGB co to jest- ZastasowanieZastasowanie RGB RGB

Page 3: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

33

Spis treściSpis treści

- CMYK co to jestCMYK co to jest- PrzykladyPrzyklady CMYK CMYK- Co to jest kompresja stratnaCo to jest kompresja stratna- Przyklady kompresji stratnejPrzyklady kompresji stratnej- Zastosowanie kompresjiZastosowanie kompresji- Co to jest kompresja bezstratnaCo to jest kompresja bezstratna- Przyklady kompresji bezstratnejPrzyklady kompresji bezstratnej

Page 4: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

44

Spis treściSpis treści- Rodzaje edytorów grafiki + opisRodzaje edytorów grafiki + opis- Programy do edycji grafiki rastrowejProgramy do edycji grafiki rastrowej- Programy do edycji grafiki wektorowejProgramy do edycji grafiki wektorowej

- Co to jest grafika komputerowa- Co to jest grafika komputerowa- Formaty zapisu grafikiFormaty zapisu grafiki

Page 5: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

55

ObrazObraz To uwiecznienie danego momentu na To uwiecznienie danego momentu na

twardym dysku poprzez stworzenie go a twardym dysku poprzez stworzenie go a nastepnie zapisanie. nastepnie zapisanie.

Powstaje za pomocą plam barw i Powstaje za pomocą plam barw i kreski. kreski.

Obraz można wykonać na rózne Obraz można wykonać na rózne techniki graficzne, techniczne, malarskie.techniki graficzne, techniczne, malarskie.

To dokonanie zapisu treści w innej To dokonanie zapisu treści w innej formie niż pisemnej.formie niż pisemnej.

Page 6: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

66

Obraz - co to jest?Obraz - co to jest?

Obraz= światło + obiekt + obserwatorObraz= światło + obiekt + obserwator

Page 7: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

77

Budowa okaBudowa oka

Page 8: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

88

Świat do góry nogami Świat do góry nogami u obserwatora???u obserwatora???

Page 9: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

99

Elementy obrazuElementy obrazu Obraz przedmiotu na siatkówce jest Obraz przedmiotu na siatkówce jest

odwrócony "do góry nogami", co wynika z odwrócony "do góry nogami", co wynika z fizycznej budowy oka (soczewka odwraca obraz). fizycznej budowy oka (soczewka odwraca obraz).

W pierwszych dniach życia mózg człowieka W pierwszych dniach życia mózg człowieka uczy się widzieć prawidłowy obraz obracając go uczy się widzieć prawidłowy obraz obracając go by w późniejszym życiu robić to automatycznie.by w późniejszym życiu robić to automatycznie.

Oznacza to, że niemowlę widzi świat Oznacza to, że niemowlę widzi świat "postawiony na głowie" i dopiero po pewnym "postawiony na głowie" i dopiero po pewnym czasie zaczyna widzieć normalnie.czasie zaczyna widzieć normalnie.

Page 10: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

1010

Kolor- co to jest?Kolor- co to jest? KolorKolor – wrażenie psychiczne wywoływane w – wrażenie psychiczne wywoływane w

mózgu istoty gdy oko odbiera promieniowanie mózgu istoty gdy oko odbiera promieniowanie elektromagnetyczne z zakresu światła, a pisząc elektromagnetyczne z zakresu światła, a pisząc dokładniej, z widzialnej części fal świetlnych.dokładniej, z widzialnej części fal świetlnych.

Główny wpływ na to wrażenie ma skład widmowy Główny wpływ na to wrażenie ma skład widmowy promieniowania świetlnego, w drugiej kolejności promieniowania świetlnego, w drugiej kolejności ilość energii świetlnej, jednak niebagatelny udział w ilość energii świetlnej, jednak niebagatelny udział w odbiorze danej barwy ma również obecność innych odbiorze danej barwy ma również obecność innych barw w polu widzenia obserwatora, oraz jego cechy barw w polu widzenia obserwatora, oraz jego cechy osobnicze, jak zdrowie, samopoczucie, nastrój, a osobnicze, jak zdrowie, samopoczucie, nastrój, a nawet doświadczenie i wiedza w posługiwaniu się nawet doświadczenie i wiedza w posługiwaniu się zmysłem wzroku.zmysłem wzroku.

Page 11: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

1111

Walor jasnosc nasycenieWalor jasnosc nasycenie

W szerszym znaczeniuW szerszym znaczeniu barwa jest barwa jest całościowym pojęciem dotyczącym odbioru całościowym pojęciem dotyczącym odbioru opisywanych wrażeń, w opisywanych wrażeń, w węższym zaśwęższym zaś jest jest jakościowym określeniem odbieranego światła jakościowym określeniem odbieranego światła zwanym zwanym walorem barwywalorem barwy (czyli porównaniem do (czyli porównaniem do najbliższej wrażeniowo barwy prostej),najbliższej wrażeniowo barwy prostej), a wtórują a wtórują temu pojęcia temu pojęcia jasności barwyjasności barwy (czyli udziałowi (czyli udziałowi ilości światła pochodzącego z danej barwy w ilości światła pochodzącego z danej barwy w stosunku do ogółu bieżących warunków stosunku do ogółu bieżących warunków oświetleniowych),oświetleniowych), oraz oraz nasycenia barwynasycenia barwy (czyli (czyli udziałowi achromatyczności w danej barwie). udziałowi achromatyczności w danej barwie).

Page 12: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

1212

Synteza addytywnaSynteza addytywna Zjawisko mieszania Zjawisko mieszania barwbarw

poprzez sumowanie wiązek poprzez sumowanie wiązek światła widzialnego różnych światła widzialnego różnych długości. Synteza addytywna długości. Synteza addytywna dwóch barw dwóch barw przeciwstawnych z koła barw przeciwstawnych z koła barw daje światło o barwie białej daje światło o barwie białej (teoretycznie, pod (teoretycznie, pod warunkiem precyzyjnej warunkiem precyzyjnej przeciwstawności barw i przeciwstawności barw i równego natężenia obu równego natężenia obu strumieni).strumieni).

Page 13: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

1313

Synteza zachodzi…Synteza zachodzi… Synteza addytywna zachodzi np. podczas Synteza addytywna zachodzi np. podczas

projekcji na biały ekran światła ze źródeł o projekcji na biały ekran światła ze źródeł o różnych barwach: w miejscu oświetlonym różnych barwach: w miejscu oświetlonym jednocześnie różnymi barwami światła oko jednocześnie różnymi barwami światła oko ludzkie widzi odbity strumień światła będący ludzkie widzi odbity strumień światła będący sumą wszystkich padających w to miejsce barw sumą wszystkich padających w to miejsce barw (w widzianym przez nas strumieniu odbitym (w widzianym przez nas strumieniu odbitym występują na raz wszystkie długości fal występują na raz wszystkie długości fal odpowiadające poszczególnym strumieniom odpowiadające poszczególnym strumieniom światła padającego).światła padającego).

Page 14: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

1414

Wykorzystanie addywnejWykorzystanie addywnej

W oparciu o syntezę addywną mieszania W oparciu o syntezę addywną mieszania barw pracują monitory oraz inne wyświetlacze barw pracują monitory oraz inne wyświetlacze kolorowe, emitując wiązki świateł kolorowe, emitując wiązki świateł RedRed (czerwony), (czerwony), GreenGreen (zielony), (zielony), BlueBlue (niebieski) (niebieski) (RGB). Czarny ekran to wynik braku emisji (RGB). Czarny ekran to wynik braku emisji światła, a biały to wynik złożenia świateł R + G + światła, a biały to wynik złożenia świateł R + G + B z maksymalną jasnością. B z maksymalną jasnością.

Page 15: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

1515

Synteza subtraktywnaSynteza subtraktywna Zjawisko mieszania Zjawisko mieszania barw barw

poprzez odejmowanie poprzez odejmowanie promieniowań widzialnych promieniowań widzialnych różnych długości różnych długości (najczęściej poprzez (najczęściej poprzez pochłanianie niektórych pochłanianie niektórych długości fal przez długości fal przez powierzchnię, od której powierzchnię, od której odbija się światło białe, lub odbija się światło białe, lub szeregowo ustawionych szeregowo ustawionych filtrów światła filtrów światła przechodzącego przez nie). przechodzącego przez nie).

Page 16: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

1616

Synteza zachodzi…Synteza zachodzi… Synteza subtraktywna zachodzi np. przy Synteza subtraktywna zachodzi np. przy

mieszaniu farb o różnych barwach: w miejscu mieszaniu farb o różnych barwach: w miejscu pokrytym (pomalowanym, zadrukowanym, pokrytym (pomalowanym, zadrukowanym, zabarwionym) farbą powstałą ze zmieszania farb zabarwionym) farbą powstałą ze zmieszania farb o różnych barwach oko ludzkie widzi odbity o różnych barwach oko ludzkie widzi odbity strumień światła będący tą częścią światła strumień światła będący tą częścią światła białego, która zostanie po pochłonięciu białego, która zostanie po pochłonięciu wszystkich składowych barwnych przez wszystkich składowych barwnych przez poszczególne farby wchodzące w skład poszczególne farby wchodzące w skład mieszanki.mieszanki.

Page 17: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

1717

Daje wrażenie…Daje wrażenie… Synteza subtraktywna dwóch barw Synteza subtraktywna dwóch barw

przeciwstawnych z koła barw daje wrażenie przeciwstawnych z koła barw daje wrażenie wzrokowe barwy achromatycznej (teoretycznie, wzrokowe barwy achromatycznej (teoretycznie, pod warunkiem precyzyjnej przeciwstawności pod warunkiem precyzyjnej przeciwstawności barw i pełnego pochłaniania wszystkich barw i pełnego pochłaniania wszystkich składowych barwnych poza składową odbitą).składowych barwnych poza składową odbitą).

Page 18: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

1818

Wykorzystanie subtratywnejWykorzystanie subtratywnej

Metodę tę wykorzystuje się m.in. w druku: Metodę tę wykorzystuje się m.in. w druku: druk dokonuje się na podłożu o określonej druk dokonuje się na podłożu o określonej barwie, dla uproszczenia niech to będzie biały barwie, dla uproszczenia niech to będzie biały papier. Farba drukarska, pokrywając papier papier. Farba drukarska, pokrywając papier tworzy filtr, a niepochłonięte długości fal tworzy filtr, a niepochłonięte długości fal świetlnych docierają do oka wywołując wrażenia świetlnych docierają do oka wywołując wrażenia określonej barwy.określonej barwy.

Page 19: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

1919

Podział koloruPodział koloru Barwy można podzielić na:Barwy można podzielić na: proste i złożone (w tym czyste) proste i złożone (w tym czyste) achromatyczne, monochromatyczne i achromatyczne, monochromatyczne i

chromatyczne chromatyczne podstawowe (pierwszorzędowe) i wtórne podstawowe (pierwszorzędowe) i wtórne

(pochodne, wynikowe) (drugo-, trzecio-, (pochodne, wynikowe) (drugo-, trzecio-, czwartorzędowe itd.)czwartorzędowe itd.)

Page 20: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

2020

ProsteProste

Barwy proste to Barwy proste to takie które są takie które są otrzymane z otrzymane z

rozszczepienia rozszczepienia światła białego.światła białego.

Page 21: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

2121

ZłożoneZłożone

Barwy złożone to Barwy złożone to barwy składające barwy składające się z mieszaniny się z mieszaniny barw prostych w barw prostych w

dowolnych dowolnych proporcjach.proporcjach.

Page 22: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

2222

CzysteCzyste

Barwy czyste to Barwy czyste to barwy złożone nie barwy złożone nie

posiadające posiadające domieszki domieszki

szarości.Zwane szarości.Zwane tęczowymitęczowymi

Page 23: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

2323

AchromatyczneAchromatyczneBarwy nie kolorowe to Barwy nie kolorowe to

wszystkie barwy nie wszystkie barwy nie posiadające posiadające dominanty barwnej, dominanty barwnej, a więc kolory: biały, a więc kolory: biały, czarny oraz czarny oraz wszystkie stopnie wszystkie stopnie szarości. szarości.

Page 24: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

2424

ChromatyczneChromatyczneBarwy kolorowe - Barwy kolorowe - wszystkie kolory, w wszystkie kolory, w

których można wyróżnić których można wyróżnić dominantę, choćby dominantę, choćby

niewielką, jakiejś barwy - niewielką, jakiejś barwy - a więc są to wszystkie a więc są to wszystkie

kolory prócz czerni, bieli kolory prócz czerni, bieli i wszystkich szarości i wszystkich szarości

(które nazywamy (które nazywamy barwami barwami

achromatycznymi).achromatycznymi).

Page 25: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

2525

MonochromatyczneMonochromatyczneMonochromatyczne Monochromatyczne

inaczej proste inaczej proste widmowe.Jak już widmowe.Jak już

wczesniej napisalam wczesniej napisalam barwy otrzymane z barwy otrzymane z

rozczepienia swiatla rozczepienia swiatla białego.białego.

Page 26: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

2626

PodstawowePodstawoweZestaw trzech barw, Zestaw trzech barw,

których nie można których nie można uzyskać poprzez uzyskać poprzez mieszanie innych. mieszanie innych. Zmieszanie barw Zmieszanie barw podstawowych w podstawowych w

odpowiednich odpowiednich proporcjach pozwala na proporcjach pozwala na uzyskanie każdej innej, uzyskanie każdej innej,

zwanej barwą pochodną. zwanej barwą pochodną.

Page 27: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

2727

WtórneWtórneWtórne(drugorzędowe, Wtórne(drugorzędowe, pochodne) są barwami pochodne) są barwami otrzymywanymi przez otrzymywanymi przez zmieszanie ze sobą zmieszanie ze sobą dwóch kororów barw dwóch kororów barw pierwszorzędowych pierwszorzędowych (podstawowych) w (podstawowych) w

danym modelu kolorów.danym modelu kolorów.

Page 28: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

2828

PIKSEL- co to jest??PIKSEL- co to jest??

Piksel (ang. pixel –Piksel (ang. pixel –wyraz utworzony ze wyraz utworzony ze

zbitki dwóch zbitki dwóch angielskich słów: angielskich słów: picture+element) picture+element)

jest to najmniejszy jest to najmniejszy element obrazu element obrazu bitmapowego. bitmapowego.

Page 29: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

2929

Najmiejszy elementNajmiejszy element

Jeden piksel to bardzo mały kwadrat o Jeden piksel to bardzo mały kwadrat o przeciętnym boku 0,28mm (rzadziej: prostokąt) przeciętnym boku 0,28mm (rzadziej: prostokąt) widzialny z odległości użytkowej jako wypełniony widzialny z odległości użytkowej jako wypełniony jednolitym kolorem.Piksel stanowi także jednolitym kolorem.Piksel stanowi także najmniejszy element obrazu wyświetlanego na najmniejszy element obrazu wyświetlanego na monitorze komputera. Tryb pracy monitora, a monitorze komputera. Tryb pracy monitora, a konkretnie jego rozdzielczość to właśnie liczba konkretnie jego rozdzielczość to właśnie liczba pikseli jakie zawiera on w pionie i poziomie.pikseli jakie zawiera on w pionie i poziomie.

Page 30: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

3030

PIKSELPIKSEL

Najczęstszym rozwiązaniem uzyskiwania Najczęstszym rozwiązaniem uzyskiwania różnych kolorów jest zastosowanie mieszania różnych kolorów jest zastosowanie mieszania barw w systemie RGB. Obraz składa się z barw w systemie RGB. Obraz składa się z bardzo dużej ilości bardzo dużej ilości pikselipikseli, których kolory mogą , których kolory mogą być niezależnie zmieniane. Każdy piksel składa być niezależnie zmieniane. Każdy piksel składa się z trzech tzw. subpikseli, świecących w się z trzech tzw. subpikseli, świecących w kolorach: czerwonym, zielonym i niebieskim kolorach: czerwonym, zielonym i niebieskim (zobacz zdjęcie obok).(zobacz zdjęcie obok).

Page 31: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

3131

PIKSELPIKSEL

Odpowiednie sterowanie intensywnościami Odpowiednie sterowanie intensywnościami świecenia danych subpikseli powoduje świecenia danych subpikseli powoduje powstanie wypadkowego koloru całego piksela. powstanie wypadkowego koloru całego piksela. Kolorowi białemu odpowiada maksymalna Kolorowi białemu odpowiada maksymalna intensywność świecenia wszystkich trzech intensywność świecenia wszystkich trzech składowych, kolorowi czarnemu - wszystkie składowych, kolorowi czarnemu - wszystkie subpiksele wygaszone. subpiksele wygaszone.

Page 32: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

3232

RGB- co to jestRGB- co to jest Jeden z modeli przestrzeni barw, Jeden z modeli przestrzeni barw,

opisywanej współrzędnymi RGB. opisywanej współrzędnymi RGB. Jego nazwa powstała ze złożenia Jego nazwa powstała ze złożenia pierwszych liter angielskich nazw barw; pierwszych liter angielskich nazw barw; RR – – redred (czerwonej), (czerwonej), GG – – greengreen (zielonej) (zielonej) BB – – blueblue (niebieskiej), (niebieskiej), z których model ten się składa. z których model ten się składa.

Page 33: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

3333

RGBRGB

Page 34: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

3434

RGBRGB Jest to model wynikający z właściwości Jest to model wynikający z właściwości

odbiorczych ludzkiego oka, w którym odbiorczych ludzkiego oka, w którym wrażenie widzenia dowolnej barwy można wrażenie widzenia dowolnej barwy można wywołać przez zmieszanie w ustalonych wywołać przez zmieszanie w ustalonych proporcjach trzech wiązek światła o barwie proporcjach trzech wiązek światła o barwie czerwonej, zielonej i niebieskiej.czerwonej, zielonej i niebieskiej.

Page 35: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

3535

Połaczenie barw RGBPołaczenie barw RGB Z połączenia barw RGB w dowolnych Z połączenia barw RGB w dowolnych

kombinacjach ilościowych można kombinacjach ilościowych można otrzymać szeroki zakres otrzymać szeroki zakres barw barw pochodnychpochodnych, np. z połączenia barwy , np. z połączenia barwy zielonej i czerwonej powstaje barwa żółta. zielonej i czerwonej powstaje barwa żółta. Do przestrzeni RGB ma zastosowanie Do przestrzeni RGB ma zastosowanie Synteza addytywnaSynteza addytywna, w której wartości , w której wartości najniższe oznaczają barwę czarną, najniższe oznaczają barwę czarną, najwyższe zaś białą. najwyższe zaś białą.

Page 36: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

3636

Zastosowanie RGBZastosowanie RGB Model RGB miał pierwotnie Model RGB miał pierwotnie

zastosowanie do techniki analogowej, zastosowanie do techniki analogowej, obecnie ma również do cyfrowej. Jest obecnie ma również do cyfrowej. Jest szeroko wykorzystywany w urządzeniach szeroko wykorzystywany w urządzeniach analizujących obraz (np. aparaty cyfrowe, analizujących obraz (np. aparaty cyfrowe, skanery) oraz w urządzeniach skanery) oraz w urządzeniach wyświetlających obraz (np. telewizory, wyświetlających obraz (np. telewizory, monitory komputerowe). monitory komputerowe).

Page 37: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

3737

Zapis RGBZapis RGB Zapis koloru jako RGB często stosuje się w Zapis koloru jako RGB często stosuje się w

informatyce (np. palety barw w plikach informatyce (np. palety barw w plikach graficznych, w plikach html). Najczęściej graficznych, w plikach html). Najczęściej stosowany jest 24-bitowy zapis kolorów.W stosowany jest 24-bitowy zapis kolorów.W modelu RGB 0 oznacza kolor czarny, natomiast modelu RGB 0 oznacza kolor czarny, natomiast 255 kolor biały. W rzadszych przypadkach 255 kolor biały. W rzadszych przypadkach stosuje się model, w którym przypada po 12 lub stosuje się model, w którym przypada po 12 lub 16 bitów na każdą ze składowych, co daje dużo 16 bitów na każdą ze składowych, co daje dużo większe możliwości przy manipulowaniu większe możliwości przy manipulowaniu kolorem.kolorem.

Page 38: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

3838

CMYK – co to jestCMYK – co to jest Zestaw czterech podstawowych kolorów Zestaw czterech podstawowych kolorów

farb drukarskich stosowanych powszechnie w farb drukarskich stosowanych powszechnie w druku kolorowym w poligrafii i metodach druku kolorowym w poligrafii i metodach pokrewnych (atramenty, tonery i inne materiały pokrewnych (atramenty, tonery i inne materiały barwiące w drukarkach komputerowych, barwiące w drukarkach komputerowych, kserokopiarkach itp.). Na zestaw tych kolorów kserokopiarkach itp.). Na zestaw tych kolorów mówi się również mówi się również barwy procesowebarwy procesowe lub lub kolory kolory triadowetriadowe (kolor i barwa w jęz. polskim to (kolor i barwa w jęz. polskim to synonimy). synonimy). CMYKCMYK to jednocześnie jedna z to jednocześnie jedna z przestrzeni barw w pracy z grafika przestrzeni barw w pracy z grafika komputerową. komputerową.

Page 39: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

3939

Nazwa CMYKNazwa CMYK Skrót CMYK powstał jako złożenie Skrót CMYK powstał jako złożenie

pierwszych liter angielskich nazw kolorów pierwszych liter angielskich nazw kolorów prócz koloru czarnego, z którego wzięto prócz koloru czarnego, z którego wzięto literę ostatnią, ponieważ litera B jest literę ostatnią, ponieważ litera B jest skrótem jednego z podstawowych kolorów skrótem jednego z podstawowych kolorów w analogicznym skrócie w analogicznym skrócie RGB.RGB. (Inne, mniej (Inne, mniej popularne i chyba mniej przekonujące popularne i chyba mniej przekonujące rozwinięcia skrótu K to Key color, Karbon rozwinięcia skrótu K to Key color, Karbon lub Kontur.) lub Kontur.)

Page 40: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

4040

CMYKCMYK

Page 41: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

4141

Kombinacja kolorówKombinacja kolorów

Page 42: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

4242

Zestawienie barw CMYKZestawienie barw CMYK

Page 43: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

4343

Kompresja stratnaKompresja stratna To To metody zmniejszania ilości bitówmetody zmniejszania ilości bitów

potrzebnych do wyrażenia danej potrzebnych do wyrażenia danej informacji, które informacji, które nie dają gwarancjinie dają gwarancji, że , że odtworzona informacja odtworzona informacja będzie identyczna będzie identyczna z oryginałemz oryginałem. Dla niektórych danych . Dla niektórych danych algorytm kompresji stratnej może algorytm kompresji stratnej może odtworzyć informację w sposób odtworzyć informację w sposób identyczny. identyczny.

Page 44: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

4444

ZastosowanieZastosowanieZwykle kompresję stratną stosuje się do:Zwykle kompresję stratną stosuje się do: obrazków obrazków dźwięków dźwięków ruchomych obrazów, np. w filmie ruchomych obrazów, np. w filmie

Przy danych audiowizualnych zazwyczaj Przy danych audiowizualnych zazwyczaj kompresuje się osobno dźwięk, a osobno kompresuje się osobno dźwięk, a osobno obraz.obraz.

Page 45: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

4545

Kompresja stratnaKompresja stratna

Page 46: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

4646

Kompresja stratnaKompresja stratna

Page 47: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

4747

Kompresja stratnaKompresja stratna

Page 48: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

4848

Kompresja bezstratnaKompresja bezstratna To ogólna nazwa To ogólna nazwa metod upakowania metod upakowania

informacji do postaci zawierającej informacji do postaci zawierającej zmniejszoną liczbę bitówzmniejszoną liczbę bitów, pod warunkiem, , pod warunkiem, że metoda ta gwarantuje, że informację że metoda ta gwarantuje, że informację można z tej postaci można z tej postaci odtworzyć do odtworzyć do identycznej postaci pierwotnej. identycznej postaci pierwotnej.

Page 49: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

4949

Kompresja bezstratnaKompresja bezstratna

Page 50: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

5050

Rodzaje edytorów grafikiRodzaje edytorów grafikiSą dwa główne rodzaje edytorów grafiki:Są dwa główne rodzaje edytorów grafiki:

+ edytory do grafiki + edytory do grafiki RASTROWEJRASTROWEJ

OrazOraz

+ edytory do grafiki + edytory do grafiki WEKTOROWEJWEKTOROWEJ

Page 51: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

5151

Grafika RASTROWAGrafika RASTROWA Najprostszym rodzajem edytora grafiki jest Najprostszym rodzajem edytora grafiki jest

edytor zwany „malarzem”, w którym obraz powstaje edytor zwany „malarzem”, w którym obraz powstaje przez odpowiednie zabarwienie poszczególnych przez odpowiednie zabarwienie poszczególnych punktów (pikseli) na ekranie. punktów (pikseli) na ekranie.

Obraz ten jest pamiętany w postaci Obraz ten jest pamiętany w postaci bitmapybitmapy, , czyli zbioru pikseli.czyli zbioru pikseli.

Tak powstaje grafika zwana Tak powstaje grafika zwana grafiką rastrowągrafiką rastrową. . W edytorach grafiki rastrowej edycja jest W edytorach grafiki rastrowej edycja jest

możliwa na poziomie pojedynczych pikseli, możliwa na poziomie pojedynczych pikseli, ewentualnie ich grup, np. można zmienić kolor ewentualnie ich grup, np. można zmienić kolor jednokolorowego obszaru otoczonego innym jednokolorowego obszaru otoczonego innym kolorem.kolorem.

Page 52: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

5252

Grafika WEKTOROWAGrafika WEKTOROWA W edytorach tych poszczególne fragmenty W edytorach tych poszczególne fragmenty

rysunku, tworzone w trybie rysowania rysunku, tworzone w trybie rysowania odręcznego, jak i z gotowych elementów, są odręcznego, jak i z gotowych elementów, są pamiętane za pomocą wzorów matematycznych. pamiętane za pomocą wzorów matematycznych. Każdy fragment rysunku jest osobnym obiektem Każdy fragment rysunku jest osobnym obiektem (wektorem). (wektorem).

Dzięki temu można wrócić w dowolnym Dzięki temu można wrócić w dowolnym momencie do edytowania obiektu (zmiany momencie do edytowania obiektu (zmiany koloru, wielkości oraz położenia). koloru, wielkości oraz położenia).

Można również zmieniać sposób i kolejność Można również zmieniać sposób i kolejność nakładania obiektów na siebie oraz grupować je nakładania obiektów na siebie oraz grupować je w jeden obiekt. w jeden obiekt.

Page 53: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

5353

Porównanie edytorów grafikPorównanie edytorów grafik

Rastrowa | WektorowaRastrowa | Wektorowa

Page 54: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

5454

PorównaniePorównanie Podczas powiększania obrazu Podczas powiększania obrazu

rastrowego rastrowego będzie w końcu widać będzie w końcu widać poszczególne piksele, natomiast podczas poszczególne piksele, natomiast podczas powiększania obrazu powiększania obrazu wektorowegowektorowego będzie będzie widać ostre kształty figur geometrycznych, widać ostre kształty figur geometrycznych, z których obraz jest zbudowany. z których obraz jest zbudowany.

Page 55: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

5555

Grafika RASTROWAGrafika RASTROWA

Reprezentacja Reprezentacja obrazu za pomocą obrazu za pomocą pionowo-poziomej pionowo-poziomej siatki odpowiednio siatki odpowiednio kolorowanych pikseli kolorowanych pikseli na monitorze na monitorze komputera, drukarce komputera, drukarce lub innym urządzeniu lub innym urządzeniu wyjściowym. wyjściowym.

Page 56: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

5656

GrafikaGrafika WEKTOROWA WEKTOROWA

Inaczej Inaczej OBIEKTOWA OBIEKTOWA

Wektoryzacja Wektoryzacja pozwala pominąć pozwala pominąć nieistotne, zbędne nieistotne, zbędne elementy z obrazu, co elementy z obrazu, co jest przydatne np. w jest przydatne np. w grafikach grafikach technicznych. technicznych.

Page 57: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

5757

Maskowanie w edytorze do grafiki rastrowejMaskowanie w edytorze do grafiki rastrowej

W grafice rastrowejW grafice rastrowej zaznaczaniezaznaczanie (maskowanie)(maskowanie) fragmentów rysunku to fragmentów rysunku to czynność, polegająca na wyodrębnieniu czynność, polegająca na wyodrębnieniu fragmentu rysunku, którego dotyczyć ma edycja, fragmentu rysunku, którego dotyczyć ma edycja, np. operacja kopiowania, przekształcania, np. operacja kopiowania, przekształcania, powiększania, zmiany kolorów. powiększania, zmiany kolorów.

Dzięki temu można łatwo tworzyć Dzięki temu można łatwo tworzyć kompozycje symetryczne czy z powtarzających kompozycje symetryczne czy z powtarzających się motywów. się motywów.

Page 58: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

5858

Ilustrację w edytorach do grafiki wektorowejIlustrację w edytorach do grafiki wektorowej

Ilustracje, tworzone w edytorach grafiki Ilustracje, tworzone w edytorach grafiki wektorowej, są zapisywane w specjalnych wektorowej, są zapisywane w specjalnych formatach, które uwzględniają pamiętanie formatach, które uwzględniają pamiętanie obiektów składających się na obraz. obiektów składających się na obraz.

Obrazy te można zapisać również jako Obrazy te można zapisać również jako bitmapy, ale wówczas traci się informacje o bitmapy, ale wówczas traci się informacje o obiektach składających się na rysunek. obiektach składających się na rysunek.

Page 59: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

5959

W edytorach do grafiki wektorowejW edytorach do grafiki wektorowej

Bitmapa odczytana (wstawiona, wklejona) w Bitmapa odczytana (wstawiona, wklejona) w edytorze grafiki edytorze grafiki wektorowejwektorowej jest traktowana jak jest traktowana jak obiekt, ale nie jest ona pamiętana za pomocą obiekt, ale nie jest ona pamiętana za pomocą wzorów matematycznych. wzorów matematycznych.

Podlega natomiast zmianom rozmiaru i Podlega natomiast zmianom rozmiaru i położenia. położenia.

Tylko niektóre edytory grafiki wektorowej Tylko niektóre edytory grafiki wektorowej umożliwiają przekształcenie bitmapy w obiekt umożliwiają przekształcenie bitmapy w obiekt wektorowy wektorowy

Page 60: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

6060

PołączeniePołączenie

Edytory grafiki czasem Edytory grafiki czasem łącząłączą w sobie w sobie cechy cechy grafiki rastrowej i wektorowejgrafiki rastrowej i wektorowej..

Na przykład program Picture Publisher Na przykład program Picture Publisher jest w zasadzie edytorem grafiki rastrowej, jest w zasadzie edytorem grafiki rastrowej, ale zaznaczone fragmenty rysunku mogą ale zaznaczone fragmenty rysunku mogą być traktowane jak obiekty grafiki być traktowane jak obiekty grafiki wektorowejwektorowej

Page 61: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

6161

Zalety grafiki wektorowejZalety grafiki wektorowej skalowalność, prostota opisu, a przez możliwość skalowalność, prostota opisu, a przez możliwość

modyfikacji poprzez zmianę parametrów obrazu, modyfikacji poprzez zmianę parametrów obrazu, mniejszy rozmiar w przypadku zastosowań mniejszy rozmiar w przypadku zastosowań

niefotorealistycznych (schematy techniczne, loga, niefotorealistycznych (schematy techniczne, loga, flagi i herby, wykresy itp.), flagi i herby, wykresy itp.),

opis przestrzeni trójwymiarowych, opis przestrzeni trójwymiarowych, możliwość użycia ploterów zgodnie z metodą ich możliwość użycia ploterów zgodnie z metodą ich

pracy,pracy, bardzo dobre możliwości konwersji do grafiki bardzo dobre możliwości konwersji do grafiki

rastrowej.rastrowej.

Page 62: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

6262

Wady…Wady… Wśród głównych wad wymieniane są:Wśród głównych wad wymieniane są: ogromna złożoność pamięciowa dla obrazów ogromna złożoność pamięciowa dla obrazów

fotorealistycznych, fotorealistycznych, przy skomplikowanych obrazach rastrowych przy skomplikowanych obrazach rastrowych

nieopłacalność obliczeniowa konwersji (poprzez nieopłacalność obliczeniowa konwersji (poprzez wektoryzację) do formy wektorowej. wektoryzację) do formy wektorowej.

Page 63: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

6363

Najlepiej sprawdza się…Najlepiej sprawdza się… Grafika wektorowa sprawdza się najlepiej, gdy Grafika wektorowa sprawdza się najlepiej, gdy

zachodzi potrzeba stworzenia grafiki, czyli zachodzi potrzeba stworzenia grafiki, czyli mającego stosunkowo małą ilość szczegółów, nie mającego stosunkowo małą ilość szczegółów, nie zaś zachowaniu fotorealizmu obecnego w zaś zachowaniu fotorealizmu obecnego w obrazach. Odpowiednimi przykładami użycia obrazach. Odpowiednimi przykładami użycia grafiki wektorowej są:grafiki wektorowej są:

schematy naukowe i techniczneschematy naukowe i techniczne mapy i plany,mapy i plany, logo, herby, flagi, godła, logo, herby, flagi, godła, różnego typu znaki, np. drogowe, różnego typu znaki, np. drogowe, część graficznej twórczości artystycznej (np. część graficznej twórczości artystycznej (np.

komiksy),komiksy),

Page 64: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

6464

Programy ed.grafiki Programy ed.grafiki RASTROWEJRASTROWEJ

Adobe After EffectsAdobe After Effects Adobe FireworksAdobe Fireworks Adobe ImageReadyAdobe ImageReady Adobe PhotoshopAdobe Photoshop Corel PHOTO-PAINTCorel PHOTO-PAINT Corel PainterCorel Painter Deluxe PaintDeluxe Paint GIMPGIMP GIMPShopGIMPShop Hugin (program)Hugin (program) Imagine (wtyczka)Imagine (wtyczka) KolourPaintKolourPaint

KritaKrita Microsoft PaintMicrosoft Paint Microsoft Photo Editor Microsoft Photo Editor NeopaintNeopaint Paint Shop ProPaint Shop Pro Paint.NETPaint.NET PhotoFiltrePhotoFiltre Pixel (edytor graficzny)Pixel (edytor graficzny) Program malarskiProgram malarski TVPaintTVPaint Texture MakerTexture Maker Ulead PhotoImpactUlead PhotoImpact

Page 65: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

6565

Programy ed.grafiki Programy ed.grafiki WEKTOROWEJWEKTOROWEJ

Adobe After EffectsAdobe After Effects Adobe FireworksAdobe Fireworks Adobe FlashAdobe Flash Adobe Flash LiteAdobe Flash Lite Adobe FreeHandAdobe FreeHand Adobe IlustratorAdobe Ilustrator Corel DesignerCorel Designer CorelDRAWCorelDRAW

InkscapeInkscape Karbon14Karbon14 OpenOffice.org DrawOpenOffice.org Draw SodipodiSodipodi SwishSwish SynfigSynfig Xara XtremeXara Xtreme XfigXfig

Page 66: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

6666

Co to jest grafika komputerowa?Co to jest grafika komputerowa?

Grafika komputerowa to obrazy tworzone za Grafika komputerowa to obrazy tworzone za pomocą komputera i wykorzystywane w pomocą komputera i wykorzystywane w komputerze.komputerze.

Najogólniej ujmując, dotyczy tworzenia Najogólniej ujmując, dotyczy tworzenia obrazów za pomocą komputera.obrazów za pomocą komputera.

Jest to rozległa i dynamicznie rozwijająca się Jest to rozległa i dynamicznie rozwijająca się dziedzina.dziedzina.

Zajmują się nią zarówno artyści plastycy jak i Zajmują się nią zarówno artyści plastycy jak i osoby przygotowujące ilustracje do różnych osoby przygotowujące ilustracje do różnych publikacji. publikacji.

Page 67: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

6767

Formaty zapisu grafikiFormaty zapisu grafiki

Przedstawiam:Przedstawiam:GIFGIFJPGJPGPNGPNGBMPBMP

Page 68: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

6868

GIFGIF GIF to format do zapisu grafiki.Do GIF to format do zapisu grafiki.Do

zastosowan sieciowych.Jest to format zastosowan sieciowych.Jest to format nadający się tylko do zapisu obrazków z nadający się tylko do zapisu obrazków z paletą 256 kolorów, nie większą i zapisywany paletą 256 kolorów, nie większą i zapisywany jest z bezstratną kompresją LZW. jest z bezstratną kompresją LZW.

Istnieje możliwość zamiany jednego koloru Istnieje możliwość zamiany jednego koloru na przezroczystość, a także prosta animacja na przezroczystość, a także prosta animacja kilku statycznych obrazków zawartych kilku statycznych obrazków zawartych wewnątrz pojedynczego plikuwewnątrz pojedynczego pliku

Page 69: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

6969

GIFGIF Pliki z paletą 256 kolorów lub mniejszą należy Pliki z paletą 256 kolorów lub mniejszą należy

wykorzystywać do zapisu grafiki, która zawiera wykorzystywać do zapisu grafiki, która zawiera dużo obszarów o jednolitym wypełnieniu, dużo dużo obszarów o jednolitym wypełnieniu, dużo napisów i elementy na jednolitym tle.napisów i elementy na jednolitym tle.

Ze względu na to, że licencja na użycie Ze względu na to, że licencja na użycie kompresji LZW w jakichkolwiek programach, nie kompresji LZW w jakichkolwiek programach, nie jest darmowa, np.GIMP nie posiada jest darmowa, np.GIMP nie posiada bezpośredniej możliwości odczytu i zapisu tego bezpośredniej możliwości odczytu i zapisu tego formatu.formatu.

Proponuję zamiast GIF-a używać formatu PNG.Proponuję zamiast GIF-a używać formatu PNG.

Page 70: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

7070

JPGJPG Format JPG zapisuje pliki wykorzystując Format JPG zapisuje pliki wykorzystując

stratną kompresję. Oznacza to, że plik stratną kompresję. Oznacza to, że plik wyjściowy zawsze jest gorszej jakości niż wyjściowy zawsze jest gorszej jakości niż oryginał (choć nie zawsze musi być to oryginał (choć nie zawsze musi być to zauważalne gołym okiem). zauważalne gołym okiem).

Zapis w tym formacie ma tę zaletę, że Zapis w tym formacie ma tę zaletę, że możemy regulować stopień kompresji w możemy regulować stopień kompresji w zależności od rodzaju grafiki. Mniejszy stopień zależności od rodzaju grafiki. Mniejszy stopień kompresji nie niszczy tak grafiki ale odbija się to kompresji nie niszczy tak grafiki ale odbija się to na wielkości pliku. na wielkości pliku.

Page 71: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

7171

JPGJPG W np. GIMP-ie możemy "na żywo", przed W np. GIMP-ie możemy "na żywo", przed

zapisem pliku, obserwować zmiany jakości zapisem pliku, obserwować zmiany jakości grafiki w zależności od stopnia kompresji co grafiki w zależności od stopnia kompresji co pozwala nam na jej optymalny dobór.pozwala nam na jej optymalny dobór.

Ten format powinien służyć tylko do zapisu Ten format powinien służyć tylko do zapisu zdjęć, grafik z dużą ilością przejść tonalnych lub zdjęć, grafik z dużą ilością przejść tonalnych lub bardzo dużych grafik, które chcemy jak bardzo dużych grafik, które chcemy jak najbardziej skompresować.najbardziej skompresować.

Page 72: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

7272

JPGJPG Nigdy nie zapisujcie w JPG-a grafik o dużej Nigdy nie zapisujcie w JPG-a grafik o dużej

ilości obszarów o jednolitym wypełnieniu, ilości obszarów o jednolitym wypełnieniu, posiadających drobne napisy, czy rysunków posiadających drobne napisy, czy rysunków czarno-białych lub obrazków o charakterze czarno-białych lub obrazków o charakterze komiksowym, chyba, że zależy Wam bardziej na komiksowym, chyba, że zależy Wam bardziej na małej objętości pliku. Stosowanie zerowej małej objętości pliku. Stosowanie zerowej kompresji nie ma żadnego sensu w przypadku kompresji nie ma żadnego sensu w przypadku JPGów i w takim wypadku polecam użycie JPGów i w takim wypadku polecam użycie formatu PNG. formatu PNG.

Page 73: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

7373

PNGPNG Format PNG jest bardzo uniwersalny, używa Format PNG jest bardzo uniwersalny, używa

kompresji bezstratnej, tak jak GIF, ale jest ona kompresji bezstratnej, tak jak GIF, ale jest ona bardziej wydajna niż ta zastosowana w GIF-ach i bardziej wydajna niż ta zastosowana w GIF-ach i nie posiada żadnych ograniczeń licencyjnych i nie posiada żadnych ograniczeń licencyjnych i patentowych.patentowych.

W plikach o palecie 256 kolorów, lub W plikach o palecie 256 kolorów, lub mniejszej, można nim zastąpić z powodzeniem mniejszej, można nim zastąpić z powodzeniem format GIF. Pliki takie zajmują znacznie mniej format GIF. Pliki takie zajmują znacznie mniej miejsca niż GIF-y i też można uczynić jeden miejsca niż GIF-y i też można uczynić jeden kolor przezroczystym.kolor przezroczystym.

Page 74: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

7474

PNGPNG PNG nie może, niestety, zawierać w sobie PNG nie może, niestety, zawierać w sobie

animacji tak jak GIF.Pliki w formacie PNG animacji tak jak GIF.Pliki w formacie PNG można też zapisać z pełną 24 bitową paletą można też zapisać z pełną 24 bitową paletą kolorów, a także można uzyskać kolorów, a także można uzyskać przezroczystość o 256 stopniach przezroczystość o 256 stopniach "prześwitywania" za pomocą kanału alfa."prześwitywania" za pomocą kanału alfa.

Taka przezroczystość pozwala na bardzo Taka przezroczystość pozwala na bardzo ładne wtapianie grafiki na stronie internetowej, ładne wtapianie grafiki na stronie internetowej, lecz na razie jest ona wspierana tylko w Mozilli, lecz na razie jest ona wspierana tylko w Mozilli, Netscape 6 i Operze 6Netscape 6 i Operze 6

Page 75: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

7575

PNGPNG PNG o palecie 256 kolorów lub mniejszej PNG o palecie 256 kolorów lub mniejszej

stosuje się tak samo jak GIF-y.PNG z 24 bitową stosuje się tak samo jak GIF-y.PNG z 24 bitową paletą kolorów (True Color) stosuje się do paletą kolorów (True Color) stosuje się do zapisu zdjęć lub grafik z przejściami tonalnymi, a zapisu zdjęć lub grafik z przejściami tonalnymi, a z 32 bitową do zapisu "prawdziwej z 32 bitową do zapisu "prawdziwej przezroczystości".przezroczystości".

Jeśli chodzi o zdjęcia na strony WWW, to Jeśli chodzi o zdjęcia na strony WWW, to należy używać raczej formatu z kompresją należy używać raczej formatu z kompresją stratną czyli JPG (poświęcając trochę jakości, stratną czyli JPG (poświęcając trochę jakości, można zaoszczędzić na objętości pliku).można zaoszczędzić na objętości pliku).

Page 76: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

7676

BMPBMP

BMP BMP o tym formacie można powiedzieć o tym formacie można powiedzieć tylko tyle, że są takie i zapomnieć o nich.tylko tyle, że są takie i zapomnieć o nich.BMP wykorzystuje się do zapisu np. tapet BMP wykorzystuje się do zapisu np. tapet na pulpit.na pulpit. Błędem jest używanie plików BMP na Błędem jest używanie plików BMP na stronach www, co niektórzy czynią stronach www, co niektórzy czynią namiętnie…namiętnie…

Copyright Iwona Rambowicz Zs Kot Gim 2Copyright Iwona Rambowicz Zs Kot Gim 2

Page 77: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

7777

Podsumowanie prezentacjiPodsumowanie prezentacji

Prezentacja zawiera dużo informacji Prezentacja zawiera dużo informacji dotyczacych skladu grafiki komputerowej:dotyczacych skladu grafiki komputerowej:

Budowa obrazuBudowa obrazu

rodzaje kolorowrodzaje kolorow

najmiejszy elementu budowy obrazunajmiejszy elementu budowy obrazu

kompresjekompresje

edytory graficzneedytory graficzne

formaty zapisu…formaty zapisu…

Page 78: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

7878

PodziękowaniePodziękowanie

Dziękuje za wytrwałe obejrzenie Dziękuje za wytrwałe obejrzenie długiej pochłaniającej prezentacji.długiej pochłaniającej prezentacji.

Page 79: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

7979

ŹródłaŹródła

Autorka korzystała ze stron:Autorka korzystała ze stron:

www.wikipedia.plwww.wikipedia.pl

www.zsaslawno.comwww.zsaslawno.com/lekcje//lekcje/

Grafika : Grafika : www.wikipedia.plwww.wikipedia.pl

Oraz Oraz www.google.plwww.google.pl

Page 80: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

8080

Autorka Autorka

Prezentację wykonała Iwona Rambowicz Prezentację wykonała Iwona Rambowicz uczennica 3 a gimnazjum 2007/2008roku w uczennica 3 a gimnazjum 2007/2008roku w Zespole Szkół w Kotomierzu Gimnazjum Zespole Szkół w Kotomierzu Gimnazjum numer 2.numer 2.

Page 81: Edytory Grafiki

04/10/2304/10/23 COPYRIGHT Gimnazjum nr 2 IwCOPYRIGHT Gimnazjum nr 2 Iwona Rambowiczona Rambowicz

8181

KoniecKoniec

Życze miłego dnia =)Życze miłego dnia =)

Pozdrawiam…Pozdrawiam…