Projekt
Príma (I.O)
Sekunda (II.O)
Tercia (III.O)
Kvarta (IV.O)
Kvinta (V.O)
Prváci
Druháci a sexta
Tretiaci a septima
Grafika
Rozoznávame 2 druhy grafických súborov:
- Rastrové (bitmapové) grafické súbory - Takýto druh grafického súboru môže mať prípony JPG, GIF, PNG, BMP, ...
- Vektorové grafické súbory - Takýto druh grafického súboru môže mať prípony SVG, SWF, ...
Rozdiel medzi týmito grafickými súbormi je v kvalite. Rastrová (bitmapová) grafika pri zväčšení stráca kvalitu (objavujú sa štvorčeky - tzv. pixle) a vektorová grafika pri akomkoľvek zväčšení nestráca kvalitu. Stratu kvality môžete sledovať na porovnaní: http://sk.wikipedia.org/wiki/S%C3%BAbor:Bitmap_VS_SVG.svg.
Pixel (skratka anglických slov “picture element”, skracované na px) je najmenšia jednotka digitálnej rastrovej (bitmapovej) grafiky a je jednoznačne určený svojou polohou (súradnice) a farbou. Viac informácií na slovenskej alebo českej (podrobnejšie a s obrázkami) wikipedii.
DPI (Dots per inch = počet bodov resp. pixelov na palec) udáva počet bodov (pixelov) v jednom riadku/stĺpci na jednotku dĺžky jeden palec (inch) čo je približne 2,54 cm. Ide v podstate o kvalitu obrázku. Čím väčšie DPI, tým väčšia kvalita. Viac na wikipedia.sk.
Otázka: Kde v praxi sa vďaka svojim vlastnostiam môže využiť rastrová a kde vektorová grafika?
Odpoveď: Zobraziť / Skryť Rastrová grafika sa v praxi môže využiť napríklad na internetových stránkach (pozri tu o odsek nižšie) a vektorová napríklad na veľkých billboardoch ako reklama.
My budeme pracovať len s rastrovou (bitmapovou) grafikou, a to v programe PhotoFiltre. Predvedieme si v ňom základné úpravy (editovanie) tejto grafiky - napríklad: Zväčšenie/zmenšenie veľkosti obrázku, otočenie obrázku, vystrihnutie/nahradenie (retušovanie) určitej časti obrázku, pridávanie vystrihnutej časti obrázku do iného obrázku, pridávanie textu, ... Tu je praktický príklad s niekoľkými už menovanými úpravami:
Otázky: Ktoré úpravy som použil (nájdite 2 rozdiely)? Potrebovali ste už niekedy obrázok takto upraviť (editovať)? Kde by sa takéto úpravy dali využiť v praxi?
Odpovede: Zobraziť / Skryť Rozdiely: Zelený list vpravo hore a v strede hore. V praxi sa takéto úpravy (retušovanie) bežne používajú napríklad pri úprave pokožky modeliek (pozri fotky v časopisoch).
Videonávod ukazuje, ako sa spomínané úpravy v programe PhotoFiltre dajú zrealizovať (červená = ľavé tlačidlo myši; modrá = pravé tlačidlo myši):
Videonávod zobrazuje aj prácu s dvoma grafickými súbormi (červená = ľavé tlačidlo myši; modrá = pravé tlačidlo myši):
Osobitne dôležitý je pre nás rastrový (bitmapový) súbor s príponou GIF, pretože tento formát umožňuje vytvárať animovanú (dynamickú, meniacu sa, pohyblivú) rastrovú (bitmapovú) grafiku. Súbory s príponou GIF môžu obsahovať aj viac ako len jeden obrázok. Ako príklad som na adrese make-animation.com spojil nižšie zobrazené 3 obrázky (t. j. 3 grafické súbory) ...
... do jednej animovanej rastrovej (bitmapovej) grafiky (súbor bitmap-animated.gif):
Otázka: Viete uviesť príklady z praxe, v ktorých by bolo vhodné použiť animovanú rastrovú (bitmapovú) grafiku?
Odpoveď: Zobraziť / Skryť Predstavte si, že máte k dispozícii malú plochu (napr. 50 x 50 pixelov), na ktorej treba zobraziť čo najviac informácií. Keď sa na takejto malej ploche striedajú obrázky, môžete za pár sekúnd podať veľa informácií. Viac info na Wikipédii.
Kvíz: Myslíte si, že sa v tejto téme vyznáte? Pomôže vám to overiť kvíz o grafike.
Dalo by sa niečo vylepšiť? Mohlo by sa niečo povedať jednoduchšie / zrozumiteľnejšie? Niečo som zabudol? Prečítajte si pravidlá komentovania a doplňte ma v komentároch: