Grafika na stronie www

Podobne dokumenty
INFORMATYKA WSTĘP DO GRAFIKI RASTROWEJ

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

Grafika komputerowa. Dla DSI II

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

Formaty plików graficznych

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

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

dr inż. Piotr Odya dr inż. Piotr Suchomski

GRAFIKA KOMPUTEROWA. mgr inż. Adrian Zapała

Grafika rastrowa i wektorowa

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

FORMATY PLIKÓW GRAFICZNYCH

Sposoby cyfrowego zapisywania obrazów

Cała prawda o plikach grafiki rastrowej

GRAFIKA. Rodzaje grafiki i odpowiadające im edytory

Kompresja obrazów i formaty plików graficznych

Przedmiot: Grafika komputerowa i projektowanie stron WWW

Grafika rastrowa (bitmapa)-

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

Gimp Grafika rastrowa (konwersatorium)

GRAFIKA RASTROWA GRAFIKA RASTROWA

Grafika komputerowa. mgr inż. Remigiusz Pokrzywiński

Kurs grafiki komputerowej Lekcja 2. Barwa i kolor

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

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 Wybrane definicje. Katedra Informatyki i Metod Komputerowych Uniwersytet Pedagogiczny im. KEN w Krakowie apw@up.krakow.

GNU General Public License Celem licencji GNU GPL Inne rodzaje licencji. open source obrazu wyświetlanego na ekranie b)elementu drukowanego

Warstwa Rysunek bitmapowy Rysunek wektorowy

Wykład III: Kompresja danych. Studia Podyplomowe INFORMATYKA Podstawy Informatyki

Teoria światła i barwy

Obróbka grafiki cyfrowej

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

Dane i ich kodowanie. R. Robert Gajewski Wydział Inżynierii Lądowej

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

MODELE KOLORÓW. Przygotował: Robert Bednarz

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

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

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

Technologie cyfrowe semestr letni 2018/2019

Temat: Podział grafiki komputerowej

Porównanie rastrowego i wektorowego formatu zapisu obrazu cyfrowego

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

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

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

Grafika. Formaty zapisu obrazu cyfrowego

Nazwa kwalifikacji: Wykonywanie i realizacja projektów multimedialnych Oznaczenie kwalifikacji: A.25 Wersja arkusza: X

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2017 CZĘŚĆ PISEMNA

Grafika Komputerowa Wykład 1. Wstęp do grafiki komputerowej Obraz rastrowy i wektorowy. mgr inż. Michał Chwesiuk 1/22

Kryterium technika tworzenia Grafika wektorowa Grafika rastrowa

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

Podstawy grafiki komputerowej. Teoria obrazu.

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

Photoshop. Podstawy budowy obrazu komputerowego

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PISEMNA

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

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

Rozszerzenia i specyfikacja przyjmowanych przez nas plików.

Elementy grafiki komputerowej

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

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

Zasady ekspozycji i reprodukcji znaku

Rozdział 7. Przedstawienie formatu graficznego BMP.

Podstawy użytkowania systemu Linux

Formaty plików graficznych

Adam Korzeniewski p Katedra Systemów Multimedialnych

Formaty plików graficznych

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

Z życia grafika-webmastera

1. Reprezentacja obrazu w komputerze

Kompresja Stratna i Bezstratna Przegląd Najważniejszych Formatów Graficznych

Zasady edycji (cyfrowej) grafiki nieruchomej

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)

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

Kompresja danych i formaty plików graficznych

Gdy obraz jest zbudowany z małych kwadratów, zwanych pikselami, wówczas mamy do czynienia z tzw. grafiką rastrową.

Kompresja bezstratna

Grafika Komputerowa - wprowadzenie. Grafika Komputerowa

Jak poprawnie przygotować plik pod DRUK UV

GRAFIKA. Formaty plików graficznych

Anna Barwaniec Justyna Rejek

Kolor, mat. pomoc. dla technologia inf. (c) M. Żabka (12 listopada 2007) str. 1

Podstawowe pojęcia i definicje

Instrukcja przygotowania projektów do druku

Księgarnia internetowa Lubię to!» Nasza społeczność

KSIĘGA IDENTYFIKACJI WIZUALNEJ INIG-PIB EDYCJA IV XI 2013

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PISEMNA

Multimedia i grafika komputerowa

Przykładowe pytania na teście teoretycznym

Rodzaje plików. Podstawowe definicje.

Percepcja obrazu Podstawy grafiki komputerowej

Rozszerzenia i specyfikacja przyjmowanych przez nas plików.

HARMONOGRAM SZKOLENIA ECDL moduł S4 - edycja obrazów

HARMONOGRAM SZKOLENIA ECDL moduł S4 - edycja obrazów

Podstawy Informatyki Wykład V

Przestrzenie barw. 1. Model RGB

SUBLIMACJA - DRUK NA WYKROJACH

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

Pracownia komputerowa. Dariusz Wardecki, wyk. XI

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

SYLABUS/KARTA PRZEDMIOTU

Transkrypt:

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 to Corel Draw Adobe Ilustrator, Autocad Grafika rastrowa (bitmapa) To grafika tworzona z leżących blisko siebie punktów (pikseli) Stosowana jest przede wszystkim do edycji fotografii wadą tego typu obrazów jest to,że przy powiększeniu zaczynają byd one widoczne Źródłem grafiki rastrowej jest aparat fotograficzny, obraz zeskanowany, Popularne programy to Photoshop. gimp

Co wpływa na jakośd obrazu Rozdzielczośd obrazu Rozdzielczośd geometryczna : określa liczbę pikseli przypadających na jednostkę długości obrazu (liczbę pikseli na cal) Rozdzielczośd radiometryczna: określa jasnośd obrazu Rozmiar obrazu Głębia koloru Określa liczbę barw możliwych do uzyskania w obrazie. Jednostką głębi jest bit na piksel bpp Obrazy wykorzystujące głębie 24 bpp nazywamy True Color

Pikselizacja- zjawisko deformacji obrazu polegające na jego wyświetlaniu w sposób widoczny, ukazując poszczególne wiązki piksel Kadrowanie zmiana rozmiaru obiektu graficznego z jednoczesnym usunięciem zbędnych obszarów Gradient tonalne przejście między kolejnymi barwami Warstwa obszar mający rozmiar obrazu, który można niezależnie od pozostałych elementów edytowad i pozycjonowad Skalowanie - zmiana rozmiaru obrazu

Saturacja koloru nasycenie koloru Kanał alfa służy do zdefiniowania przeźroczystości

Do podstawowych formatów grafiki rastrowej zaliczamy BMP domyślny format sytemu Windows. Charakteryzuje się dużą wielkością pliku GIF format powszechnie stosowany do zapisu na stronach internetowych prostej grafiki lub animacji z 8-bitową głębią PNG format stworzony do zapisu na potrzeby stron TIFF standard plików graficznych przeznaczonych do wydruku, o dużej głębi JPEG format powszechnie stosowany w fotografii cyfrowej, mający dobrą jakośd obrazu, niewielkie rozmiary pliku oraz stratną kompresję xcf wewnętrzny format programu GIMP nie mający kompresji raw format zawierający wszystkie dane obrazu niezbędne do dalszej kompresji

Kompresja bezstratna to ogólna nazwa metod upakowania informacji do postaci zawierającej zmniejszoną liczbę bitów, pod warunkiem, że metoda ta gwarantuje, że informację można z tej postaci odtworzyd do identycznej postaci pierwotnej. Kompresja stratna to metody zmniejszania ilości bitów potrzebnych do wyrażenia danej informacji, które nie dają gwarancji, że odtworzona informacja będzie identyczna z oryginałem. jest możliwa ze względu na sposób działania ludzkich zmysłów, tj. wyższą wartośd pewnych części danych nad innymi. Algorytmy kompresji stratnej odrzucają najmniej istotne dane o dźwięku/obrazie, pozostawiając dane o wyższej wartości dla rozpoznawania tej informacji przez zmysły. Ilośd odrzucanych danych jest zazwyczaj określana przez stopieo kompresji.

Do podstawowych formatów grafiki wektorowej zaliczamy AI format programu adobe ilustrator SVG format do publikacji dwuwymiarowej grafiki wektorowej statycznej i animowanej na stronach internetowych SWF fromat wektorowej grafiki programu Adobe Flash CDR format programu Corel Draw

Modele barw RGB CMYK HSB

Model RGB Dowolny kolor można uzyskad składając go z trzech podstawowych kolorów Czerwony R Zielony G Niebieski B

Jak powstaje RGB Każda z barw składowych przyjmuje wartośd z zakresu od 0 do 255 Jeżeli dla wszystkich barw zostanie ustawiona wartośd 0 to otrzymamy kolor czarny Jeżeli dla wszystkich barw zostanie ustawiona wartośd 255 to otrzymamy kolor biały

Model CMY Model CMY jest dopełnieniem barw RGB. Częściej od modelu CMY spoty kamy model CMYK Oprócz barw modelu CMY zawiera on barwę black

MODEL HSV

zapis heksadecymalny czyli szesnastkowy, składa się on z sześciu znaków poprzedzonych hashem (#). Pierwsze dwa znaki definiują kolor czerwony, kolejne dwa znaki kolor zielony, ostatnie dwa znaki kolor niebieski. Za pomocą znaków: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C,D, E, F nadajemy intensywnośd danej barwie. Litery od A do F oznaczają liczby od 10 do 15.

Model hsl hsl(h, S%, L%) alternatywny do RGB model opisu kolorów, w którym kolejne składowe oznaczają: H (ang. Hue) barwa - Liczba całkowita określana w stopniach (z przedziału od 0 do 360) z tzw. koła barw: 0 - czerwony (Red), 120 - zielony (Green), 240 - niebieski (Blue) S (ang. Saturation) - nasyceniewartośd procentowa: 0% - szary, 100% - normalny L (ang. Lightness) - jasnośdwartośd procentowa: 0% - czarny, 50% - normalny, 100% - biały HSL jest bardzo intuicyjnym modelem opisu kolorów. Wystarczy wybrad określony odcieo z koła barw (H), a następnie odpowiednio sterowad nasyceniem (S) i jasnością (L), aby uzyskad pożądany kolor.