W 01 PIGRA wektory+formaty.ppt [tryb zgodności] · ikonografika znaki graficzne, logotypy flagi,...

PrzetwarzaniePrzetwarzanie InformacjiInformacji GraficznejGraficznej• WYKŁADY • ĆWICZENIA

Grafika wektorowa Operacje na obiektach wektorowych Formaty grafiki wektorowej Wektoryzacja map bitowych Systemy OCR Zasady projektowania logo

projekt plakatu wektoryzacja logo projekt logo i księgi znaku generowanie zalewek

Zasady projektowania logo Trapping

Grafika rastrowa Skanowanie Formaty grafiki rastrowej

projekt okładki do książki weryfikacja plików korekcja i retusz zdjęć fotomontaż projekt kalendarza fotograficznegoo aty g a ast o ej

Algorytmy kompresji Korekcja i edycja zdjęć Kompresja obrazów HDR i RAW Weryfikacja prac przed drukiem

p j g g

POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA * INSTYTUT MECHANIKI i POLIGRAFII * POLITECHNIKA WARSZAWSKA 1 /97

Sprawdzian zaliczeniowy

• Nowa strona ZTP

• Hasło:


pigra+@

Literatura

• Claudia McCue • Profesjonalny druk. Przygotowanie materiałów • Helion 2007

• Paweł Zakrzewski• Kompendium DTP. Adobe Photoshop, Illustrator,

InDesign i Acrobat w praktyce.• Helion 2015• Helion, 2007 • Helion, 2015


Literatura

• Gareth Hardy• Podręcznik projektantów logo• Helion 2012

• Miesięcznik dla fotoamatorów

Helion 2012


Literatura

• Martin Evening• Mistrzowska edycja zdjęć• Helion, 2010

• Dan Margulis• Photoshop. Korekcja i separacja• Helion, 2007Helion, 2010 Helion, 2007


Literatura

• Sybil Ihrig, Emil Ihrig• Skanowanie dla profesjonalistów• RM, 1998

• Sybil Ihrig, Emil Ihrig• Przygotowanie do druku• RM, 1998RM, 1998 RM, 1998



Seria wydawnicza COBRPP http://www.cobrpp.com.pl/publikacje.php


Przetwarzanie Informacji Graficznej

Wykład IWykład I

• Grafika fraktalowa• Grafika wektorowa• Grafika wektorowa• Formaty zapisu grafiki wektorowej• Projekt wektorowy plakatu


Grafika komputerowa

• dział informatyki, który zajmuje się projektowaniem algorytmów do komputerowego generowania i przetwarzania obrazów oraz wizualizacji

i h d hrzeczywistych danych

• przykładowe zastosowania kartografiakartografia wizualizacja danych pomiarowych wizualizacja symulacji komputerowych diagnostyka medyczna kreślenie i projektowanie wspomagane komputerowo (CAD)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


Grafika fraktalna

• Fraktal jest figurą geometryczną o złożonej strukturze, nie będącą krzywą, powierzchnią ani bryłą

Paproć Bransleya

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)

• Kształty fraktali nie są określone wzorami, lecz zależnościami rekurencyjnymi

• Obiekty fraktalne można dowolnie skalować, i h i k i f ł k jprzy ich powiększaniu formuła rekurencyjna

zostanie dodatkowo przeliczona, a obraz na ekranie pokazuje nowe szczegóły

• Obiekty fraktalne zajmują niewiele• 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.


Grafika fraktalna

• Przykładowe zastosowania modelowanie obiektów roślinnych

(trawy, krzewy, drzewa, krystalografia)(trawy, krzewy, drzewa, krystalografia)

modelowanie krajobrazu (chmury, góry, rzeki)

struktury sieci wodociągowych

określanie chropowatości powierzchni

architektura anten w komunikacji mikrofalowej

Obiekty fraktalne o przybliżonym samopodobieństwie: zdjęcie brokuła i brokuł wygenerowany komputerowo


Pierwsze fraktale – Gaston Maurice Julia

• Pierwsze zbiory Julii powstały w wyniku przekształceń iteracyjnych wielomianu stopnia drugiego o postaci:

• przykład zbioru Julia

stopnia drugiego o postaci:

Zn+1 = Zn2 + c

Z przebiega po liczbach zespolonych c to parametr określający wygląd zbioru

• W kolejnych krokach iteracji otrzymamy:

• Krok 0: Zn

• Krok 1: Zn2 + C

• Krok 2: (Zn2 + C)2 + C

• Krok 3: ((Zn2 + C)2 + C)2 + C

• Krok 4: (((Zn2 + C)2 + C)2 + C)2 + C


Pierwsze fraktale – Benoît Mandelbrot

• 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:

Zn+1 = Zn2 + p

rekurencyjnym:

Zn+1 = Zn2 + p

nie dąży do nieskończoności

n+1 n p

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 koloramiktó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,

ś

• Algorytm rysowania zbioru Mandelbrota:p y, y,

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ę

• 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• Mandelbrot spopularyzował geometrię

fraktalną publikując w 1982 dzieło The Fractal Geometry of Nature

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


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.

• Gdy element ciągu przekroczy wartość

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

Program do generowania fraktali – Sterlingwarhttps://www.soler7.com/Fractals/Sterling2.html

• Wybieranie formuły matematycznej• Parametryzacja• Przekształcenia• Kolorowanie• Zapis



Grafika rastrowa (pikselowa)

• Obraz rastrowy prostokątna tablica pikseli otrzymana w wyniku

j ji i j l b bi kprocesu rejestracji 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:

i l i i bi kiczerwony, zielony i niebieski odpowiednie sterowanie intensywnościami świecenia

subpikseli powoduje powstanie wypadkowego koloru całego piksela


Grafika wektorowa (obiektowa)

• 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” 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.:obiekty mają określone atrybuty, np.: grubość linii kolor linii rodzaj wypełnienia stopień przezroczystości


Obszar zastosowania grafiki 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)


Przekształcenia w grafice wektorowej

• 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 obrazuoraz 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 obrót przesunięcie odbicie lustrzane rozciąganie pochylaniepochylanie zmiana kolejności odejmowanie dodawanie wypełnianie


obrysowanie itd.

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



• Rastrowanie to proces przekształcania obrazu wielotonalnego (pikselowego lub wektorowego) do postaci struktury rastrowej, w której l ( k l ki li i ) j ść j d lelementy (punkty, plamki, linie) reprezentują wartość jednotonalną

• Rastrowanie zwykle odbywa się po etapie rasteryzacji w RIP-ie

• W celu nadania obiektom specjalnych cech graficznych rastrowaniemożna wykonać w programie graficznym na etapie projektowania


Zalety i wady grafiki wektorowej

• 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

d i i i b d i j li t iż fi t j renderowanie cienia 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

Rozmiar grafiki pikselowej i wektorowejRozmiar grafiki pikselowej i wektorowej

• 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


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


Rozmiar grafiki pikselowej i wektorowejRozmiar grafiki pikselowej i wektorowej

• Mapa bitowa 110 x 60 cm • Po wektoryzacji

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)


Operacje na obiektach wektorowych

• Typowe możliwości

d i i tki li ijki

• Typowe operacje

ł i i prowadnice, siatki oraz linijki podział obrazu na warstwy elementarne figury: prostokąt, okrąg, łuk, wielokąty,

spirala, krzywe Béziera

wypełnienia kontury skalowanie transformacje grupowanie

standardowe atrybuty: grubość i kolor linii rysowania kolor wypełnienia zaokrąglenia rogów konwersja figur elementarnych w krzywe

łączenie przycinanie spawanie wypełnianie kontur

grupowanie oraz scalanie obiektów, operacje boolowskie między obiektami

import oraz wektoryzacja grafik rastrowych

kontur przezroczystość metamorfoza perspektywa …

biblioteka obiektów (ogólnego wzoru obiektu)


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ę pierwsze publikacje Pierre Béziera• pod koniec lat 60. pojawiły się pierwsze publikacje Pierre Béziera 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


Krzywe Béziera

• 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 B-sklejanych (połączonych krzywych wielomianowych bądź wymiernych)y yc s eja yc (po ąc o yc y yc e o a o yc bąd y e yc )


Krzywe Béziera

• Nazwa krzywa Béziera stopnia n oznacza reprezentację krzywej parametrycznej w postaci punktów

• Funkcja B to wielomiany Bernsteina stopnia n określone wzorem:

parametrycznej w postaci punktów kontrolnych P0, ….., Pn, które należy podstawić do wzoru:


Krzywe wielomianowe

• 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ądo właściwego odwzorowania krzywych stożkowych konieczne są tzw. krzywe wymierne (CAD)


Krzywa Béziera drugiego stopnia (kwadratowa)

• Przebieg krzywej 2-go stopnia określa położenie 3 punktów P0, P1, P2 początek w punkcie P0 (t = 0) koniec w punkcie P2 (t = 1)

• Kwadratową krzywą Béziera otrzymamy kreśląc funkcję B(t),pomiędzy punktami P0, P1, P2.pomiędzy punktami P0, P1, P2.

B(t)=(1– t)[(1– t)P0 +tP1]+t[(1– t)P1 +tP2]

• Upraszczając wyrażenie otrzymamy:

B(t) = (1 – t)2P0 + 2(1 – t)t P1 + t2P2B(t) (1 t) P0 2(1 t)tP1 t P2


Krzywa Béziera trzeciego stopnia (sześcienna)

• Kształt krzywej Béziera jest określony czterema punktami: dwoma punktami krańcowymi krzywej (tzw. węzłami) P0(X0, y0); P3(X3, y3) d kt i k t l i P (X ) P (X ) dwoma punktami kontrolnymi P1(X1, y1); P2(X2, y2) początek krzywej w punkcie P0 (t = 0) koniec krzywej w punkcie P3 (t = 1)

• Krzywa interpoluje dwa krańcowe punkty krzywej i aproksymuje dwa punkty kontrolne odcinek P0 P1 jest styczny do krzywej w punkcie P0 odcinek P2 P3 jest styczny do krzywej w punkcie P3odcinek P2 P3 jest styczny do krzywej w punkcie P3

• Kształt krzywej Béziera określają dwa równania parametryczne,w których parametr t przybiera wartości z przedziału [0, 1]y p p y p [ , ]

Px(t) = (1 – t)3 X0 + 3t (1 – t)2 X1 + 3t2 (1 – t) X2 + t3 X3

Py(t) = (1 – t)3 y0 + 3t (1 – t)2 y1 + 3t2 (1 – t) y2 + t3 y3


Krzywa Béziera trzeciego stopnia (inne ujęcie)

• Każda krzywa Beziera zawiera się w czworoboku wyznaczonym przez oba punkty końcowe A D i dwa punkty sterującepunkty 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ń:

3 2x(t) = axt3 + bxt2 + cxt + x0

y(t) = ayt3 + byt2 + cyt + y0


Krzywe B-sklejane

• Krzywe wielomianowe, jak i wymierne nie są w stanie przedstawiać skomplikowanych kształtów, bowiem przemieszczenie jednego punktu k l ł ł k d i ż i ń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)

ó i i j k k j iż k h 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 i i j d kt k t l i i l i t lk j bli kiprzemieszczenia jednego punktu kontrolnego zmianie ulegnie tylko jego bliskie

otoczenie


Formaty zapisu grafiki wektorowej

• 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• 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

EPS (Encapsulated PostScript)

PDF (Portable Document Format)

SVG (Scalable Vector Graphics)

WMF (Windows MetaFile)


AI, CDR – formaty natywne

• 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)

• 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 dokumentachinnych dokumentach

• zapisuje obiekty wektorowe i tekst w postaci kodu ASCII a obiekty rastrowe osadza

• nie obsługuje warstw i przezroczystości

• obok właściwego obrazu zapisuje podgląd o niskiej rozdzielczości który umożliwiao 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 p gniezbędny jest interpreter PostScriptu

• Co się stanie gdy EPS umieścimy w zwykłym edytorze tekstowym?


Wyświetlanie dokumentów EPS

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-bitbez podglądu podgląd B&W podgląd 8-bit podgląd 8-bit przezroczystość

• Word

• Corel

• InDesignpodglądtypowy


Obsługa tekstu w plikach EPS

• w celu umieszczenia dokumentu EPS w innym programie konieczne jest osadzenie w nim wykorzystanych

EPS z osadzonym fontem ArrusSmCap EPS zapisany bez osadzenia fontu

osadzenie w nim wykorzystanych fontów

UWAGA: producent fontu może zablokować możliwość jego osadzania

• osadzenie fontu pozwala na poprawne wyświetlenie i wydrukowanie dokumentu, ale nie pozwala edytować dokumentu, jeżeli w systemie nie madokumentu, 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


Konwersja tekstu na krzywe

• gdy nie ma pewności co do osadzenia fontu można w ostateczności zamienić tekst na krzywe

górny podpis – tekst w postaci fontu dolny podpis – po konwersji na krzywe

tekst na krzywe

• konwersja na krzywe powoduje utratę hintingu, co skutkuje gorszym wyświetlaniem na ekranie monitoray

• 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


Interpretacja dokumentów EPS

• plików EPS nie można edytować w programach typu InDesign, QuarkXPress Word PowerPointQuarkXPress, Word, PowerPoint

• nie zaleca się, aby w programie AI edytować pliki EPS, które zapisano w innych programach y p g(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ą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”


Tworzenie pliku EPS z obrazami pikselowymi w AI

• 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


PDF (Portable Document Format)

• 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• zapisuje tekst, krzywe, grafiki z przezroczystością i warstwami, obrazy rastrowe oraz połączenia hipertekstowe, które pozwalają na swobodne poruszanie się w bieżą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 y j gwektorowej

• stworzony w 1996 roku przez organizację W3C (World Wide Web Consortium) zajmującą się regulowaniem i tworzeniemzajmują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ć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 inie obsługuje treści multimedialnych i przesyłania strumieniowego

• natywny format programów: Inkscape, Karbon14, Sodipodi



• 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ć• pozwala przenosić pliki SVG między aplikacjami i wielokrotnie je edytować


WMF (Windows Metafile Format)

• 16-bitowy format zaprojektowany w 1990 roku przez Microsoft dla systemów Windows 3 do sterowania procesem wyświetlania obrazu na k i i f j fi i d ( )ekranie przez interfejs graficzny Windows (GDI)

• format przenośny pomiędzy aplikacjami Microsoft, natywny dla aplikacji: Word, PowerPoint, PublisherWord, 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 32-bitowa rozszerzona wersja formatu WMF, zalecana przez Microsoft format EMF jest używany także jako język graficznego opisu strony

w drukarkach


Konwersja do formatów WMF i EMF

• Windows Metafile Format (WMF) • Enhanced Metafile Format (EMF)


Konwersja AI-WMF i AI-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ńkonwertuje linie do zamkniętych wypełnień


Konwersja AI-WMF i AI-EMF

• Formaty WMF i EMF konwertują linie do zamkniętych wypełnień

AI / CDR

WMF

EMF EMF

• Formaty WMF i EMF nie obsługują przestrzeni CMYK

Wniosek:nie powinny być stosowane do drukowania


Zapis obiektów wektorowych dla innych aplikacji

• AI jeżeli planowane jest umieszczenie obiektu na stronie publikacji InDesign lub

innych programów Adobe (InDesign obsługuje przezroczystość i trybyinnych programów Adobe (InDesign obsługuje przezroczystość i tryby mieszania stosowane w Illustratorze)

• EPS jeżeli nie są planowane zmiany dokumentujeżeli nie są planowane zmiany dokumentu jeżeli nie jest znany program docelowy jako uniwersalny standard dla wszystkich programów graficznych

• PDF• 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 do drukowania (PDF/X) p y p p yg y y ( / )

• SVG uniwersalny format wektorowy do stron www, nie przeznaczony do przenoszenia danych pomiędzy programami graficznymip y p y p ę y p g g y nie przeznaczony do drukowania!

• WMF w celu umieszczenia w programach MS Office


nie przeznaczony do drukowania!

Dane do przygotowania plakatu

• Temat: Prezentacja wybranej antykwy• Format A1, CMYK, offset, 300 ppi• Przygotowanie: Adobe Illustrator

• Forma graficznad t l t l k t i b ć lit 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 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 https://www.wip.pw.edu.pl/poligrafia

Etapy projektowania publikacji

• 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śćtrafność innowacyjność aspekt społeczny realizowalność (wykonanie projektu w wyznaczonym czasie i przy zadanym

budżecie))

• realizacja techniczna wydruk próbny poprawki redakcyjne poprawki redakcyjne


Etapy projektowania graficznego

• podział hierarchiczny tekstu wyodrębnienie logo ustalenie nazw handlowych i haseł odrzucenie informacji zbędnych

• opracowanie układu graficznegop g g ustalenie gridu punkty mocne układu dopasowanie elementów do gridu

• opracowanie typograficzne dobór krojów i stopni pisma dobór barw


Zasady projektowania graficznego

• HIERARCHIA TREŚCI logo, nazwa firmy obrazy, zdjęcia wiersze główne: hasło + mottog

treść zasadnicza– treść uzupełniająca– adresy– telefony



• UKŁAD GRAFICZNY

• Marginesy najważniejszy element przejrzystości i czystości graficznej projektu

• Układy symetryczne (bardziej tradycyjne oficjalne)• 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!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


Złota proporcjaZłota proporcja

• teoria złotego podziału

stosunek długości mniejszej części odcinka do większejodcinka 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 najbardziejzł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


ilustracje, informacje.


• 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 poniżej 8 pg y y p j p

• Kroje pisma nie mieszać krojów podobnych (np. 2 antykwy z tej samej grupy) nie zniekształcać krojów 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 nigdy nie stosować pisanki wersalikowej unikać krojów banalnych lub źle zaprojektowanych

Arial Times Verdana Monotype Corsiva Comic Sans



• KOLORYSTYKA

d d i b oszczędne dozowanie barw z niewielkiej palety

ciepłe barwy: żółty, czerwony, pomarańczowy , jasny brąz beże itdjasny 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 pierwszy ją y p ywpada w oko – należy nim składać najważniejsze informacje i obiekty


KULER

system z gotowymi zestawami barw wbudowany w interfejs programów Adobe


Kontrast tekstu i tła


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

• w obecnym kształcie strona ma na celu rozpowszechnianie grafik w wektorowym formacie SVG i udostępnianie ich do domeny publicznej


Wolna biblioteka klipartów(Open Clip Art Library)

• strona udostępnia obrazy w formatach SVG, EPS oraz PNG


Charakter i osobowość Politechniki Warszawskiej

• Plakat może opierać sięo personalizację Marki PW,k ó iktóra zawiera wytyczne do kreowania wizerunku uczelni


Krój pisma w logo PW oraz wydziałów PW

• Radikal WUT


Krój pisma w materiałach promocyjnych PW

• Adagio Slab


Kolory firmowe Wydziału Inżynierii Produkcji


Kolory firmowe Wydziału Inżynierii ProdukcjiKolory firmowe Wydziału Inżynierii Produkcji

• Na jasnym tle kolor grafitowy • Na grafitowym tle kolor śliwkowy lub morelowy





Plakat 2014 Patryk Chmielewski / I miejsce


Plakat 2014 Kinga Nguyen Hong / wyróżnienie

W 01 PIGRA wektory+formaty.ppt [tryb zgodności] · ikonografika znaki graficzne, logotypy flagi,...

Documents

Transcript of W 01 PIGRA wektory+formaty.ppt [tryb zgodności] · ikonografika znaki graficzne, logotypy flagi,...