GRAFIKA KOMPUTEROWA. mgr inż. Adrian Zapała

Save this PDF as:
 WORD  PNG  TXT  JPG

Wielkość: px
Rozpocząć pokaz od strony:

Download "GRAFIKA KOMPUTEROWA. mgr inż. Adrian Zapała"

Transkrypt

1 GRAFIKA KOMPUTEROWA

2 GRAFIKA KOMPUTEROWA Dział informatyki zajmujący się cyfrowym przetwarzaniem obrazów przy wykorzystaniu algorytmów komputerowych. 2

3 GRAFIKA KOMPUTEROWA Rastrowa i wektorowa, 2D i 3D, Statyczna i dynamiczna. 3

4 GRAFIKA RASTROWA Grafika rastrowa (bitmapowa) podstawowym elementem strukturalnym obrazu rastrowego jest piksel. Jest to grafika mało skalowalna, co oznacza, że przy sztucznej interpolacji obrazu wzwyż lub w dół (zwiększeniu lub zmniejszeniu jego rozdzielczości), jakość obrazu maleje. Przykłady typowych obrazów rastrowych: fotografie cyfrowe, grafika stron internetowych, statyczne banery. 4

5 PIKSEL Piksel (ang. pixel, picture obraz, element jednostka składowa) podstawowy element strukturalny obrazu rastrowego. Zbiór pikseli tworzy obraz rastrowy (bitmapowy). Dla tak powstałego obrazu posługujemy się rozdzielczością i gęstością. 5

6 PIKSEL Skala 1:1 Skala 25:1 6

7 ROZDZIELCZOŚĆ OBRAZU Liczba pikseli w poziomie, oraz pionie danego obrazu np. 800 x 600 px, 1024 x 768 px. 7

8 GĘSTOŚĆ OBRAZU Liczba pikseli mieszcząca się na określonej długości. Wyraża się ją w ppi (ang. pixel per inch punktów na cal). Przykład: 300 ppi, oznacza, że na długości 1 cala = 2,54 cm, znajduje się 300 pikseli. Jest to obraz wysokiej jakości, nadający się do druku. Gęstość 96 ppi (Windows) lub 72 ppi (w Mac ach), oznacza odpowiednio 96 i 72 piksele na cal, co implikuje powstanie na wydruku obrazu niskiej jakości. Są to jednak wartości odpowiednie dla monitorów, oraz dla celów internetowych. 8

9 GŁĘBIA OBRAZU Liczba bitów kodująca barwę pojedynczego piksela. Znając wartość głębi obrazu można obliczyć liczbę kolorów, która z niej wyniknie ze wzoru k = 2 n, gdzie k liczba kolorów, n głębia obrazu. Przykłady: dla n=1, k=2 dla n=24, k=16,7 mln kolorów (tzw. tryb true color). 9

10 GŁĘBIA OBRAZU Przykład Ile razy rozmiar obrazu o rozdzielczości 1024 x 768 px i gęstości 72 ppi zmieni się jeśli będziemy chcieli przekształcić go w obraz o dobrej jakości drukarskiej? ,2cala, oraz 72ppi px : ,6cala. 72ppi px ,4cala, oraz 300ppi px : 2,5cala ppi px Dzieląc otrzymane wartości pierwszej kolumny przez wartości drugiej otrzymujemy wynik równy 4. 10

11 GRAFIKA WEKTOROWA Grafika wektorowa obraz generowany jest na podstawie wzorów matematycznych. Podczas zwiększania lub zmniejszania obrazu kolejne wartości podstawiane są na bieżąco do wzorów, dzięki czemu na każdym etapie otrzymujemy obraz o jakości równej obrazowi wyjściowemu. Podstawowym elementem używanym w grafice wektorowej są tzw. krzywe Beziera. Grafikę wektorową wykorzystuje się przede wszystkim w projektowaniu logotypów, oraz w druku. 11

12 KRZYWE BEZIERA 12

13 OBRAZ WEKTOROWY A RASTROWY Porównanie obrazu wektorowego i rastrowego po uwzględnieniu skalowania. 13

14 GRAFIKA 2D Rodzaj grafiki wykorzystujący manipulację obrazem w 2 wymiarach: x i y. 14

15 GRAFIKA 3D Rodzaj grafiki wykorzystujący manipulację obrazem w 3 wymiarach: x, y, z. 15

16 PODZIAŁ ZE WZGLĘDU NA KINETYKĘ Grafika statyczna elementy obrazu nie zmieniają położenia w funkcji czasu. Utworzona za pomocą programu GIMP, Adobe Photoshop, Corel PhotoPaint itp. Grafika dynamiczna elementy grafiki zmieniają położenie w funkcji czasu. Realizowana za pomocą języka formatów animacji, np. Flash. 16

17 PRZESTRZENIE KOLORÓW RGB ang. Red, Green, Blue, przestrzeń 24-bitowa (8 bitów na kanał), używana do wyświetlania obrazu w monitorach. Jest to przestrzeń nasycona. Liczba kolorów wynosi 256 na kanał (0 255), co stwarza w konsekwencji możliwość kombinacji ponad 16 mln możliwych do uzyskania barw: k ,

18 PRZESTRZENIE KOLORÓW CMYK (ang. Cyan, Magenta, Yellow, Black) przestrzeń węższa od RGB, mniej nasycona, używana do druku. Poszczególne kanały reprezentowane są przez wartości procentowe (0 100%), oznaczające rozbarwienie farby drukarskiej. Barwa czarna została dodana ze względu na niemożność osiągnięcia głębokiej czerni (tzw. mieszanki rich black) za pomocą farb CMY, stąd przyrostek K (od ang. BlacK lub K = ang. key = barwa klucz). 18

19 PRZESTRZENIE KOLORÓW Lab przestrzeń adekwatna do przestrzeni rozpoznawalnej okiem ludzkim. Zawiera w sobie zarówno gamuty RGB jak i CMYK. Obrazy w tej przestrzeni posiadają jeden kanał jasności L (ang. Lightness) i 2 kanały koloru A i B. 19

20 PRZESTRZENIE KOLORÓW HSB (ang. Hue, Saturation, Brightness) przestrzeń zawierająca 3 wartości barwę (wyrażaną w stopniach), nasycenie (%), jasność (%). 20

21 PRZESTRZENIE KOLORÓW Tryb indeksowany przestrzeń zawierająca 256 kolorów na 1B, stanowiąca gamut barwny plików z rozszerzeniem GIF. 21

22 PRZESTRZENIE KOLORÓW Bitmapa przestrzeń o głębi obrazu równej 1, czyli posługująca się maksymalnie 2 kolorami (białym i czarnym). 22

23 PRZESTRZENIE KOLORÓW Skala szarości przestrzeń zawierająca 256 kolorów, stanowiąca gamut barwny wszystkich odcieni koloru czarnego (wartości z zakresu 0 255). 23

24 PRZESTRZENIE KOLORÓW Próbnik kolorów programu Adobe Photoshop CS4: 24

25 Próbnik kolorów programu GIMP: PRZESTRZENIE KOLORÓW 25

26 PRZESTRZENIE KOLORÓW Paletę barw RGB tworzą więc 3 kanały: czerwony, zielony i niebieski. Każdy inny kolor, który widzimy na ekranie naszego monitora, stanowi efekt zmieszania tych trzech barw składowych. Jeśli chcemy więc zmieszać 3 farby z trzech różnych kubełków, uzyskujemy czwarty kolor, będący wynikiem mieszania. 26

27 PRZESTRZENIE KOLORÓW Jak monitor przetwarza a następnie wyświetla określone kolory? Każdy kanał RGB, może przechowywać maksymalnie 256 kombinacji (od 0 do 255) odcienia danej barwy. W sumie więc dostajemy możliwość utworzenia dużej kombinacji kolorów (256 x 256 x 256), co daje niebagatelną liczbę wynoszącą: , czyli ok. 17 mln barw! 27

28 PRZESTRZENIE KOLORÓW Jaki jest związek modelu RGB z systemem HEX (heksadecymalnym) i binarnym? Związek jest bardzo ścisły, o czym można przekonać się już w przypadku kodowania barw językiem CSS i deklarowania ich w kodzie HTML. Wiadomo bowiem, że każdy kolor arkusza stylów kaskadowych można zaprezentować na dwa sposoby. 28

29 PRZESTRZENIE KOLORÓW Pierwszym z nich jest zwykłe wprowadzenie nazwy koloru po angielsku (nazwy angielskie dotyczą tylko najważniejszych kolorów), np. gdy chcemy w kodzie HTML lub CSS zadeklarować barwę jakiegoś elementu, piszemy: color="white" <!-- przykład w kodzie HTML --> color: #FFFFFF /* przykład w kodzie CSS */ 29

30 PRZESTRZENIE KOLORÓW Co oznacza #FFFFFF? # oznacza deklarowanie liczby heksadecymalnej, natomiast FFFFFF to trzy razy po FF, a FF (16)= 255 (10), więc kolor biały otrzymamy mieszając poszczególne kanały RGB po najwyższych wartościach: R255, G255, B255. Wszystko to można sprawdzić w programach graficznych, np. Adobe Photoshop, CorelDRAW, czy GIMP, a nawet (choć w bardzo ograniczony sposób) w windowsowym Paincie. 30

31 PRZESTRZENIE KOLORÓW Dlaczego nie zadeklarować barwy w bitach metodą zero-jedynkową? Odpowiedź brzmi: dla przejrzystości. Jeśli chcielibyśmy pisząc stronę www zadeklarować powyższą barwę białą binarnie, otrzymalibyśmy sekwencję: (2) (2) (2), czyli 3 razy po 255 (dwójkowo). Jest to niepraktyczne i uciążliwe. 31

32 PRZESTRZENIE KOLORÓW Żółty: Ang.: yellow RGB: R255 G255 B0 HEX: #FFFF00 BIN: (2) (2) (2) (niedeklarowalny) 32

33 PRZESTRZENIE KOLORÓW Jeden z odcieni pomarańczowego: Ang.: coral RGB: R255 G127 B80 HEX: #FF7F50 BIN: (2) (2) (2) (niedeklarowalny) 33

34 PRZESTRZENIE KOLORÓW Jeden z odcieni zielonego: brak nazwy angielskiej RGB: R219 G154 B52 HEX: #DB9A34 BIN: (2) (2) (2) (niedeklarowalny) 34

35 UŚREDNIANIE KOLORÓW Zastanówmy się jak pod względem informatycznym działa algorytm kroplomierza (Eyedropper) w programach graficznych i filtr Średnia (Photoshop) z funkcją uśredniania kolorów? 35

36 UŚREDNIANIE KOLORÓW PRZYKŁAD 1 Wymieszanie kolorów beżowego i białego. R = = 449 / 2 = 224,5 225 G = = 433 / 2 = 216,5 217 B = = 383 / 2 = 191,5 192 beżowy (R194 G178 B128), biały (R255 G255 B255) 36

37 UŚREDNIANIE KOLORÓW PRZYKŁAD 1 Rzeczywiście, po próbkowaniu kroplomierzem (użyciu filtru Średnia) średniej z tych 2 kolorów otrzymujemy kolor zmieszany: uśredniony (R225 G217 B192) 37

38 UŚREDNIANIE KOLORÓW PRZYKŁAD 2 Wymieszanie kolorów beżowego i antracytu. R = = 248 / 2 = 124 G = = 243 / 2 = 121,5 122 B = = 181 / 2 = 90,5 91 beżowy (R194 G178 B128), antracyt (R54 G65 B53) 38

39 UŚREDNIANIE KOLORÓW PRZYKŁAD 2 Rzeczywiście, po próbkowaniu kroplomierzem (użyciu filtru Średnia) średniej z tych 2 kolorów otrzymujemy kolor zmieszany: uśredniony (R124 R122 R91) 39

40 UŚREDNIANIE KOLORÓW PRZYKŁAD 3 Wymieszanie kolorów białego, ametystowego, grafitowego i rdzawego. biały (R255 G255 B255), ametyst (R153 G102 B204) grafit (R54 G79 B69), rdzawy (R195 G68 B68) R = = 657 / 4 = 164, G = = 504 / 4 = 126 B = = 596 / 4 =

41 UŚREDNIANIE KOLORÓW PRZYKŁAD 3 Rzeczywiście, po próbkowaniu kroplomierzem (użyciu filtru Średnia) średniej z tych 4 kolorów otrzymujemy kolor zmieszany: uśredniony (R164 G126 B149) 41

42 UŚREDNIANIE KOLORÓW PRZYKŁAD 4 Wymieszanie kolorów antracytowego, błękitu królewskiego, czarnego, czerwieni żelazawej i eozyny. antracyt (R54 G65 B53), błękit królewski (R65 G105 B225) czarny (R0 G0 B0), czerwień żelazawa (R128 G24 B24), eozyna (R195 G92 B11) R = = 442 / 5 = 88,4 88 G = = 286 / 5 = 57,2 57 B = = 313 / 5 = 62,

43 UŚREDNIANIE KOLORÓW PRZYKŁAD 4 Rzeczywiście, po próbkowaniu kroplomierzem (użyciu filtru Średnia) średniej z tych 5 kolorów otrzymujemy kolor zmieszany: uśredniony (R88 G57 B63) 43

44 UŚREDNIANIE KOLORÓW Na podstawie wcześniejszych doświadczeń możemy przedstawić wzór na uśrednianie kolorów w programach graficznych: R = R 1 + R R n, n G = G 1 + G G n, n B = B 1 + B B n, n gdzie: R kanał Red, G kanał Green, B kanał Blue, n ilość kolorów. 44

45 PODSTAWOWE FORMATY RASTROWE *.jpg format kompresji stratnej, używany głównie pod zawartość internetową, oraz do przechowywania zdjęć. W ostateczności używa się go również do druku. *.gif format kompresji stratnej, używany głównie pod zawartość internetową, oraz do sporządzania animacji. Wykorzystuje gamut indeksowany. Cechują go małe rozmiary, oraz dość niska jakość. 45

46 PODSTAWOWE FORMATY RASTROWE *.png (ang. portable network graphics) format kompresji bezstratnej zalecany przez organizację W3C jako wiodący do tworzenia stron pod zawartość internetową. Oferuje możliwość zapisu przezroczystości, dzięki opcji PNG-24. *.tiff format bezstratny o możliwości zapisu plików 8 lub 16 bitowych. Wykorzystuje bezstratną metodę kompresji LZW (Lempel- Ziv-Welsch), dzięki której możliwe jest uzyskanie pliku wyjściowego o małej pojemności i wysokiej jakości. 46

47 PODSTAWOWE FORMATY RASTROWE *.psd, *.psb rozszerzenia programu Photoshop dla plików odpowiednio: mniejszych i większych od 2 GB. *.xcf rozszerzenie funkcjonalne programu GIMP. Format bezstratny i natywny programu GIMP. 47

48 PODSTAWOWE FORMATY WEKTOROWE *.cdr rozszerzenie programu CorelDRAW. Wykorzystuje kompresję bezstratną. Format natywny programu. *.eps ang. Encapsulated Postr Script. Pojemnik zawierający elementy wektorowe i rastrowe będący podzbiorem języka PostScript. 48

49 PODSTAWOWE FORMATY WEKTOROWE *.ai rozszerzenie programu Illustrator. Kompresja bezstratna. Przechowuje zarówno zawartości wektorowe jak i rastrowe. *.pdf ang. Portable Document Format. Standard opracowany przez firmę Adobe, tworzący wysokiej jakości dokumenty kompozytowe (RGB i CMYK). Służy do przechowywania e-book ów, prezentacji, książek, oraz wszelkich materiałów używanych w druku cyfrowym i offsetowym. 49

50 PODSTAWOWE FORMATY ANIMACJI *.swf (ang. Shock Wave Flash) standard opracowany przez firmę Adobe, tworzący wysokiej jakości animacje wektorowe na strony www, oraz do celów prezentacyjnych. 50

51 TYPOGRAFIA Typografia dziedzina wiedzy zajmująca się odzwierciedlaniem i ułożeniem czcionek i tekstów w publikacjach. Rodzaje czcionek PostScrip t (Type 1) True Type Open Type (65000 znaków) 51

52 NAJPOPULARNIEJSZE PROGRAMY GRAFICZNE Grafika rastrowa: Adobe Photoshop Corel Photo-Paint GIMP 52

53 NAJPOPULARNIEJSZE PROGRAMY GRAFICZNE Grafika wektorowa i animacje: Adobe Illustrator CorelDRAW Inkscape Adobe Flash SwishMax 53

54 NAJPOPULARNIEJSZE PROGRAMY GRAFICZNE Skład i łamanie: Adobe InDesign QuarkXpress Corel Ventura 54

55 NAJPOPULARNIEJSZE PROGRAMY GRAFICZNE Grafika 3D i oprogramowanie CAD: 3dsMax Adobe Photoshop Extended AutoCAD SolidWorks 55

56 NAJPOPULARNIEJSZE PROGRAMY GRAFICZNE Przeglądarki graficzne, proste edytory: Adobe Bridge IrfanView ACDSee 56

INFORMATYKA WSTĘP DO GRAFIKI RASTROWEJ

INFORMATYKA WSTĘP DO GRAFIKI RASTROWEJ INFORMATYKA WSTĘP DO GRAFIKI RASTROWEJ Przygotowała mgr Joanna Guździoł e-mail: jguzdziol@wszop.edu.pl WYŻSZA SZKOŁA ZARZĄDZANIA OCHRONĄ PRACY W KATOWICACH 1. Pojęcie grafiki komputerowej Grafika komputerowa

Bardziej szczegółowo

1 LEKCJA. Definicja grafiki. Główne działy grafiki komputerowej. Programy graficzne: Grafika rastrowa. Grafika wektorowa. Grafika trójwymiarowa

1 LEKCJA. Definicja grafiki. Główne działy grafiki komputerowej. Programy graficzne: Grafika rastrowa. Grafika wektorowa. Grafika trójwymiarowa 1 LEKCJA Definicja grafiki Dział informatyki zajmujący się wykorzystaniem komputerów do generowania i przetwarzania obrazów (statycznych i dynamicznych) oraz wizualizacją danych. Główne działy grafiki

Bardziej szczegółowo

Grafika na stronie www

Grafika na stronie www Grafika na stronie www Grafika wektorowa (obiektowa) To grafika której obraz jest tworzony z obiektów podstawowych najczęściej lini, figur geomtrycznych obrazy są całkowicie skalowalne Popularne programy

Bardziej szczegółowo

Formaty plików graficznych

Formaty plików graficznych Formaty plików graficznych grafika rastowa grafika wektorowa Grafika rastrowa Grafika rastrowa służy do zapisywania zdjęć i realistycznych obrazów Jakość obrazka rastrowego jest określana przez całkowitą

Bardziej szczegółowo

GRAFIKA. Rodzaje grafiki i odpowiadające im edytory

GRAFIKA. Rodzaje grafiki i odpowiadające im edytory GRAFIKA Rodzaje grafiki i odpowiadające im edytory Obraz graficzny w komputerze Może być: utworzony automatycznie przez wybrany program (np. jako wykres w arkuszu kalkulacyjnym) lub urządzenie (np. zdjęcie

Bardziej szczegółowo

MODELE KOLORÓW. Przygotował: Robert Bednarz

MODELE KOLORÓW. Przygotował: Robert Bednarz MODELE KOLORÓW O czym mowa? Modele kolorów,, zwane inaczej systemami zapisu kolorów,, są różnorodnymi sposobami definiowania kolorów oglądanych na ekranie, na monitorze lub na wydruku. Model RGB nazwa

Bardziej szczegółowo

Grafika rastrowa i wektorowa

Grafika rastrowa i wektorowa Grafika rastrowa i wektorowa Jakie są różnice między grafiką rastrową a wektorową? Podaj przykłady programów do pracy z grafiką rastrową/wektorową? Czym są RGB, CMYK? Gdzie używamy modelu barw RGB/CMYK?

Bardziej szczegółowo

dr hab. inż. Lidia Jackowska-Strumiłło, prof. PŁ Instytut Informatyki Stosowanej, PŁ

dr hab. inż. Lidia Jackowska-Strumiłło, prof. PŁ Instytut Informatyki Stosowanej, PŁ Wydział Elektrotechniki, Elektroniki, Informatyki i Automatyki Politechnika Łódzka Środowisko pracy grafików dr hab. inż. Lidia Jackowska-Strumiłło, prof. PŁ Instytut Informatyki Stosowanej, PŁ Formaty

Bardziej szczegółowo

GRAFIKA RASTROWA GRAFIKA RASTROWA

GRAFIKA RASTROWA GRAFIKA RASTROWA GRAFIKA KOMPUTEROWA GRAFIKA RASTROWA GRAFIKA RASTROWA (raster graphic) grafika bitmapowa: prezentacja obrazu za pomocą pionowo-poziomej siatki odpowiednio kolorowanych pikseli na monitorze komputera, drukarce

Bardziej szczegółowo

Wykorzystanie grafiki wektorowej do tworzenia elementów graficznych stron i prezentacji

Wykorzystanie grafiki wektorowej do tworzenia elementów graficznych stron i prezentacji Wykorzystanie grafiki wektorowej do tworzenia elementów graficznych stron i prezentacji grafika rastrowa a grafika wektorowa -13- P SiO 2 Grafika rastrowa - obraz zapisany w tej postaci stanowi układ barwnych

Bardziej szczegółowo

Warstwa Rysunek bitmapowy Rysunek wektorowy

Warstwa Rysunek bitmapowy Rysunek wektorowy Warstwa - powierzchnia robocza w programie graficznym. Jest obszarem roboczym o określonych rozmiarach, położeniu i stopniu przeźroczystości. Warstwę należy traktować jako przeźroczystą folię na której

Bardziej szczegółowo

Kurs grafiki komputerowej Lekcja 2. Barwa i kolor

Kurs grafiki komputerowej Lekcja 2. Barwa i kolor Barwa i kolor Barwa to zjawisko, które zachodzi w trójkącie: źródło światła, przedmiot i obserwator. Zjawisko barwy jest wrażeniem powstałym u obserwatora, wywołanym przez odpowiednie długości fal świetlnych,

Bardziej szczegółowo

Sposoby cyfrowego zapisywania obrazów

Sposoby cyfrowego zapisywania obrazów Sposoby cyfrowego zapisywania obrazów Dwa typy grafiki komputerowej Dziewięddziesiąt pięd procent wszystkich obrazów, które fotografowie i artyści drukują cyfrowo, to obrazy binarne. Obraz przekształcony

Bardziej szczegółowo

GRAFIKA RASTROWA. WYKŁAD 1 Wprowadzenie do grafiki rastrowej. Jacek Wiślicki Katedra Informatyki Stosowanej

GRAFIKA RASTROWA. WYKŁAD 1 Wprowadzenie do grafiki rastrowej. Jacek Wiślicki Katedra Informatyki Stosowanej GRAFIKA RASTROWA WYKŁAD 1 Wprowadzenie do grafiki rastrowej Jacek Wiślicki Katedra Informatyki Stosowanej Grafika rastrowa i wektorowa W grafice dwuwymiarowej wyróżnia się dwa rodzaje obrazów: rastrowe,

Bardziej szczegółowo

Gimp Grafika rastrowa (konwersatorium)

Gimp Grafika rastrowa (konwersatorium) GIMP Grafika rastrowa Zjazd 1 Prowadzący: mgr Agnieszka Paradzińska 17 listopad 2013 Gimp Grafika rastrowa (konwersatorium) Przed przystąpieniem do omawiania cyfrowego przetwarzania obrazów niezbędne jest

Bardziej szczegółowo

Teoria światła i barwy

Teoria światła i barwy Teoria światła i barwy Powstanie wrażenia barwy Światło może docierać do oka bezpośrednio ze źródła światła lub po odbiciu od obiektu. Z oka do mózgu Na siatkówce tworzony pomniejszony i odwrócony obraz

Bardziej szczegółowo

Przedmiot: Grafika komputerowa i projektowanie stron WWW

Przedmiot: Grafika komputerowa i projektowanie stron WWW KARKONOSKA PAŃSTWOWA SZKOŁA WYŻSZA Kierunek: Dziennikarstwo i komunikacja społeczna Przedmiot: Grafika komputerowa i projektowanie stron WWW opracował: dr inż. Jerzy Januszewicz 1 Grafika komputerowa dział

Bardziej szczegółowo

Rozszerzenia plików graficznych do publkacji internetowych- Kasia Ząbek kl. 2dT

Rozszerzenia plików graficznych do publkacji internetowych- Kasia Ząbek kl. 2dT Rozszerzenia plików graficznych do publkacji internetowych- Kasia Ząbek kl. 2dT Plik graficzny o formacie ".tiff" TIFF (ang. Tagged Image File Format)- komputerowy format plików graficznych służy on do

Bardziej szczegółowo

Zapoznanie z rodzajami grafiki. Zapoznanie z formatami grafiki. Rozmiar oraz rozdzielczość obrazka.

Zapoznanie z rodzajami grafiki. Zapoznanie z formatami grafiki. Rozmiar oraz rozdzielczość obrazka. Zapoznanie z rodzajami grafiki. Zapoznanie z formatami grafiki. Rozmiar oraz rozdzielczość obrazka. Grafika komputerowa dziedzina informatyki zajmująca się wykorzystaniem technik komputerowych do celów

Bardziej szczegółowo

GRAFIKA RASTROWA. WYKŁAD 2 Oprogramowanie i formaty plików. Jacek Wiślicki Katedra Informatyki Stosowanej

GRAFIKA RASTROWA. WYKŁAD 2 Oprogramowanie i formaty plików. Jacek Wiślicki Katedra Informatyki Stosowanej GRAFIKA RASTROWA WYKŁAD 2 Oprogramowanie i formaty plików Jacek Wiślicki Katedra Informatyki Stosowanej Oprogramowanie Na rynku istnieje wiele programów do tworzenia i przetwarzania grafiki rastrowej.

Bardziej szczegółowo

Photoshop. Podstawy budowy obrazu komputerowego

Photoshop. Podstawy budowy obrazu komputerowego Photoshop Podstawy budowy obrazu komputerowego Wykład 1 Autor: Elżbieta Fedko O czym dzisiaj będziemy mówić? Co to jest grafika komputerowa? Budowa obrazu w grafice wektorowej i rastrowej. Zastosowanie

Bardziej szczegółowo

Grafika Komputerowa Wybrane definicje. Katedra Informatyki i Metod Komputerowych Uniwersytet Pedagogiczny im. KEN w Krakowie apw@up.krakow.

Grafika Komputerowa Wybrane definicje. Katedra Informatyki i Metod Komputerowych Uniwersytet Pedagogiczny im. KEN w Krakowie apw@up.krakow. Grafika Komputerowa Wybrane definicje Katedra Informatyki i Metod Komputerowych Uniwersytet Pedagogiczny im. KEN w Krakowie apw@up.krakow.pl Spis pojęć Grafika komputerowa Grafika wektorowa Grafika rastrowa

Bardziej szczegółowo

Do opisu kolorów używanych w grafice cyfrowej śluzą modele barw.

Do opisu kolorów używanych w grafice cyfrowej śluzą modele barw. Modele barw Do opisu kolorów używanych w grafice cyfrowej śluzą modele barw. Każdy model barw ma własna przestrzeo kolorów, a co za tym idzie- własny zakres kolorów możliwych do uzyskania oraz własny sposób

Bardziej szczegółowo

Obróbka grafiki cyfrowej

Obróbka grafiki cyfrowej Obróbka grafiki cyfrowej 1 ROZDZIELCZOŚĆ (ang. resolution) - oznacza ilość malutkich punktów, które tworzą widzialny znak w druku bądź na ekranie monitora Typowe rozdzielczości monitorów komputerowych

Bardziej szczegółowo

FORMATY PLIKÓW GRAFICZNYCH

FORMATY PLIKÓW GRAFICZNYCH FORMATY PLIKÓW GRAFICZNYCH Różnice między nimi. Ich wady i zalety. Marta Łukasik Plan prezentacji Formaty plików graficznych Grafika wektorowa Grafika rastrowa GIF PNG JPG SAV FORMATY PLIKÓW GRAFICZNYCH

Bardziej szczegółowo

Grafika rastrowa (bitmapa)-

Grafika rastrowa (bitmapa)- Grafika komputerowa Grafika rastrowa Grafika rastrowa (bitmapa)- sposób zapisu obrazów w postaci prostokątnej tablicy wartości, opisujących kolory poszczególnych punktów obrazu (prostokątów składowych).

Bardziej szczegółowo

Grafika komputerowa. Oko posiada pręciki (100 mln) dla detekcji składowych luminancji i 3 rodzaje czopków (9 mln) do detekcji koloru Żółty

Grafika komputerowa. Oko posiada pręciki (100 mln) dla detekcji składowych luminancji i 3 rodzaje czopków (9 mln) do detekcji koloru Żółty Grafika komputerowa Opracowali: dr inż. Piotr Suchomski dr inż. Piotr Odya Oko posiada pręciki (100 mln) dla detekcji składowych luminancji i 3 rodzaje czopków (9 mln) do detekcji koloru Czerwony czopek

Bardziej szczegółowo

Temat: Podział grafiki komputerowej

Temat: Podział grafiki komputerowej Temat: Podział grafiki komputerowej 1. Grafika komputerowa - wywodzi się z informatyki, ma na celu wizualizację obiektów przy pomocy komputera. Polega to m.in. na tym, aby przedstawić martwą materię w

Bardziej szczegółowo

Kryterium technika tworzenia Grafika wektorowa Grafika rastrowa

Kryterium technika tworzenia Grafika wektorowa Grafika rastrowa Grafika komputerowa Grafika komputerowa Dział informatyki zajmujący się wykorzystaniem komputerów do generowania obrazów oraz wizualizacją rzeczywistych danych. Jest obecnie narzędziem powszechnie stosowanym

Bardziej szczegółowo

Rozszerzenia i specyfikacja przyjmowanych przez nas plików.

Rozszerzenia i specyfikacja przyjmowanych przez nas plików. S P E C Y F I K A C J A Rozszerzenia i specyfikacja przyjmowanych przez nas plików. Prace przesłane do druku powinny być rozseparowane każdy layout powinien być osobnym plikiem, a nie elementem wielostronnicowego

Bardziej szczegółowo

Podstawy grafiki komputerowej. Teoria obrazu.

Podstawy grafiki komputerowej. Teoria obrazu. WAŻNE POJĘCIA GRAFIKA KOMPUTEROWA - to dział informatyki zajmujący się wykorzystaniem oprogramowania komputerowego do tworzenia, przekształcania i prezentowania obrazów rzeczywistych i wyimaginowanych.

Bardziej szczegółowo

Grafika komputerowa. Dla DSI II

Grafika komputerowa. Dla DSI II Grafika komputerowa Dla DSI II Rodzaje grafiki Tradycyjny podział grafiki oznacza wyróżnienie jej dwóch rodzajów: grafiki rastrowej oraz wektorowej. Różnica pomiędzy nimi polega na innej interpretacji

Bardziej szczegółowo

Jak poprawnie przygotować plik pod DRUK UV

Jak poprawnie przygotować plik pod DRUK UV wizytówki Jak poprawnie przygotować plik pod DRUK UV W programach Adobe Photoshop i Adobe Illustrator Jak poprawnie przygotować plik pod DRUK UV W programach Adobe Photoshop i Adobe Illustrator Spis treści

Bardziej szczegółowo

Plan wykładu. Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie. informatyka +

Plan wykładu. Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie. informatyka + Plan wykładu Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie 2 Wprowadzenie Po co obrabiamy zdjęcia Obrazy wektorowe i rastrowe Wielkość i rozdzielczość obrazu Formaty graficzne

Bardziej szczegółowo

Grafika komputerowa. mgr inż. Remigiusz Pokrzywiński

Grafika komputerowa. mgr inż. Remigiusz Pokrzywiński Grafika komputerowa mgr inż. Remigiusz Pokrzywiński Spis treści Grafika komputerowa Grafika wektorowa Grafika rastrowa Format graficzny, piksel, raster Rozdzielczość, głębia koloru Barwa Modele barw Kompresja

Bardziej szczegółowo

Plan wykładu. Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie. informatyka +

Plan wykładu. Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie. informatyka + Plan wykładu Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie 2 Po co obrabiamy zdjęcia Poprawa jasności, kontrastu, kolorów itp. Zdjęcie wykonano w niesprzyjających warunkach (złe

Bardziej szczegółowo

A3 (29,7 42,0) A4 (21,0 29,7) A5 (14,8 20,1) A6 (10,5 14,8) tylko monitor

A3 (29,7 42,0) A4 (21,0 29,7) A5 (14,8 20,1) A6 (10,5 14,8) tylko monitor O rozdzielczości i przeznaczeniu zdjęć słów kilka Często po wykonaniu zdjęć zastanawiamy się nad tym, w jakiej postaci będziemy je przechowywać i prezentować. Czy ograniczymy się tylko do przeglądania

Bardziej szczegółowo

SYLABUS ECCC MOD U Ł : C S M2 GR A F I K A KO M P U T E R O W A PO Z I O M: PO D S T A W O W Y (A)

SYLABUS ECCC MOD U Ł : C S M2 GR A F I K A KO M P U T E R O W A PO Z I O M: PO D S T A W O W Y (A) SYLABUS ECCC MOD U Ł : C S M2 GR A F I K A KO M P U T E R O W A PO Z I O M: PO D S T A W O W Y (A) GRUPA KOMPETENCJI KOMPETENCJE OBJĘTE STANDARDEM ECCC 1. Teoria grafiki komputerowej 1.1. Podstawowe pojęcia

Bardziej szczegółowo

E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści

E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, 2014 Spis treści Przewodnik po podręczniku 8 Wstęp 10 1. Hipertekstowe języki znaczników 1.1. Elementy i znaczniki

Bardziej szczegółowo

Cała prawda o plikach grafiki rastrowej

Cała prawda o plikach grafiki rastrowej ~ 1 ~ Cała prawda o plikach grafiki rastrowej Grafika rastrowa to rodzaj grafiki zapisywanej na dysku w postaci bitmapy, czyli zbioru pikseli. W edytorach grafiki rastrowej możliwa jest edycja na poziomie

Bardziej szczegółowo

Anna Barwaniec Justyna Rejek

Anna Barwaniec Justyna Rejek CMYK Anna Barwaniec Justyna Rejek Wstęp, czyli czym jest tryb koloru? Tryb koloru wyznacza metodę wyświetlania i drukowania kolorów danego obrazu pozwala zmieniać paletę barw zastosowaną do tworzenia danego

Bardziej szczegółowo

Interfejsy i multimedia w technice Wykład. Grafika. Opracował dr inż. Dariusz Trawicki Gdańsk 12.04.2011

Interfejsy i multimedia w technice Wykład. Grafika. Opracował dr inż. Dariusz Trawicki Gdańsk 12.04.2011 Interfejsy i multimedia w technice Wykład Grafika Opracował dr inż. Dariusz Trawicki Gdańsk 12.04.2011 1 Grafika jest ważnym elementem przekazu multimedialnego, dzięki której multimedia zyskują na atrakcyjności.

Bardziej szczegółowo

Elementy grafiki komputerowej

Elementy grafiki komputerowej Formaty plików w grafice komputerowej Formaty plików w grafice komputerowej formaty dla grafiki rastrowej zapis bez kompresji: BMP, RAW zapis z kompresją bezstratną: PCX, GIF, PNG, TIFF zapis z kompresją

Bardziej szczegółowo

Grafika 2D. Pojęcia podstawowe. opracowanie: Jacek Kęsik

Grafika 2D. Pojęcia podstawowe. opracowanie: Jacek Kęsik Grafika 2D Pojęcia podstawowe opracowanie: Jacek Kęsik Obraz - przedmiot, przeważnie płaski, na którym za pomocą plam barwnych i kreski, przy zastosowaniu różnych technik malarskich i graficznych autor

Bardziej szczegółowo

Grafika komputerowa dziedzina informatyki zajmująca się wykorzystaniem technik komputerowych do celów wizualizacji artystycznej oraz wizualizacji i

Grafika komputerowa dziedzina informatyki zajmująca się wykorzystaniem technik komputerowych do celów wizualizacji artystycznej oraz wizualizacji i Grafika komputerowa dziedzina informatyki zajmująca się wykorzystaniem technik komputerowych do celów wizualizacji artystycznej oraz wizualizacji i rzeczywistości. Grafika komputerowa jest obecnie narzędziem

Bardziej szczegółowo

Cyfrowe przetwarzanie obrazów i sygnałów Wykład 1 AiR III

Cyfrowe przetwarzanie obrazów i sygnałów Wykład 1 AiR III 1 Niniejszy dokument zawiera materiały do wykładu z przedmiotu Cyfrowe Przetwarzanie Obrazów i Sygnałów. Jest on udostępniony pod warunkiem wykorzystania wyłącznie do własnych, prywatnych potrzeb i może

Bardziej szczegółowo

Multimedia i grafika komputerowa

Multimedia i grafika komputerowa Część pierwsza Grafika komputerowa wprowadzenie Autor Roman Simiński Kontakt siminski@us.edu.pl www.us.edu.pl/~siminski Niniejsze opracowanie zawiera skrót treści wykładu, lektura tych materiałów nie zastąpi

Bardziej szczegółowo

Pojęcie Barwy. Grafika Komputerowa modele kolorów. Terminologia BARWY W GRAFICE KOMPUTEROWEJ. Marek Pudełko

Pojęcie Barwy. Grafika Komputerowa modele kolorów. Terminologia BARWY W GRAFICE KOMPUTEROWEJ. Marek Pudełko Grafika Komputerowa modele kolorów Marek Pudełko Pojęcie Barwy Barwa to wrażenie psychiczne wywoływane w mózgu człowieka i zwierząt, gdy oko odbiera promieniowanie elektromagnetyczne z zakresu światła

Bardziej szczegółowo

nich ma swój własny niezaleŝny od innego kolor. Matrycę takich punktów nazywamy mapą bitową lub rastrem.

nich ma swój własny niezaleŝny od innego kolor. Matrycę takich punktów nazywamy mapą bitową lub rastrem. Podstawowe pojęcia Grafika Komputerowa Zajęcia 12-1313 Reprezentacja obrazu w komputerze Reprezentacja obrazu w komputerze jest bezpośrednio związana ze sposobem działania urządzeń wyjściowych a dokładniej

Bardziej szczegółowo

Porównanie rastrowego i wektorowego formatu zapisu obrazu cyfrowego

Porównanie rastrowego i wektorowego formatu zapisu obrazu cyfrowego Porównanie rastrowego i wektorowego formatu zapisu obrazu cyfrowego Grafika wektorowa W grafice wektorowej zapis obrazu oparty jest na formułach matematycznych - jest to obraz, którego poszczególne elementy

Bardziej szczegółowo

STRONY INTERNETOWE mgr inż. Adrian Zapała

STRONY INTERNETOWE mgr inż. Adrian Zapała 1 STRONY INTERNETOWE mgr inż. Adrian Zapała STRONY INTERNETOWE Rodzaje stron internetowych statyczne (statyczny HTML + CSS) dynamiczne (PHP, ASP, technologie Flash) 2 JĘZYKI STRON WWW HTML (ang. HyperText

Bardziej szczegółowo

Kolorowy świat Obraz analogowy tonalność Obraz cyfrowy Pojęcia: głębia bitowa bpp bits per pixels RGB Rozdzielczość ppi pixels per inch Bitmapa

Kolorowy świat Obraz analogowy tonalność Obraz cyfrowy Pojęcia: głębia bitowa bpp bits per pixels RGB Rozdzielczość ppi pixels per inch Bitmapa Kolorowy świat Obraz analogowy Cecha charakterystyczną jest tonalność czyli występowanie tego samego kolorów rożnych nasyceniach i jasnościach. Tonalność odwzorowują punkty rastrowe, które mogą mieć rożną

Bardziej szczegółowo

Pracownia komputerowa. Dariusz Wardecki, wyk. XI

Pracownia komputerowa. Dariusz Wardecki, wyk. XI Pracownia komputerowa Dariusz Wardecki, wyk. XI Grafika rastrowa Grafika rastrowa Standardowe i wektorowa formaty plików i wektorowa Grafika rastrowa i wektorowa Grafika rastrowa i wektorowa Grafika rastrowa

Bardziej szczegółowo

Przygotowanie plików PDF do druku

Przygotowanie plików PDF do druku Przygotowanie plików PDF do druku w programach CorelDraw, Adobe InDesign, Adobe Photoshop Spis treści: CorelDraw: Przygotowanie pliku podstawowe informacje 2 Przygotowanie do druku pliku PDF 2 Tworzenie

Bardziej szczegółowo

Porównanie rastrowego i wektorowego formatu zapisu obrazu cyfrowego. Barbara Ptaszek Krzysztof Krupiński V WT z inf.

Porównanie rastrowego i wektorowego formatu zapisu obrazu cyfrowego. Barbara Ptaszek Krzysztof Krupiński V WT z inf. Porównanie rastrowego i wektorowego formatu zapisu obrazu cyfrowego Barbara Ptaszek Krzysztof Krupiński V WT z inf. Grafika wektorowa W grafice wektorowej zapis obrazu oparty jest na formułach matematycznych

Bardziej szczegółowo

Grafika. Formaty zapisu obrazu cyfrowego

Grafika. Formaty zapisu obrazu cyfrowego Grafika Formaty zapisu obrazu cyfrowego Od formatu pliku graficznego zależy objętość/wielkość pliku jakość obrazu przystosowanie do późniejszej edycji obrazu i zmiany jego rozmiarów. Zapis obrazu rastrowego

Bardziej szczegółowo

1. Reprezentacja obrazu w komputerze

1. Reprezentacja obrazu w komputerze 1. Reprezentacja obrazu w komputerze Uczeń: Uczeń: a. 1. Cele lekcji i. a) Wiadomości 1. zna podstawowe rodzaje plików graficznych, potrafi podać ich krótki opis oraz ich zastosowanie, 2. umie obsługiwać

Bardziej szczegółowo

ECDL/ICDL Edycja obrazów Moduł S4 Sylabus - wersja 2.0

ECDL/ICDL Edycja obrazów Moduł S4 Sylabus - wersja 2.0 ECDL/ICDL Edycja obrazów Moduł S4 Sylabus - wersja 2.0 Przeznaczenie Sylabusa Dokument ten zawiera szczegółowy Sylabus dla modułu ECDL/ICDL Edycja obrazów. Sylabus opisuje zakres wiedzy i umiejętności,

Bardziej szczegółowo

Kompresja bezstratna

Kompresja bezstratna Dawid Twardowski Wrocław, dnia 27 marca 2009 Kompresja bezstratna 1. Kompresja bezstratna plików graficznych Nieskompresowany plik graficzny TIFF poddajemy bezstratnej na trzech różnych programach: GIMP

Bardziej szczegółowo

Formaty plików graficznych

Formaty plików graficznych Formaty plików graficznych Stworzony obraz, czy to w grafice wektorowej czy to w rastrowej, można i należy zapisać w pliku. Istnieje wiele różnych formatów plików, które mogą być wykorzystane do tego celu.

Bardziej szczegółowo

Próbnik kolorów RAL K7 Określanie i standaryzacja kolorów farb ogólnego stosowania i wykończeń wnętrz

Próbnik kolorów RAL K7 Określanie i standaryzacja kolorów farb ogólnego stosowania i wykończeń wnętrz Próbnik kolorów RAL K7 Określanie i standaryzacja kolorów farb ogólnego stosowania i wykończeń wnętrz RAL K7 zawiera wszystkie z 213 kolorów biblioteki RAL CLASSIC. Próbnik przeznaczony do wygodnego i

Bardziej szczegółowo

Podstawy informatyki. Izabela Szczęch. Politechnika Poznańska

Podstawy informatyki. Izabela Szczęch. Politechnika Poznańska Podstawy informatyki Izabela Szczęch Politechnika Poznańska KOMPUTEROWA REPREZENTACJA OBRAZÓW 2 Plan wykładu Grafika rastrowa Grafika wektorowa Skalowanie obrazu Kompresja danych Popularne formaty plików

Bardziej szczegółowo

Kompresja danych i formaty plików graficznych

Kompresja danych i formaty plików graficznych Kompresja danych i formaty plików graficznych Tomasz Lewicki WWSIS, Wrocław maj 2007 Tomasz Lewicki (WWSIS, Wrocław) Archiwizacja dokumentów i danych maj 2007 1 / 21 Kompresja i dekompresja W znaczeniu

Bardziej szczegółowo

monitor zapewnia natychmiastową wizualizację wyników pracy komputera Monitor LCD (Liquid Cristal Diplay) inaczej panel ciekłokrystaliczny

monitor zapewnia natychmiastową wizualizację wyników pracy komputera Monitor LCD (Liquid Cristal Diplay) inaczej panel ciekłokrystaliczny monitor zapewnia natychmiastową wizualizację wyników pracy komputera Monitor LCD (Liquid Cristal Diplay) inaczej panel ciekłokrystaliczny 1 własności oka ludzkiego decydujące o możliwości wyświetlania

Bardziej szczegółowo

Informacje techniczno-redakcyjne

Informacje techniczno-redakcyjne Informacje techniczno-redakcyjne REKLAMY, FOTOGRAFIE, ILUSTRACJE Wymiary reklam netto*: Cała strona i okładka ( I + IV) pierwsza oraz czwarta: 280 x 205 Okładka wewnętrzna II + III oraz pierwsza stona

Bardziej szczegółowo

Reprezentacja obrazów. dr inż. Izabela Szczęch Politechnika Poznańska Podstawy informatyki

Reprezentacja obrazów. dr inż. Izabela Szczęch Politechnika Poznańska Podstawy informatyki Reprezentacja obrazów dr inż. Izabela Szczęch Politechnika Poznańska Podstawy informatyki Plan wykładu Grafika rastrowa Grafika wektorowa Skalowanie obrazu Kompresja danych Popularne formaty plików graficznych

Bardziej szczegółowo

Pracownia komputerowa. Dariusz Wardecki, wyk. IX

Pracownia komputerowa. Dariusz Wardecki, wyk. IX Pracownia komputerowa Dariusz Wardecki, wyk. IX Powtórzenie Ile bajtów zawiera tekst (ASCII)? Pracownia komputerowa!! jest najciekawsza! Kod ASCII Reprezentacje znaków Strony kodowe Standardy ISO-8859

Bardziej szczegółowo

Instrukcja przygotowania projektów do druku

Instrukcja przygotowania projektów do druku Instrukcja przygotowania projektów do druku Dobrze przygotowany projekt graficzny umożliwia wykonanie wydruku, który odwzorowuje wszystkie intencje grafika, zawarte w tym projekcie. W tym celu należy przestrzegać

Bardziej szczegółowo

WYKŁAD 11. Kolor. fiolet, indygo, niebieski, zielony, żółty, pomarańczowy, czerwony

WYKŁAD 11. Kolor. fiolet, indygo, niebieski, zielony, żółty, pomarańczowy, czerwony WYKŁAD 11 Modelowanie koloru Kolor Światło widzialne fiolet, indygo, niebieski, zielony, żółty, pomarańczowy, czerwony ~400nm ~700nm Rozróżnialność barw (przeciętna): 150 czystych barw Wrażenie koloru-trzy

Bardziej szczegółowo

Podstawy przetwarzania obrazów teledetekcyjnych. Format rastrowy

Podstawy przetwarzania obrazów teledetekcyjnych. Format rastrowy Podstawy przetwarzania obrazów teledetekcyjnych Format rastrowy Definicja rastrowego modelu danych - podstawowy element obrazu cyfrowego to piksel, uważany w danym momencie za wewnętrznie jednorodny -

Bardziej szczegółowo

Wykład II. Reprezentacja danych w technice cyfrowej. Studia Podyplomowe INFORMATYKA Podstawy Informatyki

Wykład II. Reprezentacja danych w technice cyfrowej. Studia Podyplomowe INFORMATYKA Podstawy Informatyki Studia Podyplomowe INFORMATYKA Podstawy Informatyki Wykład II Reprezentacja danych w technice cyfrowej 1 III. Reprezentacja danych w komputerze Rodzaje danych w technice cyfrowej 010010101010 001010111010

Bardziej szczegółowo

Formaty plików. graficznych, dźwiękowych, wideo

Formaty plików. graficznych, dźwiękowych, wideo Formaty plików graficznych, dźwiękowych, wideo Spis treści: Wstęp: Co to jest format? Rodzaje formatów graficznych Właściwości formatów graficznych Porównanie formatów między sobą Formaty plików dźwiękowych

Bardziej szczegółowo

Przetwarzanie obrazów wykład 1. Adam Wojciechowski

Przetwarzanie obrazów wykład 1. Adam Wojciechowski Przetwarzanie obrazów wykład 1 Adam Wojciechowski Teoria światła i barwy Światło Spektrum światła białego: 400nm 700nm fiolet - niebieski - cyan - zielony - żółty - pomarańczowy - czerwony Światło białe

Bardziej szczegółowo

Formaty plików graficznych

Formaty plików graficznych Formaty plików graficznych Stworzony obraz, czy to w grafice wektorowej czy to w rastrowej, można i należy zapisać w pliku. Istnieje wiele różnych formatów plików, które mogą być wykorzystane do tego celu.

Bardziej szczegółowo

Podstawy grafiki komputerowej

Podstawy grafiki komputerowej Podstawy grafiki komputerowej Krzysztof Gracki K.Gracki@ii.pw.edu.pl tel. (22) 6605031 Instytut Informatyki Politechniki Warszawskiej 2 Sprawy organizacyjne Krzysztof Gracki k.gracki@ii.pw.edu.pl tel.

Bardziej szczegółowo

Specyfikacja techniczna

Specyfikacja techniczna Specyfikacja techniczna przygotowania materiałów do druku na do druku wielkoformatowego Profesjonalna Drukarnia SPIS TREŚCI 1. UWAGI OGÓLNE...3 2. PODSTAWOWE DEFINICJE...3 3. UKŁAD GRAFICZNY STRONY...3

Bardziej szczegółowo

Percepcja obrazu Podstawy grafiki komputerowej

Percepcja obrazu Podstawy grafiki komputerowej Percepcja obrazu Podstawy grafiki komputerowej Światło widzialne wycinek szerokiego widma fal elektromagnetycznych 1 Narząd wzroku Narząd wzroku jest wysoko zorganizowanym analizatorem zmysłowym, którego

Bardziej szczegółowo

GRAFIKA. Formaty plików graficznych

GRAFIKA. Formaty plików graficznych GRAFIKA Formaty plików graficznych Pliki graficzne Ilustracje mogą być pamiętane jako pliki graficzne o różnych formatach. Można wyróżnić formaty, służące do pamiętania bitmap, akceptowane przez większość

Bardziej szczegółowo

Wykorzystano fragmenty wykładu Krystyny Dziubich GRAFIKA WEKTOROWA. Aplikacje i Usługi Internetowe KASK ETI Politechnika Gdańska.

Wykorzystano fragmenty wykładu Krystyny Dziubich GRAFIKA WEKTOROWA. Aplikacje i Usługi Internetowe KASK ETI Politechnika Gdańska. Wykorzystano fragmenty wykładu Krystyny Dziubich GRAFIKA WEKTOROWA Waldemar Korłub Aplikacje i Usługi Internetowe KASK ETI Politechnika Gdańska Grafika rastrowa 2 Plik graficzny jako siatka pixeli (bitmapa)

Bardziej szczegółowo

Z życia grafika-webmastera

Z życia grafika-webmastera Z życia grafika-webmastera Czasy, kiedy jedynym wymaganiem co do pracy grafika, była wyłącznie jego bujna inwencja twórcza, już dawno minęły. Grafik-webmaster, pracujący czy to jako freelancer, czy jako

Bardziej szczegółowo

SPECYFIKACJA przygotowania materiałów do druku

SPECYFIKACJA przygotowania materiałów do druku SPECYFIKACJA przygotowania materiałów do druku Cyfrowa drukarnia wielkoformatowa LaboPrint S.A. to wieloletnie doświadczenie w branży, grono najlepszych ekspertów i znakomity park maszynowy, bazujący na

Bardziej szczegółowo

KSIĘGA IDENTYFIKACJI WIZUALNEJ

KSIĘGA IDENTYFIKACJI WIZUALNEJ KSIĘGA IDENTYFIKACJI WIZUALNEJ WERSJA PODSTAWOWA 1.1 Wszelkie prawa zastrzeżone. 2017 REVA / ARQ SPIS TREŚCI 1. Identyfikacja wizualna... 4 2. Analiza logo... 5 3. Podstawowe zasady i budowa logo... 6

Bardziej szczegółowo

liczba pikseli pikseli Grafika rastrowa (bitmapowa) Grafikę rastrową mapami bitowymi Mapa bitowa (bit map)

liczba pikseli pikseli Grafika rastrowa (bitmapowa) Grafikę rastrową mapami bitowymi Mapa bitowa (bit map) Piksel - punkt, którego parametrami są współrzędne ekranu, kolor i jaskrawość. Jest najmniejszym elementem obrazu bitmapowego. Jeden piksel to bardzo mały kwadrat wypełniony w całości jednolitym kolorem.

Bardziej szczegółowo

W odniesieniu do wszystkich zajęć: Ocena dopuszczająca: Uczeń:

W odniesieniu do wszystkich zajęć: Ocena dopuszczająca: Uczeń: WYMAGANIA EDUKACYJNE niezbędne do otrzymania przez ucznia poszczególnych śródrocznych i rocznych ocen klasyfikacyjnych grafika komputerowa. W odniesieniu do wszystkich zajęć: Ocena dopuszczająca: 1. Z

Bardziej szczegółowo

Grafika inżynierska. Projekt znaczka inż. M. Janecka

Grafika inżynierska. Projekt znaczka inż. M. Janecka Grafika inżynierska Projekt znaczka inż. M. Janecka Worek Bieszczadzki Dolina Mucznego Grafika start definicja http://www.fizyka.umk.pl/~duch/wyklady/komp http://www.fizyka.umk.pl/~duch/wyklady/komp ut/w10/grafika.html

Bardziej szczegółowo

Grafika Komputerowa - wprowadzenie. Grafika Komputerowa

Grafika Komputerowa - wprowadzenie. Grafika Komputerowa Grafika Komputerowa - wprowadzenie Marek Pudełko Grafika Grafika jeden z podstawowych działów sztuk plastycznych (obok malarstwa i rzeźby). Obejmuje techniki pozwalające na powielanie rysunku na papierze

Bardziej szczegółowo

4. FORMATY PLIKÓW UŻYWANYCH W PREPRESS I DTP

4. FORMATY PLIKÓW UŻYWANYCH W PREPRESS I DTP 4. FORMATY PLIKÓW UŻYWANYCH W PREPRESS I DTP Obecnie stosuje się kilka aplikacji, które stały się wiodące na rynku poligrafii. W dziedzinie grafiki wektorowej przodują Macromedia FreeHand, Adobe Illustrator

Bardziej szczegółowo

Rozdział 7. Przedstawienie formatu graficznego BMP.

Rozdział 7. Przedstawienie formatu graficznego BMP. Rozdział 7. Przedstawienie formatu graficznego BMP. Plik graficzny o rozszerzeniu BMP jest jednym z najbardziej znanych formatów graficznych. Nazwa jego pochodzi od nazwy bitmap, opracowany został przez

Bardziej szczegółowo

1 Podstawowe pojęcia i definicje

1 Podstawowe pojęcia i definicje 1 Podstawowe pojęcia i definicje J a c e k Ta r a s i u k 1.1 Grafika wektorowa i rastrowa grafika rastrowa grafika bitmapowa grafika wektorowa Rysunek 1.1 Przykładowa grafika rastrowa (bitmapa) W grafice

Bardziej szczegółowo

P R A C A K O Ń C O W A Studiów Podyplomowych

P R A C A K O Ń C O W A Studiów Podyplomowych Wydział Fizyki i Informatyki Stosowanej Podyplomowe Studia Pedagogiczne i Zawodowe P R A C A K O Ń C O W A Studiów Podyplomowych Kierunek: Informatyka w szkole Andrzej Grych PROJEKT GAZETY LOKALNEJ Opiekun:

Bardziej szczegółowo

GRAFIKA WEKTOROWA. WYKŁAD 1 Wprowadzenie do grafiki wektorowej. Jacek Wiślicki Katedra Informatyki Stosowanej

GRAFIKA WEKTOROWA. WYKŁAD 1 Wprowadzenie do grafiki wektorowej. Jacek Wiślicki Katedra Informatyki Stosowanej GRAFIKA WEKTOROWA WYKŁAD 1 Wprowadzenie do grafiki wektorowej Jacek Wiślicki Katedra Informatyki Stosowanej Grafika rastrowa i wektorowa W grafice dwuwymiarowej wyróżnia się dwa rodzaje obrazów: rastrowe,

Bardziej szczegółowo

Realizacja projektów multimedialnych A.25.8/Kr (nr i pełna nazwa kwalifikacji)

Realizacja projektów multimedialnych A.25.8/Kr (nr i pełna nazwa kwalifikacji) Projekt współfinansowany ze środków Unii Europejskiej w ramach Europejskiego. Realizacja projektów multimedialnych A.25.8/Kr (nr i pełna nazwa kwalifikacji) Zadanie 1. Paletę maksymalnie ilu kolorów można

Bardziej szczegółowo

KONKURS PURE ART Sztuka w Twoich rękach Ogólne wymagania i zasady tworzenia projektu

KONKURS PURE ART Sztuka w Twoich rękach Ogólne wymagania i zasady tworzenia projektu KONKURS PURE ART Sztuka w Twoich rękach Ogólne wymagania i zasady tworzenia projektu 1. Podstawowe założenia i wymagania a) Zadanie konkursowe Zadaniem uczestników konkursu jest stworzenie grafiki, która

Bardziej szczegółowo

System Identyfikacji Wizualnej Ośrodka Edukacji Informatycznej i Zastosowań Komputerów w Warszawie

System Identyfikacji Wizualnej Ośrodka Edukacji Informatycznej i Zastosowań Komputerów w Warszawie 1. Kiedy należy umieścić znak firmowy OEIiZK Na wszelkich materiałach promocyjnych i reklamowych, przedsięwzięć objętych patronatem Ośrodka, współorganizowanych lub współfinansowanych przez Ośrodek. 2.

Bardziej szczegółowo

ROZDZIAŁ 1 Podstawowe pojęcia i definicje

ROZDZIAŁ 1 Podstawowe pojęcia i definicje ROZDZIAŁ 1 Podstawowe pojęcia i definicje W tym rozdziale omówiono: Grafikę wektorową i rastrową Pojęcie rozdzielczości Powiększenie obrazu Podstawową reprezentację barw Modele barw Kanały alfa Obrazy

Bardziej szczegółowo

Przykładowe pytania na teście teoretycznym

Przykładowe pytania na teście teoretycznym Przykładowe pytania na teście teoretycznym Przedmiot: Informatyka I Rok akademicki: 2014/2015 Semestr : zimowy Studia: I / Z W grafice wektorowej obraz reprezentowany jest: przez piksele przez obiekty

Bardziej szczegółowo

Obraz w informatyce. Grafika komputerowa. Przetwarzanie obrazów. Rozpoznawanie obrazów. Zastosowanie grafiki komputerowej

Obraz w informatyce. Grafika komputerowa. Przetwarzanie obrazów. Rozpoznawanie obrazów. Zastosowanie grafiki komputerowej Obraz w informatyce Obrazem zajmują się trzy dziedziny informatyki: Grafika komputerowa Przetwarzanie obrazów Rozpoznawanie obrazów Grafika komputerowa podstawowe pojęcia i zastosowania Klasa III Grafika

Bardziej szczegółowo

Ćwiczenie 2. Przetwarzanie graficzne plików. Wprowadzenie teoretyczne

Ćwiczenie 2. Przetwarzanie graficzne plików. Wprowadzenie teoretyczne Ćwiczenie Przetwarzanie graficzne plików Wprowadzenie teoretyczne ddytywne składanie kolorów (podstawowe barwy R, G, ) arwy składane addytywnie wykorzystywane są najczęściej w wyświetlaczach, czyli stosuje

Bardziej szczegółowo

Materiały dla studentów pierwszego semestru studiów podyplomowych Grafika komputerowa i techniki multimedialne rok akademicki 2011/2012 semestr zimowy

Materiały dla studentów pierwszego semestru studiów podyplomowych Grafika komputerowa i techniki multimedialne rok akademicki 2011/2012 semestr zimowy Materiały dla studentów pierwszego semestru studiów podyplomowych Grafika komputerowa i techniki multimedialne rok akademicki 2011/2012 semestr zimowy Temat: Przekształcanie fotografii cyfrowej w grafikę

Bardziej szczegółowo

Podstawy Informatyki Wykład V

Podstawy Informatyki Wykład V Nie wytaczaj armaty by zabić komara Podstawy Informatyki Wykład V Grafika rastrowa Paint Copyright by Arkadiusz Rzucidło 1 Wprowadzenie - grafika rastrowa Grafika komputerowa tworzenie i przetwarzanie

Bardziej szczegółowo