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.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Bitmap and vector
+popis: When a picture is pixels and when it is curves.
+nazev_cviceni: Quiz: bitmap and vector
+nadpis_kvizu: Tell what goes soft when you enlarge it
+---

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í.

content/prezentacni-grafika/1-rocnik/02-rozliseni-a-barva.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Resolution and colour
+popis: Pixels, 300 ppi for print, and RGB against CMYK.
+nazev_cviceni: Quiz: resolution and colour
+nadpis_kvizu: Pick the size and the colour mode
+---

content/prezentacni-grafika/1-rocnik/02-rozliseni-a-barva.md

@@ -0,0 +1,79 @@
+---
+id: pg-1-rozliseni-a-barva
+nazev: Rozlišení a barva
+popis: Pixely, tisk 300 ppi a rozdíl mezi RGB a CMYK.
+nazev_cviceni: Kvíz: rozlišení a barva
+nadpis_kvizu: Vyberte rozměr a barevný režim
+---
+
+# Výklad
+
+## Pixely a tisk
+*Rozlišení*
+
+- Rozměr v pixelech říká, kolik bodů obrázek má. 1920 × 1080 je Full HD.
+- Rozlišení v ppi říká, kolik pixelů připadne na palec při tisku.
+- Na obrazovku stačí 72 ppi. Do tisku se připravuje 300 ppi.
+- Formát A4 při 300 ppi má zhruba 2480 × 3508 px. To je 210 × 297 mm.
+
+> Tip: 72 ppi na plakát nestačí. 300 ppi na web je zbytečně velký soubor.
+
+## RGB a CMYK
+*Režim*
+
+- RGB je světlo obrazovky: červená, zelená a modrá. Web i video jsou RGB.
+- CMYK jsou tiskové barvy: azurová, purpurová, žlutá a černá.
+- Barva, která svítí na monitoru, se v tisku často smrskne. Základní červená v CMYK zešedne.
+- Fotku upravujte v RGB. Do CMYK ji převádějte až při exportu pro tiskárnu.
+
+> Tip: Když tiskárna chce PDF v CMYK, převod nechte na export. Pracovní soubor zůstane RGB.
+
+## Nový dokument
+*Plátno*
+
+- Webový obrázek: 1920 × 1080 px, 72 ppi, RGB, 8 bitů na kanál.
+- Tiskové A4: předvolba A4, 300 ppi, RGB. Ořez řešte až u plakátu ve druháku.
+- Pozadí nové školní práce nechte průhledné, ať pod ním není bílá omylem.
+- Pojmenujte dokument hned. nazev-skoly.psd je lepší než Bez názvu-1.
+
+> Tip: 8 bitů na kanál je běžná fotka. 16 bitů nechte na složitou retuš, soubor je větší.
+
+## Zadání: dva dokumenty
+*Cvičení*
+
+- Založte web.psd: 1920 × 1080 px, 72 ppi, RGB, 8 bitů.
+- Založte tisk-a4.psd: A4, 300 ppi, RGB, 8 bitů.
+- U obou zapište do vrstvy poznámku s rozměrem v pixelech. U A4 to má být kolem 2480 × 3508.
+- Oba soubory uložte jako PSD. Zatím je neexportujte do JPG.
+
+> Tip: Obraz > Velikost obrazu ukáže pixely i centimetry. Jednotky si přepněte, ať čtete obojí.
+
+# Kvíz
+
+## Jaké rozlišení se bere pro tisk?
+- 72 ppi
+- [x] 300 ppi
+- 25 sn/s
+- 8 bitů
+> 72 ppi je obrazovka. Tisk chce 300 ppi, jinak je fotka na papíře měkká.
+
+## Který režim patří na web a do videa?
+- CMYK
+- [x] RGB
+- Jen černá
+- Spadávka
+> Obrazovka skládá barvu ze světla RGB. CMYK je pro tiskárnu.
+
+## Kolik pixelů má zhruba A4 při 300 ppi?
+- 1920 × 1080
+- [x] 2480 × 3508
+- 210 × 297
+- 800 × 600
+> 210 × 297 mm je rozměr papíru. V pixelech při 300 ppi je to asi 2480 × 3508.
+
+## Kdy se má fotka převést do CMYK?
+- Hned po otevření
+- [x] Až při exportu pro tisk
+- Před každou retuší
+- Nikdy, ani pro tisk
+> Úpravy nechte v RGB. CMYK je výstup pro tiskárnu, ne pracovní soubor.

content/prezentacni-grafika/1-rocnik/03-prostredi-photoshopu.en.md

@@ -0,0 +1,6 @@
+---
+nazev: The Photoshop workspace
+popis: Panels, zoom and saving a PSD.
+nazev_cviceni: Quiz: the workspace
+nadpis_kvizu: Find the shortcut and the right file
+---

content/prezentacni-grafika/1-rocnik/03-prostredi-photoshopu.md

@@ -0,0 +1,79 @@
+---
+id: pg-1-prostredi
+nazev: Prostředí Photoshopu
+popis: Panely, lupa a ukládání PSD.
+nazev_cviceni: Kvíz: prostředí
+nadpis_kvizu: Najděte zkratku a správný soubor
+---
+
+# Výklad
+
+## Okno
+*Panely*
+
+- Vlevo je panel nástrojů. Nahoře jsou volby vybraného nástroje, mění se s ním.
+- Vpravo jsou Vrstvy, Barvy a Vlastnosti. Když panel zmizí, vrátí ho Okno a název panelu.
+- Uprostřed je plátno. Šedé okolí není součást obrázku, netiskne se.
+- Pracovní plochu Fotografie nebo Základní nastavíte vpravo nahoře. Cizí rozložení si neukládejte přes cizí účet.
+
+> Tip: Na Macu je Ctrl většinou Cmd. Alt je Option. Zkratky v lekcích jsou windowsové.
+
+## Pohyb po obraze
+*Lupa*
+
+- Mezerník dočasně vezme ručičku a obraz se posouvá.
+- Ctrl+0 vměstná celé plátno do okna. Ctrl+1 ukáže 100 %, jeden pixel na pixel.
+- Nástroj lupa je Z. Alt a klik zmenšuje.
+- Při retuši kontrolujte 100 %. Na celém plátně drobná chyba zanikne.
+
+> Tip: Ctrl+Alt+Z krokne zpět o víc než jeden krok. Panel Historie ukáže, kam až se dá vrátit.
+
+## Uložení
+*PSD a JPG*
+
+- Pracovní soubor je PSD. Drží vrstvy, masky a text.
+- JPG je kopie na odevzdání nebo na web. Vrstvy v něm nejsou.
+- Soubor > Uložit jako nechá PSD. Export > Exportovat jako udělá JPG nebo PNG.
+- JPG kvalitu 10 (nebo 80 %) berte na fotku. Nižší kvalita dělá kostky.
+
+> Tip: Jednou uložené JPG znovu neukládejte jako jediný zdroj. Každý export ubere detail.
+
+## Zadání: první soubor
+*Cvičení*
+
+- Otevřete web.psd z minulé lekce, nebo založte nový 1920 × 1080 px.
+- Přejmenujte první vrstvu na pozadi a uložte soubor jako uvod.psd.
+- Ctrl+0 a Ctrl+1 si vyzkoušejte. Na 100 % má být vidět pixel, ne celé plátno.
+- Exportujte kopii uvod.jpg v kvalitě 10. PSD si nechte.
+
+> Tip: Když Exportovat jako nabídne PNG, přepněte formát na JPG. PNG tu ještě nepotřebujeme.
+
+# Kvíz
+
+## Co udělá Ctrl+1?
+- Vloží novou vrstvu
+- [x] Ukáže obraz v měřítku 100 %
+- Smaže plátno
+- Převede barvy do CMYK
+> 100 % je jeden pixel souboru na jeden pixel obrazovky. Ctrl+0 naopak vměstná celé plátno.
+
+## Který soubor si necháváte jako pracovní?
+- JPG
+- [x] PSD
+- MP4
+- Jen snímek obrazovky
+> PSD drží vrstvy. JPG je plochá kopie.
+
+## Čím se při přiblížení posouvá obraz?
+- Nástrojem text
+- [x] Mezerníkem
+- Klávesou D
+- Exportem
+> Mezerník dočasně přepne na ručičku, ať nemusíte měnit nástroj.
+
+## Jakou kvalitu JPG berete na obyčejnou fotku?
+- 1
+- [x] 10, tedy kolem 80 %
+- JPG se na fotku nehodí
+- Jen PNG
+> Kvalita 1 obraz rozbije na kostky. Kolem 10 je rozumný kompromis velikosti a vzhledu.

content/prezentacni-grafika/1-rocnik/04-vrstvy.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Layers
+popis: Order, opacity and groups. An edit does not sit on the photo pixels.
+nazev_cviceni: Quiz: layers
+nadpis_kvizu: Put the layers in the right order
+---

content/prezentacni-grafika/1-rocnik/04-vrstvy.md

@@ -0,0 +1,79 @@
+---
+id: pg-1-vrstvy
+nazev: Vrstvy
+popis: Pořadí, krytí a skupiny. Úprava nesedí na pixelech fotky.
+nazev_cviceni: Kvíz: vrstvy
+nadpis_kvizu: Dejte vrstvy do správného pořadí
+---
+
+# Výklad
+
+## Proč vrstva
+*Pořádek*
+
+- Každá úprava má vlastní vrstvu. Fotka vespod zůstane nedotčená.
+- Horní vrstva překrývá spodní. Text patří nahoru, fotka dolů.
+- Oko u vrstvy ji skryje. Zámek zabrání posunu.
+- Vrstvu pojmenujte: fotka, retus, nadpis. Název Vrstva 1 nic neřekne.
+
+> Tip: Když smažete vrstvu, fotka pod ní zůstane. Když malujete přímo do fotky, už ji neoddělíte.
+
+## Krytí a pořadí
+*Vzhled*
+
+- Krytí 100 % je plná vrstva. Krytí 70 % nechá prosvítat to, co je pod ní.
+- Pořadí změníte tažením v panelu Vrstvy.
+- Režim prolnutí nechte na Normální, dokud ho lekce výslovně nezmění.
+- Jedna věc na jedné vrstvě. Nadpis a stín textu k sobě patří, retuš ne.
+
+> Tip: Krytí je u horního okraje panelu Vrstvy. Není to totéž co Výplň, tu zatím nechte 100 %.
+
+## Skupina
+*Složka*
+
+- Ctrl+G vloží vybrané vrstvy do skupiny. Skupina je složka v panelu.
+- Skupina Popisek ať drží nadpis i podnadpis. Skupina Foto ať drží fotku a retuš.
+- Skrytí skupiny skryje všechno v ní. Jednotlivé vrstvy tím nesmažete.
+- Rozdělit skupinu jde Ctrl+Shift+G.
+
+> Tip: Nejdřív vyberte vrstvy se Shiftem, pak Ctrl+G. Prázdná skupina sama nic nesrovná.
+
+## Zadání: tři patra
+*Cvičení*
+
+- V uvod.psd mějte dole vrstvu fotka.
+- Nad ní vrstvu uprav, krytí 70 %. Zatím na ni stačí jednobarevný obdélník přes spodní třetinu.
+- Úplně nahoru vrstvu nadpis s textem Školní den.
+- Vrstvy nadpis a uprav dejte do skupiny popisek. Uložte PSD.
+
+> Tip: Když text nejde přečíst, není špatně písmo, ale pořadí. Nadpis nesmí skončit pod fotkou.
+
+# Kvíz
+
+## Kam patří vrstva s fotkou?
+- Úplně nahoru
+- [x] Dolu, pod úpravy a text
+- Mimo panel Vrstvy
+- Do JPG
+> Fotka je podklad. Všechno, co se má dát vypnout, leží nad ní.
+
+## Co znamená krytí 70 %?
+- Vrstva je o 70 px menší
+- [x] Vrstva je částečně průhledná
+- Text má 70 bodů
+- Soubor má 70 ppi
+> 100 % je plná vrstva. Nižší krytí nechá prosvítat vrstvy pod ní.
+
+## Čím se vybrané vrstvy seskupí?
+- Ctrl+1
+- [x] Ctrl+G
+- Klávesou D
+- Exportem do JPG
+> Ctrl+G udělá skupinu. Ctrl+Shift+G ji zase rozebere.
+
+## Proč se nemaluje přímo do vrstvy fotky?
+- Photoshop to zakazuje
+- [x] Úprava pak nejde oddělit ani vypnout
+- Fotka by se stala vektorem
+- Změní se to na CMYK
+> Vlastní vrstvu smažete nebo skryjete. Pixely fotky už od malby neočistíte.

content/prezentacni-grafika/1-rocnik/05-vybery.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Selections
+popis: Mark part of the picture and copy it to a new layer.
+nazev_cviceni: Quiz: selections
+nadpis_kvizu: Pick the tool and the shortcut
+---

content/prezentacni-grafika/1-rocnik/05-vybery.md

@@ -0,0 +1,79 @@
+---
+id: pg-1-vybery
+nazev: Výběry
+popis: Označení části obrazu a kopie na novou vrstvu.
+nazev_cviceni: Kvíz: výběry
+nadpis_kvizu: Vyberte nástroj a zkratku
+---
+
+# Výklad
+
+## Nástroje výběru
+*Tvar*
+
+- Obdélníkový a eliptický výběr řežou pravidelný tvar. Hodí se na ořez a banner.
+- Laso obkreslí nepravidelný okraj rukou. Na vlasy je nepřesné.
+- Rychlý výběr a předmět malují přes plochu, kterou chcete. Photoshop dopočítá hranu.
+- Kouzelná hůlka bere souvislou podobnou barvu. Na oblohu ano, na tvář ne.
+
+> Tip: Shift k výběru přidává, Alt ubírá. Ve volbách nástroje je totéž jako ikony.
+
+## Hrana
+*Prolnutí*
+
+- Tvrdý výběr dělá nalepený obrys. Prolnutí okraje (feather) hranu změkčí.
+- U postavy stačí prolnutí 1 až 2 px. U oblohy může být větší.
+- Prolnutí se nastavuje před potvrzením, nebo přes Výběr > Upravit > Prolnout okraj.
+- Když je kolem vlasů barevný lem, výběr byl moc hrubý. Zpřesněte ho, neschovávejte ho rozmazáním.
+
+> Tip: Prolnutí 20 px z člověka udělá ducha. Na výřez postavy je to moc.
+
+## Nová vrstva z výběru
+*Ctrl+J*
+
+- Ctrl+J zkopíruje výběr na novou vrstvu. Původní fotka zůstane vespod.
+- Tak se postava oddělí od pozadí, aniž byste pozadí mazali.
+- Výběr zrušíte Ctrl+D. Když ho nezrušíte, další malování se ořeže jen do něj.
+- Vrstvu s postavou pojmenujte osoba. Vrstvu pod ní pozadi.
+
+> Tip: Ctrl+J bez výběru zkopíruje celou vrstvu. Nejdřív musí běžet mravenci kolem výběru.
+
+## Zadání: osoba bokem
+*Cvičení*
+
+- Vyberte postavu rychlým výběrem. Okraj doplňte se Shiftem a Alt.
+- Dejte prolnutí 2 px a Ctrl+J. Vznikne vrstva osoba.
+- Vrstvu pozadi ztmavte tak, aby šla vypnout. Postava zůstane ve své vrstvě světlá.
+- Uložte vyber.psd. Výběr před uložením zrušte Ctrl+D.
+
+> Tip: Když ztmavení sedí i na postavě, malovali jste do špatné vrstvy. Ztmavení patří jen na pozadi.
+
+# Kvíz
+
+## Který nástroj bere souvislou podobnou barvu, třeba oblohu?
+- Text
+- [x] Kouzelná hůlka
+- Ořez
+- Pero v Illustratoru
+> Hůlka skočí po podobné barvě. Na tvář, která má víc odstínů, se nehodí.
+
+## Co udělá Ctrl+J, když je něco vybrané?
+- Smaže výběr
+- [x] Zkopíruje výběr na novou vrstvu
+- Převede obraz do CMYK
+- Založí video
+> Původní vrstva zůstane. Nová obsahuje jen vybranou část.
+
+## Jaké prolnutí okraje dává smysl u postavy?
+- [x] 2 px
+- 80 px
+- 300 ppi
+- Žádné, ale 40 px stín na celé fotce
+> 1 až 2 px hranu změkčí. Desítky pixelů postavu rozmažou.
+
+## Čím se výběr zruší?
+- [x] Ctrl+D
+- Ctrl+0
+- Exportem JPG
+- Krytím 70 %
+> Nezrušený výběr omezí další malování jen dovnitř mravenců.

content/prezentacni-grafika/1-rocnik/06-retus.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Retouching
+popis: The clone stamp and the healing brush on their own layer.
+nazev_cviceni: Quiz: retouching
+nadpis_kvizu: Pick the tool and the layer
+---

content/prezentacni-grafika/1-rocnik/06-retus.md

@@ -0,0 +1,79 @@
+---
+id: pg-1-retus
+nazev: Retuš
+popis: Klonovací razítko a opravný štětec na vlastní vrstvě.
+nazev_cviceni: Kvíz: retuš
+nadpis_kvizu: Vyberte nástroj a vrstvu
+---
+
+# Výklad
+
+## Dva nástroje
+*Razítko a štětec*
+
+- Klonovací razítko kopíruje konkrétní místo. Nejdřív Alt+klik do zdroje, pak malujete cíl.
+- Opravný štětec bere texturu z okolí sám. Hodí se na pupínek, prach a malou skvrnu.
+- Razítko berte tam, kde musí sedět vzor: plot, spára, textura zdi.
+- Na velkou plochu oblohy je často rychlejší výběr a výplň než hodina razítka.
+
+> Tip: Alt+klik není obyčejný klik. Bez zdroje razítko neví, odkud brát.
+
+## Vrstva retus
+*Nesahejte na fotku*
+
+- Nad fotku přidejte prázdnou vrstvu retus.
+- Ve volbách razítka i štětce zapněte Vzorkovat všechny vrstvy, jinak prázdná vrstva nemá co kopírovat.
+- Retuš pak jde ztlumit krytím nebo vypnout okem. Fotka vespod zůstane.
+- Když se vzor opakuje jako razítko, vezměte zdroj z jiného místa. Jedna cihla pětkrát je vidět.
+
+> Tip: Tvrdost štětce kolem 50 % a krytí 100 %. Měkké razítko na hraně předmětu rozmaže obrys.
+
+## Co retušovat
+*Míra*
+
+- Pryč patří prach, datum z fotoaparátu, koš v záběru a drát, který tam nemá být.
+- Nepatří pryč pihy, jizva ani rys, který dělá člověka. To už není oprava, ale jiná tvář.
+- Datum vypálené v rohu je pixel, ne vrstva. Musí se přemalovat z okolí oblohy nebo zdi.
+- Po retuši se podívejte na 100 %. Opakovaný vzor a šmouha jsou vidět zblízka.
+
+> Tip: Jedna školní fotka, tři konkrétní chyby. Celou kůži nepřemalovávejte.
+
+## Zadání: tři chyby
+*Cvičení*
+
+- Najděte na fotce tři rušivé věci: třeba koš, drát a datum, nebo tři skvrny.
+- Odstraňte je na vrstvě retus. Razítko i štětec vzorkují všechny vrstvy.
+- Vrstvu fotka nezamykejte malbou. Po vypnutí retus musí být chyby zpátky.
+- Uložte retus.psd a do názvů si poznamenejte, který nástroj byl na které chybě.
+
+> Tip: Když po vypnutí vrstvy retus obraz vypadá stejně, malovali jste do fotky. Vezměte to z historie zpět.
+
+# Kvíz
+
+## Jak se u klonovacího razítka určí zdroj?
+- Ctrl+J
+- [x] Alt+klik do místa, které se má kopírovat
+- Exportem
+- Krytím 70 %
+> Alt+klik vezme zdroj. Další tahy ho kopírují do cíle.
+
+## Kam se retuš maluje?
+- Přímo do vrstvy fotky
+- [x] Na prázdnou vrstvu nad fotkou
+- Do textové vrstvy
+- Do JPG
+> Vlastní vrstva jde vypnout. Fotka zůstane původní.
+
+## Který nástroj si bere texturu z okolí sám?
+- [x] Opravný štětec
+- Text
+- Ořez na 1920 px
+- Pero
+> Štětec dopočítá okolí. Razítko kopíruje přesně to místo, které jste označili.
+
+## Co musí být zapnuté, když razítko maluje do prázdné vrstvy?
+- CMYK
+- [x] Vzorkovat všechny vrstvy
+- Spadávka 3 mm
+- 25 sn/s
+> Bez vzorkování všech vrstev je zdroj prázdný a razítko nemá co kopírovat.

content/prezentacni-grafika/1-rocnik/07-text-a-barvy.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Type and colour
+popis: A headline, the eyedropper and the foreground colour.
+nazev_cviceni: Quiz: type and colour
+nadpis_kvizu: Name the colour shortcuts
+---

content/prezentacni-grafika/1-rocnik/07-text-a-barvy.md

@@ -0,0 +1,79 @@
+---
+id: pg-1-text-a-barvy
+nazev: Text a barvy
+popis: Nápis, kapátko a barva popředí.
+nazev_cviceni: Kvíz: text a barvy
+nadpis_kvizu: Poznejte zkratky barev
+---
+
+# Výklad
+
+## Barva popředí
+*Kapátko*
+
+- Levý horní čtvereček je barva popředí, pravý dolní je pozadí.
+- D vrátí černou a bílou. X je prohodí.
+- Kapátko je I. Klik do fotky vezme barvu, která už v obraze je.
+- Barvu nadpisu berte z fotky, ne náhodnou jedovatou zelenou, která se s ní pere.
+
+> Tip: Na světlé nebe patří tmavý text, na tmavý kabát světlý. Stejná šedá na obojí zanikne.
+
+## Nástroj text
+*Písmo*
+
+- Jedno kliknutí založí bodový text. Tažení myší založí odstavcový rámeček.
+- Nadpis školní práce je bodový text. Delší odstavec patří do rámečku.
+- Velikost nadpisu na plátně 1920 px je kolem 72 pt. Podnadpis kolem 28 pt.
+- Písmo nechte jedno, nejvýš dvě. Třetí řez plakát rozbije.
+
+> Tip: Textová vrstva se jmenuje podle nápisu. Nepřevádějte ji na pixely, dokud nemusíte. V PSD ať jde text přepsat.
+
+## Čitelnost
+*Kontrast*
+
+- Když text sedí na rušné fotce, dejte pod něj poloprůhledný pruh, ne jen stín.
+- Stín textu: vzdálenost malá, třeba 4 px, rozmazání 8 px, krytí kolem 40 %.
+- Bílý text na světlé obloze nečetete ani vy. Ztmavte místo pod ním, nebo změňte barvu písma.
+- Zarovnání na střed jen u krátkého nadpisu. Dlouhý text nechte vlevo.
+
+> Tip: Styl vrstvy je fx dole v panelu Vrstvy. Stín pak jde vypnout, písmo zůstane.
+
+## Zadání: nápis z fotky
+*Cvičení*
+
+- Kapátkem I vezměte světlou barvu z fotky a nadpis Školní den napište barvou, která je k ní kontrastní.
+- Podnadpis se jménem autora dejte na 28 pt.
+- Pod text dejte pruh s krytím 70 %, ať nápis drží i na světlém místě.
+- Uložte napis.psd. Text nechte jako textovou vrstvu, nerasterizujte ho.
+
+> Tip: X prohodí barvy, když kapátko vezme pravou. D vás vrátí na černou a bílou, když se ztratíte.
+
+# Kvíz
+
+## Co udělá klávesa D?
+- Smaže vrstvu
+- [x] Vrátí výchozí černou a bílou
+- Spustí export
+- Založí masku
+> D je default. X potom černou a bílou prohodí.
+
+## Čím se nabere barva z fotky?
+- Klonovacím razítkem
+- [x] Kapátkem, klávesa I
+- Ořezem
+- Ctrl+0
+> Kapátko uloží barvu pixelu do popředí. Nadpis pak ladí s fotkou.
+
+## Jak velký má být podnadpis na plátně 1920 px?
+- 4 pt
+- [x] kolem 28 pt
+- 300 pt
+- 2480 pt
+> Nadpis je velký, kolem 72 pt. Podnadpis je menší, kolem 28 pt, ať je vidět hierarchie.
+
+## Proč se text hned nerasterizuje?
+- PSD by nešel uložit
+- [x] V pracovním souboru má jít nápis přepsat
+- Raster je vektor
+- Premiere ho jinak nepřečte
+> Z pixelů text už neopravíte. Na pixely ho převádějte až v kopii, když musíte.

content/prezentacni-grafika/1-rocnik/08-zadani-fotografie.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Assignment: edit a photograph
+popis: One photo, retouch, a selection, type and two exports.
+nazev_cviceni: Quiz: the photograph
+nadpis_kvizu: Check the finished piece
+---

content/prezentacni-grafika/1-rocnik/08-zadani-fotografie.md

@@ -0,0 +1,79 @@
+---
+id: pg-1-zadani-fotografie
+nazev: Zadání: úprava fotografie
+popis: Jedna fotka, retuš, výběr, nápis a dva výstupy.
+nazev_cviceni: Kvíz: úprava fotografie
+nadpis_kvizu: Zkontrolujte hotovou práci
+---
+
+# Výklad
+
+## Co se odevzdává
+*Rozsah*
+
+- Jedna fotka školní akce nebo místa, ořez na 1920 × 1080 px, RGB, 72 ppi.
+- Pracovní soubor fotografie.psd a plochá kopie fotografie.jpg v kvalitě 10.
+- Na plátně je nápis Školní den a pod ním vaše jméno.
+- JPG nesmí být jediný soubor. Bez PSD nejde práce opravit.
+
+> Tip: Ořez udělá nástroj Ořez. Poměr stran zadejte 16 : 9, ať z fotky nezbude čtverec omylem.
+
+## Vrstvy, které musí být
+*Skladba*
+
+- Dole fotka. Nad ní retus s aspoň jednou odstraněnou věcí, vzorkuje všechny vrstvy.
+- Osoba nebo hlavní předmět je vybraný a leží na vlastní vrstvě, prolnutí okraje 2 px.
+- Pozadí jde ztmavit samostatně. Po vypnutí této úpravy je pozadí zpět světlé.
+- Skupina popisek drží pruh s krytím 70 % a oba texty. Texty nejsou rasterizované.
+
+> Tip: Pět vteřin kontroly: vypínejte skupiny okem. Každá musí něco změnit a po zapnutí to vrátit.
+
+## Nápis
+*Čitelnost*
+
+- Barva nadpisu je z kapátka nebo k němu kontrastní. Na světlém místě nesmí zmizet.
+- Podnadpis má asi 28 pt. Nadpis je výrazně větší.
+- Pruh pod textem nelpí na horní hraně, sedí ve spodní třetině.
+- Žádný text není oříznutý hranou plátna. Nechte od okraje aspoň 48 px.
+
+> Tip: 48 px je bezpečný okraj i na telefonu, když se JPG někde ořízne na krajích.
+
+## Kontrola před odevzdáním
+*Seznam*
+
+- Obraz je 1920 × 1080 px. Větší export zmenšete, menší nezvětšujte rozmazáním.
+- Retuš na 100 % nemá opakovaný vzor ani šmouhu přes obličej.
+- V JPG nejsou vrstvy, v PSD jsou. Oba soubory se jmenují fotografie, liší se příponou.
+- Původní fotku nemažte. Když ořez přetáhnete, musí být z čeho začít znovu.
+
+> Tip: Soubor > Exportovat jako ukáže rozměr. Když tam není 1920 × 1080, ořez ještě nesedí.
+
+# Kvíz
+
+## Jaký má být výsledný rozměr?
+- 2480 × 3508 px
+- [x] 1920 × 1080 px
+- A4 při 300 ppi
+- 80 × 80 px
+> Zadání je obrazovka, Full HD, 16 : 9. A4 při 300 ppi by bylo do tisku.
+
+## Kde smí ležet retuš?
+- Jen v JPG
+- [x] Na vlastní vrstvě nad fotkou
+- V rasterizovaném textu
+- V dokumentu CMYK
+> Vrstva retus jde vypnout. JPG je až plochá kopie na odevzdání.
+
+## Jaké krytí má pruh pod nápisem?
+- 10 %
+- [x] 70 %
+- 300 %
+- Pruh se nedělá
+> 70 % podrží text a ještě nechá tušit fotku. Plný pruh ji zakryje celou.
+
+## Co se odevzdává?
+- Jen JPG
+- [x] PSD i JPG
+- Jen SVG
+- Projekt Premiere
+> PSD je práce s vrstvami. JPG je náhled, který otevře i člověk bez Photoshopu.