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

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

content/prezentacni-grafika/4-rocnik/01-illustrator.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Illustrator: the artboard
+popis: Curves, the V, A and P tools, an artboard for the screen.
+nazev_cviceni: Quiz: Illustrator
+nadpis_kvizu: Name the tool
+---

content/prezentacni-grafika/4-rocnik/01-illustrator.md

@@ -0,0 +1,79 @@
+---
+id: pg-4-illustrator
+nazev: Illustrator: plocha a nástroje
+popis: Křivky, nástroje V, A a P, plátno pro obrazovku.
+nazev_cviceni: Kvíz: Illustrator
+nadpis_kvizu: Poznejte nástroj
+---
+
+# Výklad
+
+## Proč Illustrator
+*Křivka*
+
+- Illustrator kreslí křivky. Logo z něj vytisknete na vizitku i na banner a hrana zůstane hladká.
+- Photoshopové logo z malého PNG sem nepatří. Vektor se tu staví znovu, nebo se otevře SVG a AI.
+- Soubor je AI. Na výměnu s jiným programem se hodí i SVG a PDF.
+- Na fotku Illustrator není. Fotka sem patří jen jako podklad, který pak skryjete.
+
+> Tip: Když v náhledu na 800 % uvidíte pixely, není to křivka. Je to vložená bitmapa.
+
+## Tři nástroje
+*V, A, P*
+
+- V je výběr. Posouvá a mění celý objekt.
+- A je přímý výběr. Táhne jeden kotevní bod, zbytek tvaru nechá.
+- P je pero. Klik klade body, tah klade křivku. Pero je hlavní kreslicí nástroj.
+- Na první cvičení pero nepotřebujete celé. Obdélník a elipsa stačí.
+
+> Tip: Na Macu jsou zkratky stejné. Přepínají se jednou klávesou, bez Cmd.
+
+## Plátno
+*1920 × 1080*
+
+- Nový dokument pro obrazovku: 1920 × 1080 px, RGB, jeden artboard.
+- Pro tisk se později založí milimetrový artboard. Teď je to obrazovka, ať sedí s Premiere a Photoshopem.
+- Artboard není vrstva. Je to papír. Objekty mimo něj se neexportují, ale v souboru jsou.
+- Bílé pozadí artboardu není objekt. Když chcete barvu v pozadí, nakreslete obdélník.
+
+> Tip: Více artboardů přijde u loga ve variantách. Zatím jeden.
+
+## Zadání: dva tvary
+*Cvičení*
+
+- Dokument znacka-podklad.ai, 1920 × 1080 px, RGB.
+- Nakreslete jeden obdélník a jednu elipsu. Každý ať má výplň a žádný tah, nebo tah 2 pt schválně.
+- Elipsu vyberte nástrojem A a vytáhněte jeden kotevní bod, ať není pravidelná.
+- Uložte AI. Do JPG to zatím nepřevádějte.
+
+> Tip: Výplň a tah jsou dole v panelu nástrojů. Prázdná výplň, červený přeškrtnutý čtverec, objekt neukáže, dokud nemá tah.
+
+# Kvíz
+
+## Co dělá nástroj A?
+- Posouvá celý objekt
+- [x] Táhne jeden kotevní bod
+- Píše text ve Photoshopu
+- Stříhá video
+> A je přímý výběr bodu. V posouvá celý tvar.
+
+## Který nástroj kreslí křivku po bodech?
+- V
+- [x] P, pero
+- C v Premiere
+- Kapátko I
+> Pero je P. Žiletka C patří do Premiere, sem ne.
+
+## Jak velký je školní dokument pro obrazovku?
+- [x] 1920 × 1080 px, RGB
+- A4, CMYK, 300 ppi jako jediná možnost
+- 303 × 426 mm hned
+- 80 × 80 px
+> Obrazovka je Full HD a RGB. Tiskový artboard přijde, až bude značka na papír.
+
+## Kdy v náhledu poznáte vloženou bitmapu?
+- Na 800 % zůstane hrana hladká
+- [x] Na 800 % se objeví pixely
+- Soubor má příponu AI, takže pixely nemá nikdy
+- Podle stopy V2
+> Křivka se nezvětší do čtverečků. Bitmapa ano.

content/prezentacni-grafika/4-rocnik/02-logo.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Curves and a logo
+popis: A mark made of three shapes, a full version and one colour.
+nazev_cviceni: Quiz: the logo
+nadpis_kvizu: Check the versions and the export
+---

content/prezentacni-grafika/4-rocnik/02-logo.md

@@ -0,0 +1,79 @@
+---
+id: pg-4-logo
+nazev: Křivky a logo
+popis: Značka ze tří tvarů, plná verze a jedna barva.
+nazev_cviceni: Kvíz: logo
+nadpis_kvizu: Zkontrolujte verze a export
+---
+
+# Výklad
+
+## Málo bodů
+*Čistá křivka*
+
+- Logo je jednoduché. Tři tvary stačí: třeba kniha, paprsek a kruh.
+- Každý tvar ať má co nejmíň kotevních bodů. Deset bodů na kružnici je zbytečných, elipsa je jeden objekt.
+- Tah převeďte na obrys, až když má být tloušťka součástí tvaru. Do té doby ať je tah tahem a jde změnit.
+- Text názvu školy nechte jako text, dokud nemáte vybrané písmo. Pak ho můžete převést na křivky.
+
+> Tip: Objekt > Cesta > Obrysy tahu, nebo Písmo > Vytvořit obrysy. Až v kopii. Původní text ať jde přepsat.
+
+## Dvě verze
+*Plná a jedna barva*
+
+- Plná verze má barvy školy, nejvýš dvě plus bílou nebo černou.
+- Jednobarevná verze je celá černá. Hodí se do razítka, do raznice a na světlý papír.
+- Obě verze jsou dva artboardy v jednom AI, ne dva náhodné JPG.
+- Na bílém i na černém podkladu musí být značka čitelná. Bílá značka na bílé není verze, je to chyba.
+
+> Tip: Třetí artboard si nechte na černé pozadí a bílou značku, když ji škola bude dávat na tričko.
+
+## Export
+*SVG a PDF*
+
+- SVG je pro web. Křivky v něm zůstanou, stránka ho zvětší.
+- PDF je pro tisk a pro vložení do InDesignu.
+- JPG z loga dělejte jen jako náhled, velký aspoň 1600 px. Jako jediný zdroj je zakázaný.
+- Názvy: logo.svg, logo.pdf, logo-cerna.svg.
+
+> Tip: Při exportu SVG nechte text v obrysech, pokud má značku otevřít někdo bez vašeho písma.
+
+## Zadání: značka školy
+*Cvičení*
+
+- Nakreslete značku ze tří tvarů a názvu školy.
+- Artboard plné verze a artboard černé verze.
+- Exportujte SVG a PDF u obou. JPG jen jako náhled 1600 px, navíc.
+- Soubor logo.ai si nechte. V něm musí jít značku přebarvit.
+
+> Tip: Tři tvary, ne třicet. Když značku nepřečtete na 16 px, je moc podrobná.
+
+# Kvíz
+
+## Z kolika tvarů je školní značka?
+- [x] Ze tří
+- Z jedné fotky
+- Z dvaceti přechodů
+- Z videa
+> Tři tvary se pamatují a vejdou se na vizitku. Fotka není logo.
+
+## Která verze se hodí do razítka?
+- Plnobarevná s přechodem
+- [x] Jednobarevná černá
+- JPG 80 px
+- Černobílé video
+> Razítko neumí přechod. Černá verze se vytiskne jednou barvou.
+
+## Který export podrží křivky na webu?
+- JPG
+- [x] SVG
+- MP4
+- prproj
+> SVG je vektor. JPG je bitmapa a při zvětšení se rozmaže.
+
+## Proč nestačí odevzdat jen JPG loga?
+- JPG nejde otevřít
+- [x] Nejsou v něm křivky a malý soubor nejde zvětšit
+- JPG je totéž co AI
+- Illustrator JPG neuloží
+> Zdroj je AI. SVG a PDF jsou výstupy. JPG je jen náhled.

content/prezentacni-grafika/4-rocnik/03-after-effects.en.md

@@ -0,0 +1,6 @@
+---
+nazev: After Effects: a composition
+popis: Eight seconds, Full HD, 25 fps and the logo layers.
+nazev_cviceni: Quiz: the composition
+nadpis_kvizu: Set up the composition
+---

content/prezentacni-grafika/4-rocnik/03-after-effects.md

@@ -0,0 +1,79 @@
+---
+id: pg-4-kompozice
+nazev: After Effects: kompozice
+popis: Osm sekund, Full HD, 25 sn/s a vrstvy loga.
+nazev_cviceni: Kvíz: kompozice
+nadpis_kvizu: Založte kompozici
+---
+
+# Výklad
+
+## Kompozice
+*Jako sekvence*
+
+- Kompozice v After Effects je plátno v čase. Má rozměr, snímkovou frekvenci a délku.
+- Školní úvod: 1920 × 1080, 25 sn/s, délka 8 sekund.
+- 8 sekund je 200 snímků. Titulek z Premiere trval 4, tady je čas i na pohyb.
+- Projekt má příponu aep. Není to mp4.
+
+> Tip: Nová kompozice je Ctrl+N. Délku pište 0:00:08:00, ne 8 snímků.
+
+## Vrstvy
+*Stejný princip*
+
+- Horní vrstva překrývá spodní, jako ve Photoshopu.
+- Logo z AI vložte jako kompozici nebo jako vrstvy, ať jde každý tvar animovat zvlášť.
+- PSD s vrstvami importujte jako kompozici, ne jako sloučený snímek.
+- Vrstvy pojmenujte. Tvar 1 a Tvar 2 se při animaci pletou.
+
+> Tip: Když je logo jedna sloučená vrstva, jednotlivý paprsek nerozhýbáte. Importujte znovu s vrstvami.
+
+## Kotva
+*Kolem čeho se to točí*
+
+- Kotva je bod, kolem kterého vrstva roste a otáčí se.
+- U loga má sedět uprostřed značky, ne v rohu plátna.
+- Nástroj kotva, nebo dvojklik na ikonu kotvy v panelu, ji srovná na střed vrstvy.
+- Špatná kotva je nejčastější důvod, proč logo přijede z boku, i když jste chtěli zvětšení.
+
+> Tip: Vrstvu si najeďte na začátek času, srovnejte kotvu, a teprve potom dávejte klíčové snímky.
+
+## Zadání: prázdný úvod
+*Cvičení*
+
+- Projekt uvod.aep, kompozice uvod, 1920 × 1080, 25 sn/s, 8 sekund.
+- Importujte logo tak, aby tvary byly samostatné vrstvy, a pojmenujte je.
+- Kotvu každého tvaru dejte na jeho střed.
+- Zatím nic neanimujte. Uložte aep. Mp4 z After Effects ještě nedělejte.
+
+> Tip: Délku kompozice přečtete nahoře v časové ose. Když končí na 10 sekundách, zkraťte ji na 8.
+
+# Kvíz
+
+## Jak dlouhá je školní kompozice úvodu?
+- [x] 8 sekund
+- 45 sekund
+- 4 snímky
+- 303 mm
+> Osm sekund stačí na nástup loga a textu. Delší úvod sežere krátké video.
+
+## Jaká je snímková frekvence?
+- [x] 25 sn/s
+- 300 ppi
+- 72 sn/s vždy
+- 1 sn/s
+> Stejně jako Premiere, 25. Jinak se úvod ve filmu cuká nebo přepočítává.
+
+## Kam má sedět kotva loga?
+- Do levého horního rohu plátna
+- [x] Na střed značky
+- Mimo kompozici
+- Na stopu A1
+> Od kotvy se počítá zvětšení a otočení. V rohu plátna značka odjíždí.
+
+## Jak se má importovat logo z Illustratoru?
+- Jako jeden JPG
+- [x] Po vrstvách, ať jde každý tvar zvlášť
+- Jako zvuk
+- Sloučené a hned exportované
+> Sloučená vrstva se hýbe jen celá. Tvary potřebují vlastní vrstvy.

content/prezentacni-grafika/4-rocnik/04-klicove-snimky.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Keyframes
+popis: The logo arrives in one second, and the motion eases.
+nazev_cviceni: Quiz: keyframes
+nadpis_kvizu: Fill in the times
+---

content/prezentacni-grafika/4-rocnik/04-klicove-snimky.md

@@ -0,0 +1,79 @@
+---
+id: pg-4-klice
+nazev: Klíčové snímky
+popis: Nástup loga za jednu sekundu a zjemnění pohybu.
+nazev_cviceni: Kvíz: klíčové snímky
+nadpis_kvizu: Doplňte časy
+---
+
+# Výklad
+
+## Dva snímky
+*Od a do*
+
+- Klíčový snímek je hodnota v čase: pozice, měřítko nebo krytí.
+- Na čase 0 má logo měřítko 0 %. Na čase 1 sekunda má 100 %.
+- Mezi těmito dvěma snímky After Effects pohyb dopočítá.
+- Jeden snímek nic neanimuje. Bez druhého hodnoty není kam dojít.
+
+> Tip: Stopky vedle vlastnosti v časové ose založí snímek. Druhý vznikne, když v jiném čase změníte hodnotu.
+
+## Zjemnění
+*F9*
+
+- Rovnoměrný pohyb vypadá strojově. Easy Ease, klávesa F9, začátek a konec zpomalí.
+- F9 mačkejte, když jsou snímky vybrané. Jinak se nezmění nic.
+- Na nástup loga Easy Ease patří. Na střih záběru v Premiere ne, to je jiný program.
+- Krytí textu nechte běžet taky mezi dvěma snímky, ne skokem z 0 na 100.
+
+> Tip: Změněný snímek má po F9 jinou ikonu, přesýpací, ne kosočtverec. Podle toho poznáte, že zjemnění sedí.
+
+## Text
+*1 + 4 + 1*
+
+- Text se objeví za 1 sekundu, zůstane 4 sekundy a zmizí za 1 sekundu.
+- To je 6 sekund textu. Logo nastupuje v první sekundě, text může začít po ní.
+- Celá kompozice má 8 sekund, takže na konci zůstanou 2 sekundy klidu nebo doběhu.
+- Text pište v After Effects. Nevypalujte ho do PSD, pokud ho chcete ještě posunout.
+
+> Tip: Čtyři sekundy klidu jsou stejné jako titulek v Premiere. Divák čte stejně pomalu.
+
+## Zadání: nástup
+*Cvičení*
+
+- Logo z měřítka 0 % na 100 % za první sekundu. Oba snímky s F9.
+- Název Školní den: nástup 1 sekunda, klid 4 sekundy, odchod 1 sekunda.
+- Kotvy jsou uprostřed. Logo neodjíždí z rohu.
+- Uložte uvod.aep. Export mp4 až po kontrole přehrávání, délka pořád 8 sekund.
+
+> Tip: Mezerník přehrává. Když logo skočí, chybí druhý snímek nebo je na stejném čase jako první.
+
+# Kvíz
+
+## Jaké měřítko má logo v čase 0 a v čase 1 sekunda?
+- 100 % a 100 %
+- [x] 0 % a 100 %
+- 50 % a 50 %
+- 300 ppi
+> Z nuly na plnou velikost za sekundu. Bez dvou snímků se nic nepohne.
+
+## Čím se nástup zjemní?
+- [x] F9, Easy Ease
+- Ctrl+J
+- Sytostí 0
+- Spadávkou
+> F9 na vybraných snímcích zpomalí rozjezd a dojezd. Pohyb přestane být pravítko.
+
+## Jak je rozložený text?
+- [x] 1 s nástup, 4 s klid, 1 s odchod
+- 12 snímků celkem
+- 8 s nástup a hned pryč
+- Jen vypálený v JPG
+> Jedna sekunda se objeví, čtyři se čte, jedna zmizí. Dohromady šest sekund.
+
+## Proč logo odjíždí z rohu, i když měníte jen měřítko?
+- Sekvence je 30 sn/s
+- [x] Kotva není uprostřed značky
+- Chybí CMYK
+- F9 je zapnuté
+> Měřítko roste od kotvy. Kotva v rohu plátna žene značku přes obraz.

content/prezentacni-grafika/4-rocnik/05-indesign.en.md

@@ -0,0 +1,6 @@
+---
+nazev: InDesign: a page
+popis: A two-page A4 leaflet, a master and a placed image.
+nazev_cviceni: Quiz: InDesign
+nadpis_kvizu: Recognise the master and the link
+---

content/prezentacni-grafika/4-rocnik/05-indesign.md

@@ -0,0 +1,79 @@
+---
+id: pg-4-indesign
+nazev: InDesign: stránka
+popis: Dvoustránkový leták A4, předloha a vložený obraz.
+nazev_cviceni: Kvíz: InDesign
+nadpis_kvizu: Poznejte předlohu a odkaz
+---
+
+# Výklad
+
+## Stránka, ne plátno
+*A4*
+
+- InDesign skládá stránku: text, obraz a logo v rámcích.
+- Leták je A4, 210 × 297 mm. Spadávka 3 mm se nastaví u dokumentu, stránka zůstane A4.
+- Na rozdíl od Photoshopu se tu plátno nezvětšuje na 216 × 303. Přesah je spadávka mimo stránku.
+- Dvě strany: přední s názvem akce, zadní s krátkým programem dne.
+
+> Tip: Nový dokument: záměr Tisk, A4, dvě stránky, spadávka 3 mm všude.
+
+## Rámce
+*Text a obraz*
+
+- Text žije v textovém rámci. Obraz v rámci obrazu. Nejsou to vrstvy Photoshopu.
+- Obraz se vkládá Soubor > Umístit. Nevkládejte ho přes schránku jako snímek obrazovky.
+- Umístěný PSD nebo JPG je odkaz. Když opravíte PSD a uložíte, InDesign ho umí aktualizovat.
+- Vložený obraz, který v souboru uvízne bez odkazu, se po opravě fotky sám nezmění.
+
+> Tip: Panel Odkazy ukáže, jestli je soubor aktuální, nebo chybí. Chybějící odkaz je červeně.
+
+## Předloha
+*Číslo strany*
+
+- Předloha, master, je stránka pod ostatními. Co je na ní, opakuje se.
+- Na předlohu dejte malé logo a číslo strany. Na běžnou stránku už jen obsah.
+- Prvek z předlohy na jedné straně odemknete Ctrl+Shift+klik, když ho máte výjimečně posunout.
+- Číslo strany je znak čísla stránky, ne ručně napsaná jednička. Druhá strana se pak očísluje sama.
+
+> Tip: Předloha je nahoře v panelu Stránky. Dvojklik ji otevře. Dvojklik na stránku 1 vás vrátí do dokumentu.
+
+## Zadání: dvě strany
+*Cvičení*
+
+- letak.indd, A4, dvě strany, spadávka 3 mm, okraje aspoň 12 mm.
+- Předloha: logo a automatické číslo strany.
+- Strana 1: název Školní den, datum 12. 6., umístěná fotka jako odkaz.
+- Strana 2: tři řádky programu. Uložte INDD a export nechte na pozdější lekci, nebo udělejte náhled PDF.
+
+> Tip: Fotku nejdřív upravte ve Photoshopu a uložte PSD. Do InDesignu ji umístěte, nekopírujte ji znovu.
+
+# Kvíz
+
+## Jak je v InDesignu nastavená spadávka?
+- Stránka se zvětší na 303 × 426 mm
+- [x] Stránka zůstane A4 a spadávka 3 mm je navíc
+- Spadávka se v sazbě nedělá
+- 72 ppi
+> A4 je čistý format. 3 mm přesah je vlastnost dokumentu, ne jiný rozměr stránky.
+
+## Jak se má dostat fotka do letáku?
+- Snímkem obrazovky
+- [x] Soubor > Umístit, jako odkaz
+- Vypálením do předlohy jednou provždy
+- Jako mp4
+> Odkaz jde po opravě PSD aktualizovat. Snímek obrazovky je druhá, horší fotka.
+
+## Co patří na předlohu?
+- Celý program dne, na každé straně jiný
+- [x] Logo a automatické číslo strany
+- Časová osa Premiere
+- Maska z Photoshopu
+> Předloha je to, co se opakuje. Program dne je obsah konkrétní strany.
+
+## Proč se číslo strany nepíše ručně jako 1?
+- InDesign čísla neumí
+- [x] Znak čísla stránky se na druhé straně změní sám
+- Ruční jednička je vektor
+- Kvůli 25 sn/s
+> Znak čísla stránky čte, na které straně je. Ruční 1 zůstane 1 i na straně 2.

content/prezentacni-grafika/4-rocnik/06-propojeni.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Linking the programs
+popis: The Illustrator logo in After Effects, and the opener in Premiere without a middle export.
+nazev_cviceni: Quiz: linking
+nadpis_kvizu: Pick what updates
+---

content/prezentacni-grafika/4-rocnik/06-propojeni.md

@@ -0,0 +1,79 @@
+---
+id: pg-4-propojeni
+nazev: Propojení programů
+popis: Logo z Illustratoru v After Effects a úvod v Premiere bez mezivýstupu.
+nazev_cviceni: Kvíz: propojení
+nadpis_kvizu: Vyberte, co se aktualizuje
+---
+
+# Výklad
+
+## Jeden zdroj
+*Odkaz*
+
+- Logo má jeden zdroj, logo.ai. Photoshop, After Effects i InDesign ať na něj odkazují.
+- Když značku přebarvíte v AI a uložíte, odkazy ji mohou načíst znovu. Kopírování JPG to neumí.
+- JPG 80 px vložené do čtyř programů jsou čtyři různé značky. Jedna se opraví, tři zůstanou staré.
+- Pojmenujte zdroj jednou. logo-final-final2.ai je cesta, jak odevzdat špatnou verzi.
+
+> Tip: V After Effects se odkaz obnoví v panelu projektu. V InDesignu v panelu Odkazy.
+
+## Dynamic Link
+*AE do Premiere*
+
+- Dynamic Link vloží kompozici After Effects na časovou osu Premiere bez mezivýstupu mp4.
+- Když v úvodu posunete text, Premiere po uložení aep ukáže novou verzi.
+- Oba programy mají být stejná generace. Starší Premiere nový aep často neotevře.
+- Soubory aep a prproj mějte ve stejné složce. Odkaz jinak spadne při přesunu jen jednoho z nich.
+
+> Tip: V Premiere: Soubor > Adobe Dynamic Link > Importovat kompozici After Effects. Na osu přijde jako záběr.
+
+## Co nepropojovat
+*Kopie*
+
+- Zvuk do Illustratoru nepatří. Video do InDesignu taky ne, kromě náhledu, který tu neděláme.
+- Plakát v PSD zůstává tisk. Do videa z něj berte jen logo nebo krátký náhled, ne celou spadávku se značkami.
+- Ořezové značky plakátu ve videu jsou chyba. Ty má jen tiskové PDF.
+- Když Dynamic Link nejde, exportujte úvod jako mp4 v ProRes nebo aspoň v kvalitním H.264 a ten vložte. Je to kopie, už se sama neopraví.
+
+> Tip: ProRes je mezisoubor, velký a kvalitní. H.264 je menší a už jednou stlačený. Do dalšího exportu je horší.
+
+## Zadání: úvod na ose
+*Cvičení*
+
+- V Premiere na začátek sekvence vložte kompozici uvod z After Effects přes Dynamic Link.
+- Délka ať sedí: 8 sekund úvodu, pak pokračuje sestřih.
+- Změňte v AI jednu barvu loga, uložte, a obnovte odkaz až do videa. Když se barva nezmění, máte někde JPG.
+- Uložte prproj i aep. Mp4 celého filmu exportujte znovu až na konci, ne po každém kroku.
+
+> Tip: Když se úvod na ose tváří jako offline, chybí aep nebo je jiná verze programu. Neexportujte přes to černou.
+
+# Kvíz
+
+## Kde má žít značka, aby šla opravit všude?
+- [x] V jednom logo.ai
+- Ve čtyřech různých JPG
+- Jen vypálená ve videu
+- V titulku Premiere jako jediném místě
+> Jeden zdroj. Ostatní programy na něj odkazují.
+
+## Co dělá Dynamic Link?
+- Převede plakát do CMYK
+- [x] Vloží kompozici After Effects do Premiere bez mezivýstupu
+- Smaže vrstvy v PSD
+- Nahradí InDesign
+> Úprava v aep se po uložení ukáže na ose. Mp4 mezi tím není potřeba.
+
+## Co do videa z plakátu nepatří?
+- Logo
+- [x] Ořezové značky
+- Název akce
+- Barva značky
+> Značky jsou pro tiskárnu. Ve snímku videa vypadají jako omylem vyfocený tiskový arch.
+
+## Kdy je mp4 z After Effects horší než Dynamic Link?
+- [x] Když chcete, aby se oprava textu sama propsala do Premiere
+- Když video má 25 sn/s
+- Když je úvod dlouhý 8 sekund
+- Mp4 je vždycky zdroj
+> Mp4 je kopie. Další oprava textu už do něj sama nevleze, musíte exportovat znovu.

content/prezentacni-grafika/4-rocnik/07-export-a-formaty.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Export and formats
+popis: What goes to the printer, to the web and out as video.
+nazev_cviceni: Quiz: formats
+nadpis_kvizu: Match the file to the job
+---

content/prezentacni-grafika/4-rocnik/07-export-a-formaty.md

@@ -0,0 +1,79 @@
+---
+id: pg-4-export
+nazev: Export a formáty
+popis: Co se odevzdává tiskárně, na web a jako video.
+nazev_cviceni: Kvíz: formáty
+nadpis_kvizu: Přiřaďte soubor k použití
+---
+
+# Výklad
+
+## Tabulka výstupů
+*Kam co*
+
+- Tiskárna dostane PDF. Plakát se spadávkou, leták A4 se spadávkou 3 mm.
+- Web dostane JPG nebo PNG. Logo navíc SVG.
+- Video dostane MP4, H.264, 1920 × 1080, 25 sn/s, 10 Mb/s.
+- Pracovní soubory PSD, AI, AEP, PRPROJ a INDD se odevzdávají do složky zdroj, ne místo výstupů.
+
+> Tip: Jeden formát nespasí všechno. SVG na projektor s videem nehraje a MP4 tiskárna nevytiskne.
+
+## Jména
+*Verze*
+
+- Název ať říká, co soubor je: plakat-tisk.pdf, plakat-web.jpg, skolni-den.mp4, logo.svg.
+- Datum verze pište jako 2026-06-12, rok-měsíc-den. Seřadí se samo.
+- Nepoužívejte final, final2 a oprava. Nová verze má nové datum, stará zůstane ve složce stare.
+- Mezery a háčky v názvech na Windows i Macu projdou, ale odkaz mezi programy občas spadne. Bez háčků je jistější.
+
+> Tip: skolni-den_2026-06-12.mp4 je jasnější než video1.mp4.
+
+## Složka odevzdání
+*Dvě hromádky*
+
+- Složka zdroj: ai, psd, aep, prproj, indd a použitá média.
+- Složka export: pdf, jpg, png, svg, mp4.
+- Média videa leží tam, kam vede odkaz projektu. Kopie na ploše se nepočítá.
+- Když učitel otevře jen složku export, musí vidět plakát, leták, logo i video bez Adobe.
+
+> Tip: INDD bez odkazovaných fotek otevře prázdné rámečky. Fotky patří k němu, nebo se před odevzdáním zabalí.
+
+## Zadání: srovnat složku
+*Cvičení*
+
+- Založte složku skolni-den se složkami zdroj a export.
+- Do export dejte aspoň logo.svg, plakat-tisk.pdf, plakat-web.jpg a skolni-den.mp4.
+- Do zdroj dejte odpovídající ai, psd, aep a prproj.
+- Cizí soubor Bez názvu-1 smažte nebo přejmenujte. Ve složce ať není nic, co neumíte vysvětlit.
+
+> Tip: InDesign umí Soubor > Sbalit. Vznikne složka s INDD i s obrázky. Tu dejte do zdroj.
+
+# Kvíz
+
+## Co dostane tiskárna?
+- prproj
+- [x] PDF
+- AEP
+- Jen SVG na plakát A3
+> Tisk je PDF se spadávkou. Projekt Premiere tiskárna neotevře.
+
+## Který soubor loga patří na web a zůstane ostrý?
+- logo.jpg o šířce 80 px
+- [x] logo.svg
+- skolni-den.mp4
+- plakat-tisk.pdf jako ikona
+> SVG je křivka. Malé JPG se na webu rozmaže, jakmile ho stránka zvětší.
+
+## Jak se má jmenovat nová verze videa z 12. 6. 2026?
+- final2.mp4
+- [x] skolni-den_2026-06-12.mp4
+- oprava oprava.mp4
+- DSC_1842.mp4
+> Datum rok-měsíc-den se seřadí a je vidět, která verze je nová.
+
+## Co musí být ve složce export, aby to otevřel člověk bez Adobe?
+- Jen AEP a PRPROJ
+- [x] PDF, JPG nebo PNG, SVG a MP4
+- Jen PSD
+- Jen INDD
+> Export je plochý výstup. Pracovní soubory Adobe bez programu nejdou přehrát ani otevřít naplno.

content/prezentacni-grafika/4-rocnik/08-maturitni-zadani.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Exam assignment
+popis: A Školní den campaign: a mark, a poster, a leaflet and a video.
+nazev_cviceni: Quiz: the campaign
+nadpis_kvizu: Walk through the whole hand-in
+---

content/prezentacni-grafika/4-rocnik/08-maturitni-zadani.md

@@ -0,0 +1,79 @@
+---
+id: pg-4-maturita
+nazev: Maturitní zadání
+popis: Kampaň Školní den: značka, plakát, leták a video.
+nazev_cviceni: Kvíz: kampaň
+nadpis_kvizu: Projdi celé odevzdání
+---
+
+# Výklad
+
+## Značka
+*Illustrator*
+
+- Značka ze tří tvarů a názvu. Plná verze a černá verze, obě v logo.ai.
+- Export logo.svg a logo.pdf. Černá verze jako logo-cerna.svg.
+- Na 16 px musí být značka pořád čitelná. Když není, uberete detail.
+- JPG není zdroj. Smí být jen náhled 1600 px.
+
+> Tip: Jedna značka na plakátu, v letáku i ve videu. Tři různé značky jsou tři práce, ne kampaň.
+
+## Tisk
+*Plakát a leták*
+
+- Plakát A3 na výšku, plátno 303 × 426 mm, 300 ppi, spadávka 3 mm, text mimo ořez.
+- Na plakátu je 12. 6. a tělocvična, fotka, maska, křivky a skupiny foto, grafika, text.
+- Leták InDesign, A4, dvě strany, spadávka 3 mm, předloha s číslem strany, fotka jako odkaz.
+- Výstupy: plakat-tisk.pdf se značkami, plakat-web.jpg 1600 px, letak.pdf.
+
+> Tip: Stejný název akce, stejné datum. Plakát a leták se nesmí rozejít.
+
+## Video
+*Premiere a After Effects*
+
+- Úvod 8 sekund z After Effects: logo z 0 % na 100 % za 1 sekundu, text 1 + 4 + 1, snímky s F9.
+- Úvod je v Premiere přes Dynamic Link, nebo jako jednou exportovaná kopie, když Link nejde.
+- Celé video 40 až 60 sekund, titulky, jeden J-cut, hudba −15 a pod řečí −24 dB, řeč kolem −6 dB.
+- Export skolni-den.mp4, H.264, 1920 × 1080, 25 sn/s, 10 Mb/s.
+
+> Tip: Na začátku mp4 hraje úvod, ne černá a ne ořezové značky z plakátu.
+
+## Složka
+*Obhajoba*
+
+- skolni-den/zdroj drží ai, psd, aep, prproj, indd a média.
+- skolni-den/export drží svg, pdf, jpg a mp4. Otevře je i člověk bez Adobe.
+- Na obhajobu ukážete nejdřív video, pak plakát, pak jeden pracovní soubor s vrstvami.
+- Řeknete, co je bitmapa a co vektor a proč je spadávka 3 mm. To je obsah čtyř ročníků.
+
+> Tip: Když se zeptají, proč není všechno v jednom JPG, odpověď je: tisk, web a video chtějí každý svůj soubor.
+
+# Kvíz
+
+## Co musí mít značka?
+- [x] Tři tvary, plnou a černou verzi, SVG a PDF
+- Jen JPG 80 px
+- Jen titulek v Premiere
+- Čtyři různé barvy na každém materiálu
+> Zdroj je AI. SVG a PDF jsou výstupy. Černá verze je pro jednu barvu.
+
+## Jaké je plátno plakátu?
+- A4 bez spadávky
+- [x] 303 × 426 mm při 300 ppi
+- 1920 × 1080 jako jediný tiskový rozměr
+- 8 sekund
+> A3 plus 3 mm z každé strany. 300 ppi. Video je zvlášť, ve Full HD.
+
+## Jak je dlouhý úvod z After Effects?
+- [x] 8 sekund, logo nastoupí za 1 sekundu
+- 45 sekund
+- 12 snímků celé
+- 4 minuty
+> Kompozice má 8 sekund. Měřítko loga jde z 0 % na 100 % během první z nich.
+
+## Co leží ve složce export?
+- Jen prproj a aep
+- [x] SVG, PDF, JPG a MP4
+- Jen PSD s vrstvami
+- Rozpracované bez názvu
+> Export otevře i člověk bez Adobe. Pracovní soubory jsou ve složce zdroj.