WSTĘP DO GRAFIKI KOMPUTEROWEJ

Podobne dokumenty
Formaty plików graficznych

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

Marysia Donten Kuba Pochrybniak

WEKTORYZACJA PRZEZ TRASOWANIE

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

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

SYLABUS/KARTA PRZEDMIOTU

WEKTORYZACJA MAP I PLANÓW

Corel Draw, Adobe Illustrator grafika wektorowa

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

Inkscape. Narzędzia informatyki

WSTĘP DO GRAFIKI KOMPUTEROWEJ

Grafika rastrowa i wektorowa

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

Grafika Komputerowa Materiały Laboratoryjne

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)

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

Corel Draw, Adobe Illustrator grafika wektorowa

SimpleX. graficzny edytor do tworzenia ilustracji naukowych. Marysia Donten Kuba Pochrybniak

Projektowanie graficzne. Wykład 2. Open Office Draw

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

Nr sprawy: 23/2011 Załącznik nr 2 do umowy PROGRAM SZKOLENIA WRAZ Z HARMONOGRAMEM CZASOWO-MERYTORYCZNYM SZKOLENIA

4. Rysowanie krzywych

Elementy grafiki komputerowej

Grafika wektorowa, program Inkscape

Grafika wektorowa w L A TEX-u

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

Kompresja danych i formaty plików graficznych

składa się z m + 1 uporządkowanych niemalejąco liczb nieujemnych. Pomiędzy p, n i m zachodzi następująca zależność:

4. Oprogramowanie OCR do rozpoznawania znaków 39

CorelDraw PROGRAM SZKOLENIA. Terminy szkolenia

KARTA KURSU. Grafika komputerowa

Porównanie rastrowego i wektorowego formatu zapisu obrazu cyfrowego

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

Szczegółowy opis przedmiotu zamówienia

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

Adobe Illustrator - projektowanie grafiki wektorowej

Tworzenie prostych obrazów wektorowych w programie CorelDRAW 12

Podstawy grafiki komputerowej

Ćwiczenia nr 7. TEMATYKA: Krzywe Bézier a

GRAFIKA 2D (ADOBE PHOTOSHOP, COREL DRAW)

Temat: Podział grafiki komputerowej

Inkscape. Menu. 1 SVG (ang. Scalable Vector Graphics) uniwersalny format dwuwymiarowej, statycznej i

Jak uzyskać efekt 3D na zdjęciach z wykorzystaniem programu InkScape

Grafika Komputerowa Wykład 6. Teksturowanie. mgr inż. Michał Chwesiuk 1/23

PROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, O STRUKTURZE PRZEDMIOTOWEJ

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

1.3. Tworzenie obiektów 3D. Rysunek 1.2. Dostępne opcje podręcznego menu dla zaznaczonego obiektu

Tworzenie poprawnych plików PDF dla systemu TrueFlow

FORMATY PLIKÓW GRAFICZNYCH

Informatyka kl. 1. Semestr I

Język SVG. Język opisu grafiki wektorowej Scalable Vector Graphics

X. ELEMENTY GRAFIKI ANIMOWANEJ

GRAFIKA INŻYNIERSKA. CorelDRAW

WYMAGANIA WSTĘPNE W ZAKRESIE WIEDZY UMIEJĘTNOŚCI I INNYCHY KOMPETENCJI

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

PDFLink. program przygotowuj¹cy dokumenty do konwersji do formatu PDF przy pomocy AFPL Ghostscriptu. podrêcznik u ytkownika

Rodzaje plików. Podstawowe definicje.

USŁUGI SZKOLENIA KOMPUTEROWEGO

Załącznik KARTA PRZEDMIOTU. KARTA PRZEDMIOTU Wydział Automatyki, Elektroniki i Informatyki, Rok akademicki: 2009/2010 KOMPUTEROWA

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

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

Moduł I 12 godzin Tradycyjne i nowe formy zatrudnienia w branży IT

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

Grafika na stronie www

Kompresja obrazów i formaty plików graficznych

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

U nas poznasz tajniki procesu twórczego, nauczysz się świadomego odbioru dzieł kultury, poznasz różnorodne techniki wizualizacyjne i projektowe...

Przedmiot: Grafika komputerowa i projektowanie stron WWW

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

Gnuplot, Postscript i narz edzia z nim zwiazane

Jarosław Kuchta Podstawy Programowania Obiektowego. Podstawy grafiki obiektowej

Opis przedmiotu zamówienia

PRZEWODNIK PO PRZEDMIOCIE

Dofinansowane szkolenia graficzne CorelDRAW na Mazowszu

OPROGRAMOWANIA DO CYFRYZACJI ZBIORÓW BIBLIOTEKI

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

Projekcje multimedialne

Z-ETI-1028 Grafika komputerowa Komputer graphics. Stacjonarne (stacjonarne / niestacjonarne) Podstawowy (podstawowy / kierunkowy / inny HES)

Pracownia komputerowa. Dariusz Wardecki, wyk. IX

Modelowanie i wstęp do druku 3D Wykład 1. Robert Banasiak

Adobe InDesign CC/CC PL : oficjalny podręcznik / Kelly Kordes Anton, John Cruise. Gliwice, cop Spis treści

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

UEK w Krakowie Janusz Stal & Grażyna Paliwoda-Pękosz

Literatura. Literatura. Nowa strona ZTP. Hasło: WYKŁADY ĆWICZENIA

Import plików programów CorelDRAW (.CDR) i Corel DESIGNER (.DES) Liczba obsługiwanych formatów plików import 12*/10 ~5 Interfejs użytkownika

KARTA PRZEDMIOTU (SYLLABUS) WYDRUK Z SYSTEMU

Modele (graficznej reprezentacji) danych przestrzennych postać danych przestrzennych

extensible Markup Language, cz. 1 Marcin Gryszkalis, mg@fork.pl

Organizacja zajęć. Wprowadzenie do programu AutoCAD

Politechnika Krakowska im. Tadeusza Kościuszki. Karta przedmiotu. obowiązuje studentów rozpoczynających studia w roku akademickim 2013/2014

GRAFIKA KOMPUTEROWA. Plan wykładu. 1. Początki grafiki komputerowej. 2. Grafika komputerowa a dziedziny pokrewne. 3. Omówienie programu przedmiotu

Pracownia komputerowa. Dariusz Wardecki, wyk. XI

KSIĘGA IDENTYFIKACJI WIZUALNEJ

Funkcjonalność Modułu Zobrazowania Operacyjnego WAZkA COP.

Synteza i obróbka obrazu. Modelowanie obiektów 3D

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

2. Informacje dodatkowe. Lokalny rynek obfituje w większe drukarnie i mniejsze agencje reklamowe. Szkoła od wielu lat współpracuje z tymi firmami.

Karta przedmiotu. obowiązuje studentów rozpoczynających studia w roku akademickim 2013/2014. Grafika komputerowa. Przedmioty kierunkowe

Opis przedmiotu zamówienia

Transkrypt:

WSTĘP DO GRAFIKI KOMPUTEROWEJ Miłosz Michalski Institute of Physics Nicolaus Copernicus University Październik 2015 1 / 15

Plan wykładu Światło, kolor, zmysł wzroku. Obraz: fotgrafia, grafika cyfrowa, poligrafia Grafika rastrowa: typowe narzędzia i techniki Grafika wektorowa: elementy i techniki Elementy grafiki 3D 2 / 15

Grafika wektorowa reprezentacja obiektów 3 / 15

Grafika wektorowa reprezentacja obiektów Obraz opisany analitycznie w wirtualnym układzie współrz. Koło(x 0, y 0, r, g l, k l, k w,...) Prostokąt(x 0, y 0, a, b, α, g l, k l, k w,...) Napis(x 0, y 0, Abc, 35pt, α, g l, k l, k w,...)... 3 / 15

Grafika wektorowa reprezentacja obiektów Obraz opisany analitycznie w wirtualnym układzie współrz. Koło(x 0, y 0, r, g l, k l, k w,...) Prostokąt(x 0, y 0, a, b, α, g l, k l, k w,...) Napis(x 0, y 0, Abc, 35pt, α, g l, k l, k w,...)... Możliwość zmiany kolejności ( wysokości ) obiektów lub ich przezroczystości 3 / 15

Grafika wektorowa krzywe Przybliżanie przez liniowe segmenty (łamane) słabe włansości skalowania 4 / 15

Grafika wektorowa krzywe Przybliżanie przez liniowe segmenty (łamane) słabe włansości skalowania Segmenty paraboliczne są nadal zbyt sztywne : nie można wymusić gładkości połączeń na obu końcach jednocześnie. 4 / 15

Grafika wektorowa krzywe b 0 a 1 (x, y ) 1 1 (x, y ) 0 0 a 0 b 1 Przybliżanie przez liniowe segmenty (łamane) słabe włansości skalowania Segmenty paraboliczne są nadal zbyt sztywne : nie można wymusić gładkości połączeń na obu końcach jednocześnie. Minimalna liczba parametrów kontrolnych 8: po 2 na współrzędne punktów końcowych i po 2 na składowe wektorów kierunkowych 4 / 15

Grafika wektorowa krzywe Łuki elementarne 3 stopnia: { x(t) = At 3 + Bt 2 + Ct + D, y(t) = Et 3 + Ft 2 + Gt + H, 0 t 1 (bardziej systematyczna konstrukcja krzywe Béziera) 5 / 15

Grafika wektorowa krzywe Łuki elementarne 3 stopnia: { x(t) = At 3 + Bt 2 + Ct + D, y(t) = Et 3 + Ft 2 + Gt + H, 0 t 1 (bardziej systematyczna konstrukcja krzywe Béziera) Krzywe sekwencje łuków elementarnych połączonych (lub nie) węzłami gładkimi lub ostrymi 5 / 15

Grafika wektorowa krzywe Béziera P b P 2 1 a c P 0 P 3 6 / 15

Grafika wektorowa krzywe Béziera P b P 2 1 a c P 0 P 3 B(t) = (1 t) 3 P0+3t(1 t) 2 P1+3t 2 (1 t)p2+t 3 P3, 0 t 1 6 / 15

Grafika wektorowa krzywe Béziera P b P 2 1 a c P 0 P 3 B(t) = (1 t) 3 P0+3t(1 t) 2 P1+3t 2 (1 t)p2+t 3 P3, 0 t 1 B (t) = 3(1 t) 2 (P1 P0) + 6t(1 t)(p2 P1) + 3t 2 (P3 P2) 6 / 15

Grafika wektorowa krzywe Béziera P b P 2 1 a c P 0 P 3 B(t) = (1 t) 3 P0+3t(1 t) 2 P1+3t 2 (1 t)p2+t 3 P3, 0 t 1 B (t) = 3(1 t) 2 (P1 P0) + 6t(1 t)(p2 P1) + 3t 2 (P3 P2) B (0) = 3 a = 3(P1 P0), B (1) = 3 c = 3(P3 P2) Wielomiany bazowe Bernsteina: b kn (t) = ( n) k t k (1 t) n k 6 / 15

Grafika wektorowa relacje między obiektami Obiekty złożone, hierarchizacja 7 / 15

Grafika wektorowa relacje między obiektami Obiekty złożone, hierarchizacja Kopie i klony obiektów 7 / 15

Obiekty wektorowe 8 / 15

Obiekty wektorowe Kontur i wypełnienie (płaskie, gradientowe, tekstura) 8 / 15

Obiekty wektorowe Kontur i wypełnienie (płaskie, gradientowe, tekstura) Konwersja obiektów na krzywe (nieograniczona edycja) ABC 8 / 15

Pozycjonowanie obiektów 22.125, 34.05 9 / 15

Pozycjonowanie obiektów 22.125, 34.05 Bezwzględne (układ współrzędnych) 9 / 15

Pozycjonowanie obiektów 22.125, 34.05 Bezwzględne (układ współrzędnych) Siatka 9 / 15

Pozycjonowanie obiektów 22.125, 34.05 Bezwzględne (układ współrzędnych) Siatka Prowadnice 9 / 15

Pozycjonowanie obiektów 22.125, 34.05 Bezwzględne (układ współrzędnych) Siatka Prowadnice Względne (krawędzie obiektów, środek, odstępy itp.) 9 / 15

Konwersja na postać wektorową trasowanie 10 / 15

Konwersja na postać wektorową trasowanie Regulacja dokładności procesu trasowania (liczba węzłów) 10 / 15

Konwersja na postać wektorową trasowanie Regulacja dokładności procesu trasowania (liczba węzłów) Regulacja stopnia wygładzenia krzywych 10 / 15

Konwersja na postać wektorową trasowanie Regulacja dokładności procesu trasowania (liczba węzłów) Regulacja stopnia wygładzenia krzywych Kontrola liczby kolorów 10 / 15

Ograniczenia trasowania Trasowanie obrazów fotograficznych 11 / 15

Ograniczenia trasowania Trasowanie map i planów Automatyczna wektoryzacja map jest zadaniem skomplikowanym 12 / 15

Grafika wektorowa oprogramowanie i formaty 13 / 15

Grafika wektorowa oprogramowanie i formaty Płatne: Corel Draw, Adobe Illustrator, Xara Designer 13 / 15

Grafika wektorowa oprogramowanie i formaty Płatne: Corel Draw, Adobe Illustrator, Xara Designer Bezpłatne: Inkscape, Open Office Draw 13 / 15

Grafika wektorowa oprogramowanie i formaty Płatne: Corel Draw, Adobe Illustrator, Xara Designer Bezpłatne: Inkscape, Open Office Draw Format SVG (WWW Consortium, 1999): bazujący na XML, dobrze integruje się z dokumentami HTML, interpretowany przez przeglądarki internetowe (także mobilne) 13 / 15

Grafika wektorowa oprogramowanie i formaty Płatne: Corel Draw, Adobe Illustrator, Xara Designer Bezpłatne: Inkscape, Open Office Draw Format SVG (WWW Consortium, 1999): bazujący na XML, dobrze integruje się z dokumentami HTML, interpretowany przez przeglądarki internetowe (także mobilne) PostScript (Adobe, 1982): język programowania (podobny do języka poleceń sterujących plotera), interpretowany przez tzw. maszyny postscriptowe (p. drukarki PS) o architekturze wykorzystującej pamięć stosową i odwrotną notację polską 13 / 15

Grafika wektorowa oprogramowanie i formaty Płatne: Corel Draw, Adobe Illustrator, Xara Designer Bezpłatne: Inkscape, Open Office Draw Format SVG (WWW Consortium, 1999): bazujący na XML, dobrze integruje się z dokumentami HTML, interpretowany przez przeglądarki internetowe (także mobilne) PostScript (Adobe, 1982): język programowania (podobny do języka poleceń sterujących plotera), interpretowany przez tzw. maszyny postscriptowe (p. drukarki PS) o architekturze wykorzystującej pamięć stosową i odwrotną notację polską Portable Document Format (Adobe, 1993): półskompilowana postać PostScriptu, wyposażona w mechanizmy hipertekstowe 13 / 15

Grafika wektorowa oprogramowanie i formaty Płatne: Corel Draw, Adobe Illustrator, Xara Designer Bezpłatne: Inkscape, Open Office Draw Format SVG (WWW Consortium, 1999): bazujący na XML, dobrze integruje się z dokumentami HTML, interpretowany przez przeglądarki internetowe (także mobilne) PostScript (Adobe, 1982): język programowania (podobny do języka poleceń sterujących plotera), interpretowany przez tzw. maszyny postscriptowe (p. drukarki PS) o architekturze wykorzystującej pamięć stosową i odwrotną notację polską Portable Document Format (Adobe, 1993): półskompilowana postać PostScriptu, wyposażona w mechanizmy hipertekstowe Formaty natywne : CDR, AI, XAR 13 / 15

Formaty plików Format SVG <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In. SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/graphics/svg/1.1/dtd/svg11.dtd"> <svg version="1.1" id="capa_1" x="0px" y="0px" width="441.344px" height="441.344px" viewbox="0 0 441.344 441.344" style="enable-background:new 0 0 441.344 441.344;" xml:space="preserve"> <g> <path d="m314.016,17.679c-36.879,0-70.09,16.419-93.344,42.648c-23.252-26.229-56.465-42.648-93.344-42.648c57.008,17.679,0,77.354,0,150.969c0,19.779, 3.338,38.813,9.184,56.989c0,0,5.301,16.4,9.997, 25.428,17.679z"/> </g> </svg> Format PS %!PS-Adobe-3.0 /cm {29.39 mul} def newpath 8 cm 6 cm 3 cm 0 180 arc closepath gsave 0.65 setgray fill grestore 0.1 cm setlinewidth stroke showpage %%EOF 14 / 15

PS vs PDF PS interpreter lista obiektów rendering rasteryzacja PDF Acrobat Reader 15 / 15

PS vs PDF PS interpreter lista obiektów rendering rasteryzacja PDF Acrobat Reader Kod postscriptowy zwykle jest generowany maszynowo (przez aplikacje), można jednak edytować go ręcznie 15 / 15

PS vs PDF PS interpreter lista obiektów rendering rasteryzacja PDF Acrobat Reader Kod postscriptowy zwykle jest generowany maszynowo (przez aplikacje), można jednak edytować go ręcznie PDF jest zasadniczo nieedytowalny (możliwe manipulowanie na poziomie stron dokumentów) 15 / 15