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

Transkrypt

1 Przetwarzanie Informacji Graficznej Nowa strona ZTP WYKŁADY ĆWICZENIA Grafika wektorowa Operacje na obiektach wektorowych Formaty grafiki wektorowej Wektoryzacja map bitowych Systemy OCR Zasady projektowania logo Trapping Grafika rastrowa Skanowanie Formaty grafiki rastrowej Algorytmy kompresji Korekcja i edycja zdjęć Kompresja obrazów HDR i RAW Weryfikacja prac przed drukiem Sprawdzian zaliczeniowy projekt plakatu wektoryzacja logo projekt logo i księgi znaku generowanie zalewek projekt okładki do książki weryfikacja plików korekcja i retusz zdjęć fotomontaż projekt kalendarza fotograficznego g Hasło: pigra+@ POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 1/97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 2/97 Literatura Literatura Paweł Zakrzewski Claudia McCue Kompendium DTP. Adobe Photoshop, Illustrator, Profesjonalny druk. Przygotowanie materiałów InDesign i Acrobat w praktyce. Helion, 2007 Helion, 2015 Gareth Hardy Podręcznik projektantów logo Helion 2012 Miesięcznik dla fotoamatorów POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 3/97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 4/97

2 Literatura Literatura Martin Evening Dan Margulis Mistrzowska edycja zdjęć Photoshop. Korekcja i separacja Helion, 2010 Helion, 2007 Sybil Ihrig, Emil Ihrig Sybil Ihrig, Emil Ihrig Skanowanie dla profesjonalistów Przygotowanie do druku RM, 1998 RM, 1998 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 5/97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 6/97 Seria wydawnicza COBRPP POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 7/97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 8/97

3 Grafika komputerowa dział informatyki, który zajmuje się projektowaniem algorytmów do komputerowego generowania i przetwarzania obrazów oraz wizualizacji rzeczywistych danych Przetwarzanie Informacji Graficznej Wykład I Grafika fraktalowa Grafika wektorowa Formaty zapisu grafiki wektorowej Projekt wektorowy plakatu przykładowe zastosowania kartografia wizualizacja danych pomiarowych wizualizacja symulacji komputerowych diagnostyka medyczna kreślenie i projektowanie wspomagane komputerowo (CAD) przygotowanie publikacji (DTP) efekty specjalne w filmach gry komputerowe podział sposób tworzenia i zapisu: fraktalna, wektorowa, rastrowa sposób prezentacji: 2D; 3D przeznaczenie: DTP, WWW, CAD charakter: statyczna, animowana POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 9/97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 10 /97 Grafika fraktalna Grafika fraktalna Fraktal jest figurą geometryczną o złożonej strukturze, nie będącą krzywą, powierzchnią ani bryłą Fraktale posiadają cechę samopodobieństwa (fragment obiektu jest podobny do całego obiektu) Wymiary fraktali nie są liczbami naturalnymi (są osadzone w przestrzeni 2D lub 3D) Paproć Bransleya Przykładowe zastosowania modelowanie obiektów roślinnych (trawy, krzewy, drzewa, krystalografia) modelowanie krajobrazu (chmury, góry, rzeki) struktury sieci wodociągowych określanie chropowatości powierzchni architektura anten w komunikacji mikrofalowej Kształty fraktali nie są określone wzorami, lecz zależnościami rekurencyjnymi Obiekty fraktalne można dowolnie skalować, przy ich powiększaniu i formuła ł rekurencyjna zostanie dodatkowo przeliczona, a obraz na ekranie pokazuje nowe szczegóły Obiekty fraktalne o przybliżonym samopodobieństwie: zdjęcie brokuła i brokuł wygenerowany komputerowo Obiekty fraktalne zajmują niewiele przestrzeni dyskowej, ponieważ zawierają tylko sposób generowania obrazu, a nie sam obraz, który tworzony jest w trakcie jego wyświetlania na ekranie. POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 11 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 12 /97

4 Pierwsze fraktale Gaston Maurice Julia Pierwsze fraktale Benoît Mandelbrot Pierwsze zbiory Julii powstały w wyniku przekształceń iteracyjnych wielomianu stopnia drugiego o postaci: Zbiór Mandelbrota jest podzbiorem zbioru Julii. Tworzą go punkty p, dla których ciąg opisany równaniem rekurencyjnym: Obraz graficzny obliczeń punktów ekranu na podstawie wzoru Mandelbrota: Z n+1 = Z n2 + p Z n+1 = Z n2 + c przykład zbioru Julia Z n+1 = Z n2 + p Z przebiega po liczbach zespolonych c to parametr określający wygląd zbioru W kolejnych krokach iteracji otrzymamy: Krok 0: Z n Krok 1: Z n2 + C Krok 2: (Z n2 + C) 2 + C Krok 3: ((Z n2 + C) 2 + C) 2 + C Krok 4: (((Z n2 + C) 2 + C) 2 + C) 2 + C nie dąży do nieskończoności Fraktalem jest brzeg tego zbioru; w praktyce by narysować fraktale oblicza się kolejne przybliżenia zbioru, które oznacza się różnymi kolorami Po raz pierwszy pojęcie fraktala zostało użyte przez Mandelbrota w latach 70-tych XX wieku. Po łacinie fractus oznacza podzielny, ułamkowy, cząstkowy. Nazwa ta nie ma ścisłej matematycznej definicji. Oznacza ona obiekty, które są samopodobne - czyli każda ich część przypomina całość. Mandelbrot spopularyzował geometrię fraktalną publikując w 1982 dzieło The Fractal Geometry of Nature Algorytm rysowania zbioru Mandelbrota: Dla każdego punktu ekranu monitora generowany jest ciąg {Zn} wg podanego wyżej wzoru współrzędna x punktu ekranu przyjmowana jest jako część rzeczywista parametru c, współrzędna y, jako część urojona. Gdy po n iteracjach n-ty element ciągu będzie (co do modułu) mniejszy od pewnej zadanej stałej Zmax, punkt dla którego wyznaczany był ciąg {Zn} zostaje zamalowany na pewien kolor, co oznacza, iż należy on do zbioru Mandelbrota. POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 13 /97 Gdy element ciągu przekroczy wartość POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 14 /97 Zbiór Mandelbrota Sekwencja zbliżeń ilustrująca zbiór liczb zespolonych nazywany zbiorem Mandelbrota POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 15 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 16 /97

5 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 17 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 18 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 19 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 20 /97

6 Program do generowania fraktali Sterlingwar Wybieranie formuły matematycznej Parametryzacja Przekształcenia Kolorowanie Zapis POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 21 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 22 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 23 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 24 /97

7 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 25 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 26 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 27 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 28 /97

8 Grafika rastrowa (pikselowa) Grafika wektorowa (obiektowa) Obraz rastrowy prostokątna tablica pikseli otrzymana w wyniku procesu rejestracji ji rzeczywistej sceny lub obiektu, bądź wygenerowana w sposób sztuczny Piksel element składowy obrazu cyfrowego każdy piksel może przyjąć tylko jedną barwę z określonej palety Subpiksel (podpiksel) składowa koloru jednego piksela w wyświetlaczach i matrycach w ekranach LCD każdy piksel zawiera 3 subpiksele: czerwony, zielony i niebieski odpowiednie sterowanie intensywnościami świecenia subpikseli powoduje powstanie wypadkowego koloru całego piksela Obiekty obraz w grafice wektorowej opisany jest za pomocą tzw. obiektów (prymitywów), które zbudowane są z podstawowych figur geometrycznych takich jak odcinki, krzywe, okręgi, wielokąty każdy z obiektów opisywany jest za pomocą parametrów, np. w przypadku odcinka współrzędnych jego końców, a w przypadku okręgu współrzędnych środka i długości promienia rysowanie figur polega na łączeniu punktów opisanych współrzędnymi x i y, które są wynikami funkcji matematycznych; funkcje i ich wyniki (węzły) są podstawą zapisu obrazu grafiki wektorowej obiekty mają określone atrybuty, np.: grubość linii kolor linii rodzaj wypełnienia stopień przezroczystości POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 29 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 30 /97 Obszar zastosowania grafiki wektorowej Przekształcenia w grafice wektorowej Zastosowanie w poligrafii (DeskTop Publishing DTP) grafika prezentacyjna ikonografika znaki graficzne, logotypy flagi, herby wykrojniki kartografia Zastosowanie w innych dziedzinach Komputerowe wspomaganie projektowania (Computer Aided Design CAD) Systemy informacji geodezyjnej (Geographical Information System GIS) Animacje Macromedia Flash (WWW) grafika wektorowa jest w pełni skalowalna, obrazy można powiększać oraz zmieniać ich proporcje bez zmiany ich jakości jakość obrazu uzależniona jest wyłącznie od dokładności opisu obrazu oraz od jakości urządzenia wyjściowego obraz przyjmuje rozdzielczość ekranu lub druku w przypadku grafiki rastrowej obrót lub przeskalowanie obrazu może powodować widoczną utratę jakości edytory grafiki wektorowej pozwalają oprócz zmiany parametrów i atrybutów także na przekształcenia obiektów obrót przesunięcie odbicie lustrzane rozciąganie pochylanie zmiana kolejności odejmowanie dodawanie wypełnianie obrysowanie itd. POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 31 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 32 /97

9 Rasteryzacja, wektoryzacja, rastrowanie Rasteryzacja, wektoryzacja, rastrowanie Rasteryzacja rasteryzacja jest wykonywana przed każdym obrazowaniem grafiki wektorowej na monitorze, czy drukarce obrazy wektorowe można łatwo przetwarzać w rastrowe podając jedynie docelową rozdzielczość obrazu rastrowego Wektoryzacja (trasowanie) wyszukiwanie krawędzi i tworzenie ścieżek obiektów na obrazach pikselowych proces trudny, nie do końca przewidywalny generuje zwykle bardzo dużą liczbę węzłów POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 33 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 34 /97 Rasteryzacja, wektoryzacja, rastrowanie Zalety i wady grafiki wektorowej Rastrowanie to proces przekształcania obrazu wielotonalnego (pikselowego lub wektorowego) do postaci struktury rastrowej, w której elementy (punkty, plamki, linie) i reprezentują wartość jednotonalną Rastrowanie zwykle odbywa się po etapie rasteryzacji w RIP-ie W celu nadania obiektom specjalnych cech graficznych rastrowanie można wykonać w programie graficznym na etapie projektowania Zalety skalowalność mniejszy rozmiar plików od grafiki rastrowej rozmiar obrazu nie wpływa na rozmiar pliku wymiarowanie niezależne od urządzenia wyjściowego parametry obiektów są pamiętane i mogą być modyfikowane transformacje typu skalowanie, rotacja, wypełnianie nie degradują jakości rysunku opis przestrzeni trójwymiarowych renderowanie cienia i bardziej realistyczne niż w grafice rastrowej sterowanie ploterami tnącymi łatwa konwersja do grafiki rastrowej Wady duża złożoność pamięciowa dla obrazów o realistycznym charakterze duża liczba węzłów POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 35 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 36 /97

10 Rozmiar grafiki pikselowej i wektorowej Rozmiar grafiki pikselowej i wektorowej Obrazy o realistycznym charakterze wymagają bardzo dużej liczby węzłów, co powoduje obciążenie pamięci i procesora Mapa bitowa 11 x 6 cm Po wektoryzacji TIFF 300 ppi 2,62 MB Adobe Illustrator 8,56 MB PDF (300 ppi) 460 kb PDF 1,22 MB POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 37 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 38 /97 Rozmiar grafiki pikselowej i wektorowej Operacje na obiektach wektorowych Mapa bitowa 110 x 60 cm Po wektoryzacji Typowe możliwości prowadnice, siatki oraz linijki ijki podział obrazu na warstwy elementarne figury: prostokąt, okrąg, łuk, wielokąty, spirala, krzywe Béziera standardowe atrybuty: grubość i kolor linii rysowania kolor wypełnienia zaokrąglenia rogów konwersja figur elementarnych w krzywe grupowanie oraz scalanie obiektów, operacje boolowskie między obiektami import oraz wektoryzacja grafik rastrowych Typowe operacje wypełnieniał i kontury skalowanie transformacje grupowanie łączenie przycinanie spawanie wypełnianie kontur przezroczystość metamorfoza perspektywa biblioteka obiektów (ogólnego wzoru obiektu) TIFF 300 ppi 262 MB (2,62 MB) PDF (300 ppi) 13,5 MB (460 kb) Adobe Illustrator 8,95 MB (8,56 MB) PDF 1,33 MB (1,22 MB) POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 39 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 40 /97

11 Krzywe Béziera Krzywe Béziera Pierre Bézier (Renault) Paul de Casteljau (Citroën) badania nad krzywymi prowadzone były od początku lat 60. XX w., ale przez długi okres objęte ścisłą tajemnicą pod koniec lat 60. pojawiły się pierwszepublikacjepierrebéziera publikacje przedstawiające jego koncepcje prace de Casteljau koncern Citroën ukrywał jeszcze przez kilka lat pierwsze wzmianki o nim pojawiają się, już po publikacji prac Béziera w 1971 roku parametryczne krzywe o szerokim zastosowaniu programy CAD (MicroStation) programy DTP (Corel Draw, Adobe Illustrator, Inkscape) opisu kształtów znaków w fontach (TrueType, METAFONT, Type1) systemy przetwarzania grafiki (PostScript, MetaPost) grafika wektorowa (np. format SVG). krzywe Béziera są krzywymi parametrycznymi, tzn. każda współrzędna punktu krzywej jest funkcją liczby rzeczywistej będącej parametrem każda krzywa jest definiowana za pomocą łamanej kontrolnej, składającej się z punktów kontrolnych ze względu na rodzaj tych funkcji mówi się o krzywych wielomianowych krzywych wymiernych krzywych yc B-sklejanych (połączonych o krzywych yc wielomianowych o bądź wymiernych) yc POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 41 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 42 /97 Krzywe Béziera Krzywe wielomianowe Nazwa krzywa Béziera stopnia n oznacza reprezentację krzywej parametrycznej w postaci punktów kontrolnych P0,.., Pn, które należy podstawić do wzoru: Funkcja B to wielomiany Bernsteina stopnia n określone wzorem: W praktyce wykorzystuje się krzywe niskich stopni, opisywane niewielką liczbą punktów kontrolnych krzywe drugiego stopnia (3 punkty kontrolne) fonty TrueType krzywe trzeciego stopnia (4 punkty kontrolne) fonty Type1, METAFONT, SVG, aplikacje graficzne krzywe wielomianowe mogą aproksymować okręgi i elipsy do właściwego odwzorowania krzywych stożkowych konieczne są tzw. krzywe wymierne (CAD) POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 43 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 44 /97

12 Krzywa Béziera drugiego stopnia (kwadratowa) Krzywa Béziera trzeciego stopnia (sześcienna) Przebieg krzywej 2-go stopnia określa położenie 3 punktów P 0, P 1, P 2 początek w punkcie P 0 (t = 0) koniec w punkcie P 2 (t = 1) Kwadratową krzywą Béziera otrzymamy kreśląc funkcję B(t), pomiędzy punktami P 0,P 1,P 2. B(t) = (1 t)[(1 t) P 0 + t P 1 ] + t[(1 t) P 1 + t P 2 ] Upraszczając wyrażenie otrzymamy: B(t) = (1 t) 2 P (1 t)t P 1 t P 2 Kształt krzywej Béziera jest określony czterema punktami: dwoma punktami krańcowymi krzywej (tzw. węzłami) P 0 (X 0, y 0 ); P 3 (X 3, y 3 ) dwoma punktami kontrolnymi P 1 (X 1, y 1 ); P 2 (X 2, y 2 ) początek krzywej w punkcie P 0 (t = 0) koniec krzywej w punkcie P 3 (t = 1) Krzywa interpoluje dwa krańcowe punkty krzywej i aproksymuje dwa punkty kontrolne odcinek P 0 P 1 jest styczny do krzywej w punkcie P 0 odcinek P 2 P 3 jest styczny do krzywej w punkcie P 3 Kształt krzywej Béziera określają dwa równania parametryczne, w których parametr t przybiera wartości z przedziału [0, 1] P x (t) = (1 t) 3 X 0 + 3t (1 t) 2 X 1 + 3t 2 (1 t) X 2 + t 3 X 3 P y (t) = (1 t) 3 y 0 + 3t (1 t) 2 y 1 + 3t 2 (1 t) y 2 + t 3 y 3 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 45 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 46 /97 Krzywa Béziera trzeciego stopnia (inne ujęcie) Krzywe B-sklejane Każda krzywa Beziera zawiera się w czworoboku wyznaczonym przez oba punkty końcowe A, D i dwa punkty sterujące B, C (łamana kontrolna). dla krzywą Béziera trzeciego stopnia można opisać układem równań: x(t) = a x t 3 + b x t 2 + c x t + x 0 y(t) = a y t 3 + b y t 2 + c y t + y 0 Krzywe wielomianowe, jak i wymierne nie są w stanie przedstawiać skomplikowanych kształtów, bowiem przemieszczenie jednego punktu kontrolnego wpływa ł na całą ł krzywą, a ponadto im wyższy ż stopień, ń tym zmiana położenia punktów kontrolnych jest mniej widoczna (trzeba punkty przesuwać na duże odległości, aby odniosło to widoczny skutek) Dlatego stosuje się krzywe wielomianowe tzw. B-sklejane Krzywe B-sklejane składają się z fragmentów krzywych bądź to wielomianowych, bądź wymiernych (względnie niskiego stopnia) matematyczne równania opisujące taką krzywą gwarantują, iż w punktach połączenia różnych fragmentów krzywa będzie gładka krzywe B-sklejane oferują lokalną kontrolę kształtu na skutek przemieszczenia i jednego punktu kontrolnego zmianie i ulegnie tylko jego bliskie otoczenie POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 47 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 48 /97

13 Formaty zapisu grafiki wektorowej AI, CDR formaty natywne brak uniwersalnego standardu wymiany między aplikacjami pliki zapisane w sposób naturalny dla jednego programu w innym edytorze mogą być błędnie interpretowane błędy powstają w wypadku plików zapisanych w nowej wersji edytora, a otwieranych w starszej Popularne formaty grafiki wektorowej AI, CDR formaty plików źródłowych pozwalają na zapisywanie plików składających się z warstw, które można wielokrotnie edytować zapamiętują informacje o kolorach oraz informacje dodatkowe takie, jak maski czy linie pomocnicze niemożliwe jest zamienne wykorzystywanie tych formatów w aplikacjach, np.: plików CDR w Illustratorze wiele programów np. 3D lub grafiki rastrowej importuje i wykorzystuje ścieżki z plików AI, rzadziej wykorzystuje się pliki CDR EPS (Encapsulated PostScript) PDF (Portable Document Format) SVG (Scalable Vector Graphics) WMF (Windows MetaFile) POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 49 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 50 /97 EPS (Encapsulated PostScript) Wyświetlanie dokumentów EPS format będący podzbiorem języka PostScript natywny dla programów Illustrator, Freehand służy do przechowywania pojedynczych stron w postaci umożliwiającej osadzanie ich w innych dokumentach Word Podgląd EPS obrazu utworzonego w AI z różnym zapisem podglądu bez podglądu podgląd B&W podgląd 8-bit podgląd 8-bit przezroczystość zapisuje obiekty wektorowe i tekst w postaci kodu ASCII a obiekty rastrowe osadza nie obsługuje warstw i przezroczystości Corel obok właściwego obrazu zapisuje podgląd o niskiej rozdzielczości, który umożliwia oszacowanie zawartości pliku oraz ustawienie obrazu w programie do składu do pełnego odtworzenia obrazu EPS niezbędny jest interpreter PostScriptu Co się stanie gdy EPS umieścimy w zwykłym edytorze tekstowym? InDesign podgląd typowy POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 51 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 52 /97

14 Obsługa tekstu w plikach EPS Konwersja tekstu na krzywe w celu umieszczenia dokumentu EPS w innym programie konieczne jest osadzenie w nim wykorzystanych fontów UWAGA: producent fontu może zablokować możliwość jego osadzania EPS z osadzonym fontem ArrusSmCap EPS zapisany bez osadzenia fontu gdy nie ma pewności co do osadzenia fontu można w ostateczności zamienić tekst na krzywe konwersja na krzywe powoduje utratę hintingu, co skutkuje gorszym wyświetlaniem na ekranie monitora górny podpis tekst w postaci fontu dolny podpis po konwersji na krzywe osadzenie fontu pozwala na poprawne wyświetlenie i wydrukowanie dokumentu, ale nie pozwala edytować dokumentu, jeżeli w systemie nie ma zainstalowanego danego kroju UWAGA: taka sytuacja uniemożliwia właściwą korektę tekstu jeżeli font nie został osadzony i nie ma go w systemie, to następuje podmiana kroju przy zamianie na krzywe istnieje ryzyko zniekształcenia skomplikowanych kształtów (pisanki) UWAGA: przed zamianą na krzywe plik należy zachować w postaci źródłowej edytowalnej do ew. korekty i zmian UWAGA: zamiana na krzywe ma sens tylko dla krótkich tekstów POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 53 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 54 /97 Interpretacja dokumentów EPS Tworzenie pliku EPS z obrazami pikselowymi w AI plików EPS nie można edytować w programach typu InDesign, QuarkXPress, Word, PowerPoint w czasie generowania plików EPS zaleca się osadzanie obiektów ze wszystkich podlinkowanych dokumentów jeżeli osadzony obraz wymaga korekcji, to można go skopiować do schowka i otworzyć w programie rastrowym nie zaleca się, aby w programie AI edytować pliki EPS, które zapisano w innych programach (Corel, Quark, InDesign, Freehand) każda z aplikacji dołącza do EPS-a swoje informacje, które mogą powodować błędy jego interpretacji CorelDraw dokumenty EPS zaimportowane do programu Corel w trybie EPS nie są właściwie interpretowane, tzn. czytany jest tylko podgląd dokumenty EPS należy importować do CorelDraw w trybie możliwe do edycji POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 55 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 56 /97

15 PDF (Portable Document Format) SVG (Scalable Vector Graphics) przenośny format dokumentu stworzony na bazie PS Level 2 dokumenty PDF mogą być tworzone, przesyłane, czytane lub drukowane na różnych platformach (Windows, Macintosh, Unix itp.) zapisuje tekst, krzywe, grafiki z przezroczystością i warstwami, obrazy rastrowe oraz połączenia hipertekstowe, które pozwalają na swobodne poruszanie się wbieżącym dokumencie kompresuje wszystkie elementy dokumentu ma możliwość osadzania fontów umożliwia zapis dodatkowych informacji, jak dźwięki, filmy, wskazówki do druku i komentarze wolny od licencji i patentów niezależny od platformy systemowej format dwuwymiarowej grafiki wektorowej stworzony w 1996 roku przez organizację W3C (World Wide Web Consortium) zajmującą się regulowaniem i tworzeniem standardów dla sieci WWW należy do rodziny XML, więc może być integrowany z innymi językami (XHTML), dzięki temu pliki SVG można wyświetlać w przeglądarkach bez rasteryzacji standardowy format obsługi plików w nowych przeglądarkach internetowych umożliwia zakodowanie animacji oraz interakcji z użytkownikiem przez użycie języka skryptowego; zastępuje format Adobe Flash, lepiej integrując się z dokumentami HTML nie obsługuje treści multimedialnych i przesyłania strumieniowego natywny format programów: Inkscape, Karbon14, Sodipodi POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 57 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 58 /97 SVG (Scalable Vector Graphics) WMF (Windows Metafile Format) Illustrator od wersji CC2014 umożliwia eksportowanie skalowalnych, płynnie działających plików SVG, które dostosowują zawartość do rozdzielczości ekranów pozwala przenosić pliki SVG między aplikacjami i wielokrotnie je edytować 16-bitowy format zaprojektowany w 1990 roku przez Microsoft dla systemów Windows 3 do sterowania procesem wyświetlania obrazu na ekranie przez interfejs graficzny Windows (GDI) format przenośny pomiędzy aplikacjami Microsoft, natywny dla aplikacji: Word, PowerPoint, Publisher może zawierać grafikę wektorową i rastrową pliki WMF zajmują mniej miejsca niż bitmapy Enhanced Metafile (EMF) 32-bitowa rozszerzona wersja formatu WMF, zalecana przez Microsoft format EMF jest używany także jako język graficznego opisu strony w drukarkach POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 59 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 60 /97

16 Konwersja do formatów WMF i EMF Konwersja AI-WMF i AI-EMF Windows Metafile Format (WMF) Enhanced Metafile Format (EMF) Microsoft Windows Metafile (WMF) nie odwzorowuje dokładnie łagodnych kształtów konwertuje linie do zamkniętych wypełnień krzywe konwertuje na odcinki proste Enhanced Metafile Format (EMF) krzywe nieco płynniejsze konwertuje linie do zamkniętych wypełnień POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 61 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 62 /97 Konwersja AI-WMF i AI-EMF Zapis obiektów wektorowych dla innych aplikacji Formaty WMF i EMF konwertują linie do zamkniętych wypełnień AI / CDR WMF EMF Formaty WMF i EMF nie obsługują przestrzeni CMYK Wniosek: nie powinny być stosowane do drukowania AI jeżeli planowane jest umieszczenie obiektu na stronie publikacji InDesign lub innych programów Adobe (InDesign obsługuje przezroczystość i tryby mieszania stosowane w Illustratorze) EPS jeżeli nie są planowane zmiany dokumentu jeżeli nie jest znany program docelowy jako uniwersalny standard dla wszystkich programów graficznych PDF z reguły format nie przeznaczony do wstawiania do innych programów umożliwia zapis dokumentów wielostronicowych oraz wielowarstwowych podstawowy format do archiwizacji dokumentów (pozwala osadzić fonty) podstawowy format prac przygotowywanych y y do drukowania (PDF/X) SVG uniwersalny format wektorowy do stron www, nie przeznaczony do przenoszenia danych pomiędzy ę yprogramami graficznymi nie przeznaczony do drukowania! WMF w celu umieszczenia w programach MS Office nie przeznaczony do drukowania! POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 63 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 64 /97

17 Dane do przygotowania plakatu Etapy projektowania publikacji Temat: Prezentacja wybranej antykwy Format A1, CMYK, offset, 300 ppi Przygotowanie: Adobe Illustrator Forma graficzna podstawowym elementem plakatu powinna być ć litera do projektu można wykorzystać przetworzone zdjęcie lub klipart Elementy obowiązkowe Nazwa wybranego kroju pisma: Garamond, Jenson, Baskerville, Caslon, Bodoni, Didot, Futura, Univers, Helvetica, Arial, Times, Lato, Plantin, Antykwa Toruńska, Antykwa Półtawskiego Data opracowania Imię i nazwisko projektanta Charakter graficzny i klasyfikacja Informacje dodatkowe Opracowane odmiany Charakterystyczne znaki Zarys postaci projektanta Stopka z danymi: Politechnika Warszawska Zakład Technologii Poligraficznych określenie problemu projektowego oraz jego analiza dostępne technologie koncepcja graficzna wybór papieru wybór rodzaju oprawy koszt ostatecznego rozwiązania analiza pomysłów estetyka trafność innowacyjność aspekt społeczny realizowalność (wykonanie projektu w wyznaczonym czasie i przy zadanym budżecie) realizacja techniczna wydruk próbny poprawki redakcyjne POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 65 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 66 /97 Etapy projektowania graficznego Zasady projektowania graficznego podział hierarchiczny tekstu wyodrębnienie logo ustalenie nazw handlowych i haseł odrzucenie informacji zbędnych opracowanie układu graficznegog ustalenie gridu punkty mocne układu dopasowanie elementów do gridu HIERARCHIA TREŚCI logo, nazwa firmy obrazy, zdjęcia wiersze główne: hasło + motto treść zasadnicza treść uzupełniająca adresy telefony opracowanie typograficzne dobór krojów i stopni pisma dobór barw POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 67 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 68 /97

18 Zasady projektowania graficznego Złota proporcja UKŁAD GRAFICZNY Marginesy najważniejszy element przejrzystości i czystości graficznej projektu Układy symetryczne (bardziej tradycyjne, oficjalne) Układy niesymetryczne (ciekawsze, zdynamizowane) np. różne szerokości łamów, różne wielkości grafiki i stopnie pisma w blokach Rytm powtarzające się w jednakowych odstępach podobne elementy porządkują stronę, prowadząc przez całą kompozycję projektu Wyrównanie dostosowanie wszystkich elementów do siatki projektowej (gridu) skalowanie zdjęć tylko proporcjonalne! zastosowanie jednakowego stopnia wiersza (interlinii) zastosowanie wyrównania do linii bazowej wyrównanie dwustronne tekstu dłuższe bloki, efekt prostokątności teoria złotego podziału stosunek długości mniejszej części odcinka do większej jest równy stosunkowi większej części do całego odcinka a : b = b : (a+b) Złoty podział odpowiada w przybliżeniu proporcjom: 3:5, 5:8, 8:13, 13:21 itd. Złota liczba: f = 0,618 Kartka podzielona według zasady złotego podziału tworzy najbardziej harmoniczny układ. W miejscach przecięcia się linii powstają mocne punkty kompozycji. W tych miejscach należy umieścić najważniejsze słowa, ilustracje, informacje. POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 69 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 70 /97 Zasady projektowania graficznego Zasady projektowania graficznego TYPOGRAFIA Stopnie pisma główne przesłanie plakatu musi być czytelne z odległości 10 metrów! przy małych formatach nie stosować stopni poniżej 6 p, a tekstów negatywowych y poniżej 8 p Kroje pisma nie mieszać krojów podobnych (np. 2 antykwy z tej samej grupy) nie zniekształcać krojów do jednego projektu nie stosować więcej niż 2 kroje pisma i 4 odmiany wersaliki używać tylko w uzasadnionych wypadkach kursywa tylko do krótkich wyróżnień nigdy nie stosować pisanki wersalikowej unikać krojów banalnych lub źle zaprojektowanych Arial Times Verdana Monotype Corsiva Comic Sans KOLORYSTYKA oszczędne dozowanie barw z niewielkiej palety ciepłe barwy: żółty, czerwony, pomarańczowy, jasny brąz, beże itd. zimne barwy: niebieski, zielony, fioletowy, szarości mało kontrastowe: pastelowe najbardziej kontrastowe: niebieski pomarańczowy zielony czerwony żółty fioletowy biały i czarny kolor dominujący ypierwszy wpada w oko należy nim składać najważniejsze informacje i obiekty POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 71 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 72 /97

19 KULER Kontrast tekstu i tła system z gotowymi zestawami barw wbudowany w interfejs programów Adobe POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 73 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 74 /97 Wolna biblioteka klipartów (Open Clip Art Library) Wolna biblioteka klipartów (Open Clip Art Library) międzynarodowy projekt utworzony w 2004 roku z pierwotnym zamysłem zebrania kolekcji grafik flag i herbów państw całego świata strona udostępnia obrazy w formatach SVG, EPS oraz PNG w obecnym kształcie strona ma na celu rozpowszechnianie grafik w wektorowym formacie SVG i udostępnianie ich do domeny publicznej POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 75 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 76 /97

20 Charakter i osobowość Politechniki Warszawskiej Krój pisma w logo PW oraz wydziałów PW Plakat może opierać się o personalizację Marki PW, kó która zawiera wytyczne do kreowania wizerunku uczelni Radikal WUT POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 77 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 78 /97 Krój pisma w materiałach promocyjnych PW Kolory firmowe Wydziału Inżynierii Produkcji Adagio Slab POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 79 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 80 /97

21 Kolory firmowe Wydziału Inżynierii Produkcji Na jasnym tle kolor grafitowy Na grafitowym tle kolor śliwkowy lub morelowy POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 81 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 82 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 83 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 84 /97

22 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 85 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 86 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 87 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 88 /97

23 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 89 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 90 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 91 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 92 /97

24 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 93 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 94 /97 Plakat 2014 Patryk Chmielewski / I miejsce Plakat 2014 Kinga Nguyen Hong / wyróżnienie POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 95 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 96 /97

25 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 97 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 98 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 99 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 100 /97

26 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 101 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 102 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 103 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 104 /97

27 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 105 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 106 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 107 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 108 /97

28 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 109 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 110 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 111 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 112 /97

29 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 113 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 114 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 115 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 116 /97

30 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 117 /97 POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 118 /97