Úvod do grafického software

Rastrová a vektorová grafika

Rastrová grafika

bitmapová grafika

Dvourozměrná soustava obrazových bodů uspořádaných do čtvercové sítě.

 Tvořena obrazovými body - pixely (px).

Velikost v px udává nejprve šířku, pak výšku.

zvětšení 700x


zvětšení 12800x

DPI 

Dots per inch 

72 dpi - náhledy na monitoru

300 dpi  - přibližně na tiskoviny (katalogy, letáky, plakáty s blízkou pozorovací vzdáleností) 

300 × 300 o rozlišení 300 dpi ve 100% velikosti = 2,54 × 2,54 cm


Můžeme se také setkat s termínem dpcm (dot per cm) - obrazových bodů na centimetr. Pozor, nezaměňujte s dpi (dot per inch - obrazových bodů na palec). Palec je 2,54 cm, takže hustota bodů je odlišná. 

Simulace nízkého dpi při tisku (vlevo), simulace správné velikosti při vyhovujícím dpi (vpravo)

Obrázek ve správné kvalitě pro srovnání.

Simulace obrázku v nedostatečném (nízkém) rozlišení.

Simulace převzorkování fotografie s nedostatečným dpi na vyšší dpi - chybějící pixely jsou interpolovány na základě sousedních pixelů - výsledek je při velkém zvýšení dpi nedostačující!

Přibližná tabulka pro dpi různých produktů. Nebrat dogmaticky, z datového hlediska v dnešní době není problém reklamu s pozorovací vzdáleností do 1,5 metru, kde hrozí, že si je klient přijde prohlédnout z blízka udělat i ve 300 dpi! Výsledek je citelně lepší. 

Výhody rastrové grafiky

snadný přenos pro rastrová výstupní zařízení

možnost hromadné změny pixelových dat

ideální pro přirozené podněty z reálného světa (fotografie)


Nevýhody rastrové grafiky

větší datová velikost souborů

zvětšování možné jen v omezené míře (rastr)

změny velikosti vedou ke zhoršení kvality

lze animovat pouze přidáváním dalších snímků

Převzorkovaný rastr


Nežádoucí efekty vznikající zvětšením rastrové grafiky umocněné ztrátovou kompresí.

Formáty rastrové grafiky

BMP 

Windows BitMaP - extrémní jednoduchost, dobrá dokumentovanost, vyšší velikost

GIF 

Graphics Interchange Format - tabulka barev max. 256, možnost animace (256 pro každý snímek)

JPEG

nejčastější formát fotografií, ztrátová komprese - možnost volby, nepodporuje průhlednost

JPEG 2000

PNG

Portable Network Graphics - mnohostranný grafický formát. Až 16bitová hloubka stupňů šedi

48bitová hloubku barev (16 bitů na R, G, B na pixel). 16bitový alfa kanál, průhlednost

ukládá textové informace a informace o křivce "Gamma". Nepodporuje CMYK a vrstvy.

WebP

optimalizován pro rychlý přenos obrazu po síti, ztrátová i bezztrátová komprese. Bezztrátový podporuje průhlednost, animace.

TIFF

Tagged Image File Format - používaný převážně v předtiskové přípravě pro podporu CMYK i průhlednosti, vrstvy.

PSD (větší než 2 GB jako PSB)

Photoshop Document - vyvinut Adobe, podporuje vrstvy, masky, průhlednosti, efekty apod. "Obyčejné" kancelářské programy jej nepodporují.

RAW

třída souborových formátů obsahující minimálně zpracovaná data ze snímače fotoaparátu.

např.: nef (Nikon), .arw (Sony). Bezztrátový.

DNG - Digital Negativ - raw formát zavedený Adobe r. 2004 (Pentax, Samsung, Leica)

HDRI (High Dynamic Range Imaging), EXR (OpenXR) ...



Vektorová grafika

matematicky definová

příklady vektorové grafiky




Grafická informace je uložena ve formě matematického zápisu. Ten definuje tvar bodu, čáry, křivky nebo plochy. Nakreslená křivka je definována vektorem počátečního bodu, který definuje směr a zakřivení, křivka je ukončena koncovým bodem.  



Výhody vektorové grafiky

nulová ztráta kvality při změně velikosti

každý objekt editovatelný kdykoliv a snadno zvlášť

malá velikost souboru

Nevýhody vektorové grafiky

nelze použít u fotografií

editovatelné jen ve specializovaných programech

Formáty vektorové grafiky

EPS, PS

v jazyce PostScript široce kompatibilní

AI

Adobe Illustrator Artwork

CDR

Corel Draw

SVG

Scalable Vector Graphics - založený na XML, internet, responzivita


Univerzální formát

pdf - Portable Document Format 

široce kompatibilní, vhodný pro přenos mezi zařízeními i aplikacemi. Podporuje fonty, křivky, bitmapovou grafiku, uspořádání, stránky, interaktivní odkazy, nástroje pro vyhledávání v textu, max. 16 bitů na kanál.


Barvy a barevný prostor

Viditelná část světla

Pro pochopení spektra následuje dokument.

Lidské oko - má 3 druhy barevných receptorů (čípky), vnímajících barvu červenou, zelenou a modrou a dále tyčinky - světlocitlivé buňky reagující na nižší intenzitu osvětlení než čípky (nejsou schopny rozeznávat barvy).


Barevné modely

RGB

aditivní míchání barev 

 Barevné složky se sčítají a vytváří světlo větší intenzity.

Barevný prostor založený na barevném modelu RGB:
sRGB, Adobe RGB, Wide gamut RGB, Apple RGB

Skládá se z červeného (red), zeleného (green), modrého (blue) kanálu.

CMYK

subtraktivní míchání barev

S každou další přidanou barvou ubíráme část původního světla.

Tzn. že omezujeme barevné spektrum, které se odráží od povrchu. 

Skládá se z azorového (cyan), purpurového (magenta), žlutého (yellow) a černého (black nebo také key) kanálu.

Použití pro zobrazovací zařízení (monitor, display...)

Použití pro tisk (při tisku se na sebe nanášejí barvy (o tisku níže))

Převod mezi RGB a CMYK

Rozdílný gamut (viz níže) je podstatně nižší u CMYK a vyplývá z odlišné technologie oproti RGB.

Gamut

barevný gamut je oblast barev dosažitelná v určitém barevném prostoru.  

Příklady stejné fotografie v různých barevných prostorech.

Lab

používán jako referenční model, lze s ním pracovat v Adobe Photoshopu


Barevné režimy ve Photoshopu

BW

Škála šedé

Indexová barva (256 barev)

Duplexový režim

Tisk

Nejpoužívanější v dnešní době ofset (knihy, časopisy, letáky...) - nepřímý tisk (tzn. že tisková forma se otiskuje na přenosový válec s gumovým potahem, který přenese obraz na papír.

Další způsoby tisku: litografie, knihtisk, světlotisk, hlubotisk, tampónový tisk, sítotisk, elektrografie, sublimační tisk a další.

Princip rastrového tisku v CMYK

..

Jednotlivé tiskové pláty (K, C, M, Y) vytváří tiskovou rozetu a jsou natočeny pod následujícími úhly:

Při tisku se mohou využít také další barvy - například přímé barvy dle Pantone vzorníku (využití například na krabičkách léků, nebo v případě potřeby po naprosté barevné věrnosti loga)

Barevná hloubka

Počet bitů použitých k popisu určité barvy pixelu (bitů na pixel). 

Bit (z anglického binary digit - dvojková číslice) základní a nejmenší jednotka dat.

Bit může nabývat pouze jednu ze dvou hodnot ( 0 a 1).



Příklad z historie her:

Jana Zochová
Vytvořeno službou Webnode
Vytvořte si webové stránky zdarma! Tento web je vytvořený pomocí Webnode. Vytvořte si vlastní stránky zdarma ještě dnes! Vytvořit stránky