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

Podobne dokumenty
Temat: Podział grafiki komputerowej

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

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.

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

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

FORMATY PLIKÓW GRAFICZNYCH

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

Grafika rastrowa i wektorowa

Formaty plików graficznych

Podstawy grafiki komputerowej. Teoria obrazu.

Przedmiot: Grafika komputerowa i projektowanie stron WWW

Kompresja obrazów i formaty plików graficznych

Obróbka grafiki cyfrowej

Grafika rastrowa (bitmapa)-

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

Grafika na stronie www

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

Gimp Grafika rastrowa (konwersatorium)

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

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

Cała prawda o plikach grafiki rastrowej

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

Podstawy użytkowania systemu Linux

Grafika komputerowa. Dla DSI II

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

Sposoby cyfrowego zapisywania obrazów

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

Warstwa Rysunek bitmapowy Rysunek wektorowy

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)

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

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

Wymagania edukacyjne na ocenę z informatyki klasa 3

Grafika komputerowa. mgr inż. Remigiusz Pokrzywiński

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

GRAFIKA KOMPUTEROWA. mgr inż. Adrian Zapała

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

INFORMATYKA WSTĘP DO GRAFIKI RASTROWEJ

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

Formaty plików graficznych

Technologie cyfrowe semestr letni 2018/2019

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

Formaty plików graficznych

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

Kryterium technika tworzenia Grafika wektorowa Grafika rastrowa

Pracownia komputerowa. Dariusz Wardecki, wyk. XI

Cyfrowe formy informacji: tekst, grafika komputerowa, video, dźwięk. Technologie Informacyjne

Projekcje multimedialne

Photoshop. Podstawy budowy obrazu komputerowego

WYMAGANIA EDUKACYJNE NA POSZCZEGÓLNE OCENY Z ZAJĘĆ ARTYSTYCZNYCH - Grafika komputerowa dla klas II-III rok szkolny 2017/2018

GRAFIKA. Rodzaje grafiki i odpowiadające im edytory

Rozdział 1. Zastosowanie komputera w życiu codziennym Rozdział 2. Elementy zestawu komputerowego...11

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

Promotor: dr inż. Adam Piórkowski. Jakub Osiadacz Marcin Wróbel

1. Reprezentacja obrazu w komputerze

GRAFIKA KOMPUTEROWA I TWORZENIE STRON WWW

GRAFIKA. Formaty plików graficznych

Grafika wektorowa, program Inkscape

Z życia grafika-webmastera

Elementy grafiki komputerowej

Grafika. Formaty zapisu obrazu cyfrowego

Kompresja danych i formaty plików graficznych

Grafika Komputerowa - wprowadzenie. Grafika Komputerowa

Rozdział 7. Przedstawienie formatu graficznego BMP.

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

Krzysztof Białek. Programy te mogą operować na dwuwymiarowej lub trójwymiarowej przestrzeni, zazwyczaj w kartezjańskim układzie odniesienia.

Reprezentacja obrazów Informacja jako obraz cyfrowy

Rodzaje plików. Podstawowe definicje.

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

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

KILKA SŁÓW O GRAFICE KOMPUTEROWEJ

Pracownia komputerowa. Dariusz Wardecki, wyk. IX

Tworzenie zasobów cyfrowych

HARMONOGRAM SZKOLENIA ECDL moduł S4 - edycja obrazów

HARMONOGRAM SZKOLENIA ECDL moduł S4 - edycja obrazów

Podstawowe definicje we współczesnej informatyce TECHNOLOGIE INFORMACYJNE

Wymagania edukacyjne na ocenę z informatyki KLASA III

Pracownia komputerowa. Dariusz Wardecki, wyk. X

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

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

Wyższa Szkoła Informatyki Stosowanej i Zarządzania

Typy plików, opracował Jan Biernat Strona 1 z 12. Typy plików

Projektowanie publikacji drukowych

Podstawy Informatyki Wykład V

Trzy kategorie: Grafika z komputera. grafika rastrowa (grafika bitmapowa lub malarska), Grafika wektorowa Grafika prezentacyjna

Klasyfikacja metod kompresji

INSTRUKCJA PRZYGOTOWANIA PLIKÓW POD LAKIER CLEAR TONER DLA MASZYNY XEROX COLOUR 1000

Klasyfikacja metod kompresji

GRAFIKA 2D (ADOBE PHOTOSHOP, COREL DRAW)

II I. SZCZEGÓŁOWY OPIS PRZEDMIOTU ZAMÓWIENIA

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

GRAFIKA RASTROWA GRAFIKA RASTROWA

Grafika w dokumencie tekstowym. Technologia Informacyjna Lekcja 26

Kursy dla uczniów K urs grafii iomputerowej Grafia rastrowa Adobe Photoshop Grafia weitorowa CorelRaAW Grafia weitorowa Adobe Illustrator

13) W pliku GIF jednocześnie przezroczyste mogą być: a) trzy kolory b) dwa kolory c) jeden kolor d) tylko tło obrazka 14) Który z dwóch plików GIF

Percepcja obrazu Podstawy grafiki komputerowej

Technologie Informacyjne

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

Transkrypt:

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 (lub czarnych i białych) punktów pikseli (ang. pixel = picture element = element obrazu), wypełniających obszar, zwykle o kształcie prostokąta. Inaczej mówiąc w grafice rastrowej obrazy tworzone są z położonych blisko siebie punktów - pikseli o różnorodnym kolorze, które w efekcie stwarzają pozorny obraz ciągły. -13- P SiO 3

-13- P SiO 4

Typowymi źródłami obrazów rastrowych są: - skanowanie optyczne obrazów analogowych - fotografia cyfrowa Sposób zapamiętania obrazu rastrowego to bitmapa - dwuwymiarowa tablica pikseli. Bitmapę charakteryzują następujące właściwości: - wysokość i szerokość bitmapy liczona jako liczba pikseli w pionie i w poziomie (rozdzielczość) - liczba bitów na piksel opisująca liczbę możliwych do uzyskania kolorów (głębia kolorów) -13- P SiO 5

Zalety: - bogactwo barw - swobodne dobieranie kontrastu, jasności, nasycenia barw - możliwość stosowania złożonych narzędzi do obróbki cyfrowych fotografii - możliwość retuszu, korekcji, różnych form montażu (fotomontażu) Wady: - duża objętość plików (zwłaszcza kolorowych obrazów) - niemożność skalowania bez utraty jakości, niska jakość obrazu przy dużych powiększeniach -13- P SiO 6

Tworzenie i edycja grafiki rastrowej programy interaktywne do obróbki grafiki rastrowej: Adobe Photoshop, Corel PhotoPaint, Corel PaintShop Pro, Ulead PhotoImpact, GIMP, ImageMagick, Krita efekt końcowy procesu skanowania obrazu analogowego fotografia cyfrowa przechwytywanie zawartości okna ekranowego aplikacji ( zrzuty ekranowe ) -13- P SiO 7

Zastosowanie: - obróbka obrazów, zdjęć cyfrowych - tworzenie obrazów, kolorowych dokumentów, ulotek - znakomicie sprawdza się w przypadku zapisywania zdjęć i realistycznych obrazów (każdy punkt może mieć inną barwę i nasycenie) - w tym przypadku jest bardziej użyteczna od wektorowej, gdyż trudno jest "przełożyć na krzywe" obraz rzeczywisty jaki widzimy w danym momencie -13- P SiO 8

Formaty zapisu ppm (Portable PixMap), zapis bez kompresji. xpm (X-Window PixMap), zapis znakowy bez kompresji, z paletą barw dowolnego rozmiaru. bmp (Bitmap), zapis bez kompresji lub z prymitywną kompresją. pcx (Paintbrush), zapis z prymitywną kompresją. gif (Graphics Interchange Format), zapis z kompresją, z paletą do 256 barw. jpeg (Joint Photo Expert Group), zapis z kompresją stratną, z bezpośrednim kodowaniem barw pikseli (bez palety). j2 (Joint Photo Expert Group 2000), zapis z kompresją stratną albo bezstratną, z bezpośrednim kodowaniem barw pikseli. png (Portable Network Graphics), zapis z kompresją. tif (Tag Image File Format), otwarty format roboczy grafiki rastrowej dla urządzeń (np. skanerów) i edytorów graficznych. djvu (Deja Vu), format zaawansowanej kompresji stratnej do przechowywania zeskanowanych wydawnictw, opracowany przez AT&T. -13- P SiO 9

Grafika wektorowa (grafika geometryczna) jest to obraz zapisany elektronicznie w postaci figur geometrycznych opisanych wzorami matematycznymi. Dzięki temu zapisowi, można pozwolić sobie na zmiany rozmiaru pliku wynikowego. Dodatkowo można dowolnie skalować obraz bez utraty jego jakości. W uzasadnionych przypadkach istnieje możliwość konwersji grafiki wektorowej do postaci grafiki rastrowej. Grafika wektorowa sprawdza się najlepiej, gdy zachodzi potrzeba stworzenia grafiki, czyli mającego stosunkowo małą ilość szczegółów, nie zaś zachowaniu fotorealizmu obecnego w obrazach. -13- P SiO 10

Przykładowe programy do grafiki wektorowej: CorelDraw, Adobe Illustrator Zalety: - skalowalność - prostota opisu - możliwość zmiany parametrów obrazu - opis przestrzeni trójwymiarowych - możliwość użycia ploterów zgodnie z metodą ich pracy - dobra konwersja do grafiki rastrowej Wady: - duża złożoność pamięciowa dla obrazów fotorealistycznych - w przypadku skomplikowanych obrazach rastrowych nieopłacalność obliczeniowa konwersji (poprzez wektoryzację) do formy wektorowej -13- P SiO 11

Przykłady użycia grafiki wektorowej: - logo, herby, flagi, godła - schematy naukowe i techniczne - mapy i plany - różnego typu znaki, np. drogowe - część graficznej twórczości artystycznej (np. komiksy) -13- P SiO 12

Edytor grafiki rastrowej http://www.online-image-editor.com/ (omówienie funkcjonalności) -13- P SiO 13

ĆWICZENIE 1 1. Pobierz plik sgb_bmp.bmp 2. Wejdź na stronę http://www.onlineimage-editor.com/ 3. Wczytaj plik sgb_bmp.bmp. 4. Zwiększ wielkość obrazka do 600px x 402px 5. Dodaj tekst (imię i nazwisko) 6. Zmień kolor na INVERT. 7. Tak przygotowaną grafikę zapisz na pulpicie i poinformuj prowadzącego. -13- P SiO 14

Edytor grafiki wektorowej http://www.janvas.com/ (omówienie funkcjonalności) -13- P SiO 15

ĆWICZENIE 2 1. Wykonaj grafikę podobną do poniższej wpisując swoje imię i nazwisko (możesz ją urozmaicić o dodatkowe figury). 2. Poinformuj prowadzącego gdy wykonasz grafikę. -13- P SiO 16