Open presentation graphics as four years from Photoshop to the exam campaign.

Co-authored-by: Cursor <cursoragent@cursor.com>

content/prezentacni-grafika/1-rocnik/01-bitmapa-a-vektor.md

@@ -0,0 +1,79 @@
+---
+id: pg-1-bitmapa-a-vektor
+nazev: Bitmapa a vektor
+popis: Kdy je obrázek z pixelů a kdy z křivek.
+nazev_cviceni: Kvíz: bitmapa a vektor
+nadpis_kvizu: Poznejte, co se při zvětšení rozmaže
+---
+
+# Výklad
+
+## Dva druhy obrázku
+*Pixel a křivka*
+
+- Bitmapa je mřížka pixelů. Fotka z telefonu je bitmapa a otevírá se ve Photoshopu.
+- Vektor je popis křivek. Logo a ikona se kreslí v Illustratoru a při zvětšení zůstávají ostré.
+- Photoshop umí obojí, ale fotku v něm nepřekreslíte na křivky. Naopak Illustrator není na retuš.
+- Když nevíte, který soubor je který, přibližte ho na 400 %. Bitmapa ukáže čtverečky.
+
+> Tip: Přípona napoví: JPG a PNG jsou bitmapa, SVG a AI jsou vektor. PSD může obsahovat obojí.
+
+## Co se stane při zvětšení
+*Kvalita*
+
+- Bitmapu 800 px širokou nelze vytisknout ostře na velký plakát. Pixely se jen roztáhnou.
+- Vektor se zvětší přepočtem křivky. Hranu má pořád hladkou.
+- Zmenšení bitmapy pixely zahodí. Zvětšení zpět je nevrátí.
+- Proto se logo neukládá jako malé JPG a fotka se nefotí až ve chvíli, kdy už je pozdě.
+
+> Tip: Jednou zmenšenou fotku už nedostanete zpátky. Nechte si původní soubor.
+
+## Který program kdy
+*Volba*
+
+- Fotku, retuš a plakát z fotografie berte do Photoshopu.
+- Logo, piktogram a čisté tvary berte do Illustratoru. Ten přijde ve čtvrtém ročníku.
+- Video nepatří ani do jednoho. Na střih je Premiere Pro, ve třeťáku.
+- Hotové logo z Illustratoru se do Photoshopu vloží jako chytrý objekt, ne jako malý JPG.
+
+> Tip: Chytrý objekt drží původní kvalitu. ZJPG-ované logo už křivky nemá.
+
+## Zadání: porovnání
+*Cvičení*
+
+- Otevřete ve Photoshopu fotku a přibližte ji na 400 %. Okraj předmětu se rozpadne na pixely.
+- Stejný pohled udělejte u loga ve formátu SVG nebo AI. Hrana zůstane hladká.
+- Do sešitu napište, který soubor je bitmapa a který vektor, a proč.
+- Fotku uložte jako porovnani.psd. Logo nepřevádějte na JPG.
+
+> Tip: Když SVG ve Photoshopu rastruje, zaškrtněte velký rozměr. Malý náhled nic neukáže.
+
+# Kvíz
+
+## Co uvidíte na fotce při zvětšení na 400 %?
+- Hladkou křivku bez pixelů
+- [x] Čtverečky pixelů
+- Jen ořezové značky
+- Prázdné plátno
+> Fotka je bitmapa. Zvětšení roztáhne pixely, křivku z ní neudělá.
+
+## Kam patří nové logo školy?
+- Do Photoshopu jako malé JPG
+- [x] Do Illustratoru jako křivky
+- Do Premiere jako titulek
+- Do JPG o šířce 80 px
+> Logo se zvětšuje na plakát i na vizitku. Křivka to zvládne, malé JPG ne.
+
+## Co se stane, když bitmapu zmenšíte a pak znovu zvětšíte?
+- Pixely se vrátí
+- [x] Ostrost se ztratí
+- Soubor se stane vektorem
+- Přibude spadávka
+> Zmenšení pixely zahodí. Zvětšení je neumí vymyslet zpět.
+
+## Jak se má logo vložit do plakátu ve Photoshopu?
+- Jako JPG 80 px
+- [x] Jako chytrý objekt
+- Vložením snímku obrazovky
+- Jako zvuková stopa
+> Chytrý objekt podrží zdroj. JPG logo už nejde zvětšit bez rozmazání.