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

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

content/prezentacni-grafika/2-rocnik/01-masky.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Masks
+popis: A mask hides, it does not delete. Black conceals, white reveals.
+nazev_cviceni: Quiz: masks
+nadpis_kvizu: Read the mask
+---

content/prezentacni-grafika/2-rocnik/01-masky.md

@@ -0,0 +1,79 @@
+---
+id: pg-2-masky
+nazev: Masky
+popis: Maska skrývá, nemaže. Černá kryje, bílá ukazuje.
+nazev_cviceni: Kvíz: masky
+nadpis_kvizu: Přečtěte masku
+---
+
+# Výklad
+
+## K čemu maska je
+*Nedestruktivně*
+
+- Smazaný pixel je pryč. Maska ho jen schová a jde přemalovat zpátky.
+- Každá vrstva může mít jednu masku. Bílá plocha masky obraz ukazuje, černá ho kryje.
+- Šedá je poloprůhledná. 50 % šedá nechá vrstvu napůl vidět.
+- Masku přidáte ikonou obdélníku s kolečkem dole v panelu Vrstvy.
+
+> Tip: Když mažete gumou, nemáte cestu zpět. Když malujete do masky černou, stačí přetřít bílou.
+
+## Malování do masky
+*Štětec*
+
+- Klik na miniaturu masky, ne na miniaturu obrazu. Jinak malujete do fotky.
+- Alt+klik na masku ji ukáže přes celé plátno. Černobílý obraz je jen maska, ne výsledek.
+- Měkký štětec, tvrdost 0 %, krytí 30 %, černá barva. Okraj předmětu pak není vystřižený nůžkami.
+- X prohodí černou a bílou, takže stejný štětec umí skrýt i vrátit.
+
+> Tip: Kolem miniatury masky je rámeček, když je aktivní. Rámeček kolem fotky znamená, že malujete špatně.
+
+## Výběr a maska
+*Spolu*
+
+- Výběr postavy a pak ikona masky schová všechno mimo výběr.
+- Prolnutí 2 px udělejte ještě ve výběru, nebo okraj domalujte měkkým štětcem.
+- Maska není nová vrstva. V panelu sedí vpravo vedle miniatury.
+- Masku neslučujte s vrstvou, dokud učitel neřekne. Sloučení už nejde odmaskovat.
+
+> Tip: Ctrl+I na masce, když je vybraná, černou a bílou otočí. Hodí se, když jste skryli opak.
+
+## Zadání: výřez maskou
+*Cvičení*
+
+- Postavu oddělte maskou, ne gumou. Původní fotka po Alt+klik a přemalování bílou musí být celá.
+- Okraj dopracujte štětcem tvrdost 0 % a krytí 30 %.
+- Pozadí nechte ve vrstvě pod ní, ať jde vyměnit.
+- Uložte maska.psd. V souboru nesmí být jen jedna sloučená vrstva.
+
+> Tip: Vypněte a zapněte masku Shiftem a klikem na ni. Obraz se musí vrátit celý.
+
+# Kvíz
+
+## Co dělá černá barva v masce?
+- Vrstvu ukáže
+- [x] Vrstvu skryje
+- Převede ji na text
+- Zvýší rozlišení na 300 ppi
+> Černá kryje, bílá ukazuje, šedá je mezi tím.
+
+## Čím se maska zobrazí přes celé plátno?
+- Ctrl+1
+- [x] Alt+klik na miniaturu masky
+- Exportem JPG
+- Klávesou D na textu
+> Alt+klik ukáže černobílou masku. Další Alt+klik vrátí normální obraz.
+
+## Proč se výřez nedělá gumou?
+- Guma je v Illustratoru
+- [x] Smazané pixely už nevrátíte, masku ano
+- Guma umí jen CMYK
+- Premiere gumu nepustí
+> Masku přemalujete. Guma na obyčejné vrstvě pixely zahodí.
+
+## Jaké krytí štětce se hodí na jemný okraj masky?
+- 100 % tvrdý štětec
+- [x] 30 % a tvrdost 0 %
+- Krytí textu 28 pt
+- 10 Mb/s
+> Nízké krytí a měkký štětec skládají hranu postupně. Tvrdý tah je vidět jako střih.

content/prezentacni-grafika/2-rocnik/02-urovne-a-krivky.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Levels and curves
+popis: Brightness and contrast as an adjustment layer, not a rewrite of the pixels.
+nazev_cviceni: Quiz: curves
+nadpis_kvizu: Recognise a non-destructive edit
+---

content/prezentacni-grafika/2-rocnik/02-urovne-a-krivky.md

@@ -0,0 +1,79 @@
+---
+id: pg-2-krivky
+nazev: Úrovně a křivky
+popis: Světlost a kontrast jako vrstva úprav, ne jako přepis pixelů.
+nazev_cviceni: Kvíz: křivky
+nadpis_kvizu: Poznejte nedestruktivní úpravu
+---
+
+# Výklad
+
+## Vrstva úprav
+*Nad pixely*
+
+- Vrstva úprav mění vzhled všeho pod sebou a pixely fotky nepřepisuje.
+- Přidá se kolečkem dole v panelu Vrstvy. Položka Křivky nebo Úrovně.
+- Když úpravu vypnete okem, fotka je jako na začátku.
+- Úprava přímo přes Obraz > Přizpůsobení fotku přepíše. Ve školní práci ji neberte.
+
+> Tip: Vrstva úprav má vlastní masku. Černou v masce úpravu na části obrazu vypnete.
+
+## Úrovně
+*Tři body*
+
+- Černý bod říká, co má být nejtmavší. Bílý bod, co má být nejsvětlejší.
+- Šedý bod srovná nádech. Klik do místa, které má být neutrální šedé.
+- Bod světel nechte kolem 245, ne na 255, ať v obloze nezmizí kresba.
+- Bod stínů kolem 15, ne na 0, ať černá není slitá.
+
+> Tip: Když histogram na obou koncích nic nemá, fotka je mdlá. Body přitáhněte k místu, kde data začínají.
+
+## Křivka S
+*Kontrast*
+
+- Křivka zdola zleva nahoru doprava je světlost od stínů ke světlům.
+- Jemná křivka do S zvedne kontrast: stíny o trochu níž, světla o trochu výš.
+- Ostré S přepálí tváře a zabije stíny. Stačí malý oblouk.
+- Jedna vrstva Křivky na celou fotku. Druhou přidejte jen na oblohu, a maskou ji tam omezte.
+
+> Tip: Na křivce táhněte málo. Oko si na přepálený náhled rychle zvykne a původní fotka pak vypadá špatně, i když byla lepší.
+
+## Zadání: dvě úpravy
+*Cvičení*
+
+- Nad fotku dejte vrstvu úprav Křivky. Bod stínů nechte u 15, bod světel u 245, mezi tím jemné S.
+- Druhou křivku omezte maskou jen na pozadí, ať tvář nejde do přepalu.
+- Obě úpravy pojmenujte. Fotka vespod ať nemá žádné Přizpůsobení zapékané v pixelech.
+- Uložte krivky.psd. Vypnutí obou úprav vrátí původní světlost.
+
+> Tip: Alt při tahu černého a bílého bodu v Úrovních ukáže, které místo už je slité. U křivek stačí oko a 100 %.
+
+# Kvíz
+
+## Kam patří školní zesvětlení fotky?
+- Obraz > Přizpůsobení, přímo do pixelů
+- [x] Vrstva úprav nad fotkou
+- Do textové vrstvy
+- Do exportu JPG jako jediná úprava
+> Vrstva úprav jde vypnout. Přizpůsobení přes nabídku Obraz pixely přepíše.
+
+## Kam dát bod světel, aby obloha neztratila kresbu?
+- 0
+- [x] kolem 245
+- 255 a přes
+- 28 pt
+> 255 je čistá bílá bez kresby. 245 nechá ve světlech detail.
+
+## Co dělá jemná křivka ve tvaru S?
+- Sníží rozlišení
+- [x] Zvedne kontrast
+- Převede RGB na vektor
+- Přidá spadávku
+> Stíny jdou trochu níž a světla trochu výš. Kontrast stoupne, barva se nemění v jiný režim.
+
+## Čím se křivka omezí jen na pozadí?
+- Gumou na fotce
+- [x] Maskou vrstvy úprav
+- Exportem
+- Krytím textu
+> Černá v masce úpravy řekne: tady křivku nepoužívej. Tvář může zůstat bílá, tedy upravená jinou vrstvou, nebo naopak.

content/prezentacni-grafika/2-rocnik/03-chytre-objekty-a-filtry.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Smart objects and filters
+popis: Blur and sharpening you can still change.
+nazev_cviceni: Quiz: filters
+nadpis_kvizu: Fill in the filter values
+---

content/prezentacni-grafika/2-rocnik/03-chytre-objekty-a-filtry.md

@@ -0,0 +1,79 @@
+---
+id: pg-2-chytre-objekty
+nazev: Chytré objekty a filtry
+popis: Rozostření a doostření, které jde změnit.
+nazev_cviceni: Kvíz: filtry
+nadpis_kvizu: Doplňte hodnoty filtru
+---
+
+# Výklad
+
+## Chytrý objekt
+*Obal*
+
+- Vrstva > Chytré objekty > Převést na chytrý objekt zabalí vrstvu do obalu.
+- Filtr na chytrém objektu zůstane jako položka pod vrstvou. Dvojklik ho otevře znovu.
+- Filtr na obyčejné vrstvě pixely přepíše. Ve školním plakátu ho neberte.
+- Logo z Illustratoru vkládejte rovnou jako chytrý objekt, ať jde zvětšit.
+
+> Tip: V rohu miniatury chytrého objektu je malá ikona. Když tam není, filtr se zapíše natvrdo.
+
+## Rozostření pozadí
+*Hloubka*
+
+- Gaussovské rozostření oddělí pozadí od předmětu. Na pozadí stačí 8 px.
+- Předmět rozostřením nechte být. Buď je na vrstvě nad ním, nebo má masku.
+- Silnější rozostření, třeba 30 px, už pozadí smaže. Berte ho jen jako záměr.
+- Rozostření celého obrazu včetně tváře je chyba, ne hloubka ostrosti.
+
+> Tip: Nejdřív výřez maskou z minulé lekce, potom rozostření jen vrstvy pozadí.
+
+## Doostření
+*Unsharp*
+
+- Filtr Doostření (Unsharp Mask) zvedne kontrast na hraně. Není to zvětšení pixelů.
+- Školní hodnoty na fotku: množství 80 %, poloměr 1 px, práh 2.
+- Vyšší množství dělá světlý a tmavý obrys kolem větví a vlasů.
+- Doostřujte až nakonec a jen jednou. Doostřené doostření je vidět.
+
+> Tip: Náhled filtru přepínejte, ať vidíte rozdíl. Na 100 %, ne na zmenšeném plátně.
+
+## Zadání: hloubka a hrana
+*Cvičení*
+
+- Pozadí převeďte na chytrý objekt a dejte mu Gaussovské rozostření 8 px.
+- Předmět nechte ostrý. Maska nebo samostatná vrstva ho chrání.
+- Na předmět dejte Doostření 80 %, poloměr 1 px, práh 2, taky jako filtr chytrého objektu.
+- Uložte filtry.psd. Oba filtry musí jít otevřít dvojklikem a hodnoty změnit.
+
+> Tip: Když dvojklik filtr neotevře, vrstva nebyla chytrý objekt. Vezměte krok z historie a převeďte ji znovu.
+
+# Kvíz
+
+## Jaké rozostření má školní pozadí?
+- [x] 8 px Gaussovské
+- 80 px na celou fotku včetně tváře
+- 0 px
+- Rozostření se dělá v Premiere
+> 8 px pozadí oddělí a ještě ho nechá poznat. Celý obraz včetně předmětu se nerozostřuje.
+
+## Jaké hodnoty má školní Doostření?
+- [x] množství 80 %, poloměr 1 px, práh 2
+- množství 300 %, poloměr 20 px
+- jen krytí 70 %
+- 300 ppi
+> Malý poloměr drží hranu. Velký poloměr kreslí kolem předmětů svatozář.
+
+## Proč filtr patří na chytrý objekt?
+- Jinak nejde uložit PSD
+- [x] Hodnoty jdou potom změnit a pixely se nepřepíšou
+- Chytrý objekt je vždy CMYK
+- Kvůli 25 sn/s
+> Pod vrstvou zůstane řádek filtru. Dvojklik ho otevře se stejnými čísly.
+
+## Co Doostření ve skutečnosti dělá?
+- Dopočítá nové pixely jako při zvětšení
+- [x] Zvedne kontrast na hraně
+- Převede fotku na křivky
+- Přidá masku
+> Unsharp Mask není zvětšení. Měkkou fotku z malého souboru nezachrání, jen zdůrazní hranu.

content/prezentacni-grafika/2-rocnik/04-tvary-a-styly.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Shapes and layer styles
+popis: A vector bar, a shadow and a stroke inside Photoshop.
+nazev_cviceni: Quiz: shapes
+nadpis_kvizu: Fill in the bar and the shadow
+---

content/prezentacni-grafika/2-rocnik/04-tvary-a-styly.md

@@ -0,0 +1,79 @@
+---
+id: pg-2-tvary
+nazev: Tvary a styly vrstvy
+popis: Vektorový pruh, stín a tah přímo ve Photoshopu.
+nazev_cviceni: Kvíz: tvary
+nadpis_kvizu: Doplňte rozměr pruhu a stínu
+---
+
+# Výklad
+
+## Tvar
+*Vektor ve Photoshopu*
+
+- Nástroj obdélník a elipsa kreslí tvarovou vrstvu. Není to namalovaný pixel.
+- Tvar jde zvětšit a hrana zůstane hladká, podobně jako v Illustratoru.
+- Barvu změníte dvojklikem na miniaturu. Nemalujte přes tvar štětcem.
+- Na fotku 1920 × 1080 patří spodní pruh 1920 × 280 px, od kraje ke kraji.
+
+> Tip: Když podržíte Shift, elipsa je kružnice a obdélník čtverec.
+
+## Styl vrstvy
+*fx*
+
+- fx dole v panelu přidá stín, tah nebo přechod. Písmo ani tvar se nerasterizuje.
+- Stín školního pruhu: vzdálenost 8 px, velikost 16 px, krytí 40 %.
+- Tah 2 px berte jen na tlačítko nebo rámeček. Na velký pruh je zbytečný.
+- Styl zkopírujete Alt+tažením řádku fx na jinou vrstvu.
+
+> Tip: Krytí ve stínu není krytí celé vrstvy. Pruh může být plný a stín lehký.
+
+## Pruh a text
+*Spolu*
+
+- Pruh je jedna vrstva, text druhá. Neslučujte je.
+- Pruh má krytí 75 %, ať fotka pod ním nezmizí celá.
+- Text je bílý, když je pruh tmavý. Sedí aspoň 48 px od levého okraje pruhu.
+- Skupina spodni drží pruh i text. Vypnutí skupiny je sundá najednou.
+
+> Tip: Zarovnání textu k pruhu: vyberte obě vrstvy a v nástroji přesun použijte ikony zarovnání.
+
+## Zadání: spodní pruh
+*Cvičení*
+
+- Na plátně 1920 × 1080 nakreslete tvar 1920 × 280 px, krytí vrstvy 75 %.
+- Stín: vzdálenost 8, velikost 16, krytí stínu 40 %.
+- Bílý nadpis a podnadpis 28 pt jsou ve skupině s pruhem, 48 px od levého kraje.
+- Uložte pruh.psd. Tvar nesmí být rasterizovaný.
+
+> Tip: V panelu Vrstvy je u tvaru ikona, ne jen malba. Když chybí, kreslili jste štětcem.
+
+# Kvíz
+
+## Jak velký je spodní pruh na Full HD?
+- 280 × 280 px
+- [x] 1920 × 280 px
+- 2480 × 3508 px
+- A4
+> Šířka plátna je 1920. Výška pruhu 280 nechá fotce horní část.
+
+## Jaké krytí má vrstva pruhu?
+- [x] 75 %
+- 10 %
+- 100 % a navíc CMYK
+- Krytí se nenastavuje
+> 75 % pruh podrží text a fotku pod ním ještě tušíte.
+
+## Jaký stín má školní pruh?
+- [x] vzdálenost 8, velikost 16, krytí 40 %
+- vzdálenost 80, velikost 80, krytí 100 %
+- žádný, stín nejde u tvaru
+- jen filtr 8 px na fotku
+> Malý stín pruh odlepí od fotky. Velký stín přes celou fotku je špína, ne styl.
+
+## Proč se tvar nespojuje s textem do jedné vrstvy?
+- Photoshop to neumí oddělit
+- [x] Text by nešel přepsat a pruh přebarvit zvlášť
+- Kvůli 25 sn/s
+- JPG umí vrstvy líp
+> Každá věc vlastní vrstvu. Sloučení nechte až na plochý export.

content/prezentacni-grafika/2-rocnik/05-kompozice-plakatu.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Poster composition
+popis: A3, a 3 mm bleed and one main headline.
+nazev_cviceni: Quiz: the poster
+nadpis_kvizu: Pick the size and the bleed
+---

content/prezentacni-grafika/2-rocnik/05-kompozice-plakatu.md

@@ -0,0 +1,79 @@
+---
+id: pg-2-kompozice
+nazev: Kompozice plakátu
+popis: A3, spadávka 3 mm a jeden hlavní nápis.
+nazev_cviceni: Kvíz: plakát
+nadpis_kvizu: Vyberte formát a spadávku
+---
+
+# Výklad
+
+## Formát a spadávka
+*A3*
+
+- Školní plakát je A3 na výšku, 297 × 420 mm, 300 ppi, RGB.
+- Tiskárna ořízne papír na čistý A3. Barva, která má jít do kraje, musí přesahovat.
+- Spadávka je 3 mm na každé straně. Plátno tedy má 303 × 426 mm.
+- Vodítka dejte 3 mm od okraje. Dovnitř vodítek patří text, ven až k okraji plátna smí jen pozadí.
+
+> Tip: 303 mm je 297 plus 3 a 3. Když je plátno jen 297, spadávka tam není.
+
+## Jeden plakát, jedna věc
+*Hierarchie*
+
+- Největší je název akce. Pod ním datum a místo, menším písmem.
+- Datum školního zadání je 12. 6. Místo je tělocvična.
+- Hlavní prvek, třeba postava, sedí na třetině, ne uprostřed jako pasové foto.
+- Dva stejně velké nadpisy se perou. Jeden musí vyhrát.
+
+> Tip: Třetiny: dvě svislé a dvě vodorovné čáry dělí plochu na devět polí. Průsečík je silné místo.
+
+## Okraj textu
+*Klid*
+
+- Text je aspoň 10 mm od čistého ořezu, tedy dál než vodítko spadávky.
+- Řádek delší než dvě třetiny šířky se čte špatně. Nadpis zalomte.
+- Písmo nejvýš dvě. Jedno tučné na název, jedno obyčejné na údaj.
+- Logo školy je malé a v rohu. Není to druhý plakát.
+
+> Tip: Když logo nemáte ve vektoru, berte největší PNG, které škola má, a zmenšete ho. Ne naopak.
+
+## Zadání: kostra plakátu
+*Cvičení*
+
+- Nový dokument 303 × 426 mm, 300 ppi, RGB. Vodítka 3 mm od každého kraje.
+- Fotku dejte přes celou spadávku. Pruh a text až za vodítka.
+- Název akce, pod ním 12. 6. a tělocvična. Název je výrazně větší.
+- Uložte plakat-kostra.psd. Čistý formát A3 ať jde poznat podle vodítek.
+
+> Tip: Zobrazení > Pravítka a táhněte vodítko z pravítka. Přichytávání k němu zapněte v menu Zobrazení.
+
+# Kvíz
+
+## Jak velké je plátno plakátu se spadávkou 3 mm?
+- 297 × 420 mm
+- [x] 303 × 426 mm
+- 1920 × 1080 px
+- 210 × 297 mm
+> A3 je 297 × 420. Z každé strany 3 mm navíc dělá 303 × 426.
+
+## Kam nesmí text?
+- [x] Do spadávky a blízko ořezu
+- Za vodítko, dovnitř čistého formátu
+- Pod název
+- Na vlastní vrstvu
+> Ořez spadávku uřízne. Text 10 mm od čistého kraje přežije i křivý řez.
+
+## Kam se má strefit hlavní prvek?
+- Přesně na střed jako na občanku
+- [x] Na třetinu plochy
+- Do razítka
+- Mimo plátno
+> Střed je klidný a často nudný. Průsečík třetin drží oko.
+
+## Jaké rozlišení má tiskový plakát?
+- 72 ppi
+- [x] 300 ppi
+- 25 sn/s
+- 8 px
+> Plakát je tisk. 300 ppi. 72 ppi by na A3 bylo vidět jako mřížka.

content/prezentacni-grafika/2-rocnik/06-mockup.en.md

@@ -0,0 +1,6 @@
+---
+nazev: A mockup
+popis: The poster design placed on a photograph of a wall.
+nazev_cviceni: Quiz: the mockup
+nadpis_kvizu: Pick the blend mode and the opacity
+---

content/prezentacni-grafika/2-rocnik/06-mockup.md

@@ -0,0 +1,79 @@
+---
+id: pg-2-mockup
+nazev: Mockup
+popis: Návrh plakátu usazený na fotografii zdi.
+nazev_cviceni: Kvíz: mockup
+nadpis_kvizu: Vyberte režim a krytí
+---
+
+# Výklad
+
+## K čemu mockup je
+*Náhled*
+
+- Mockup ukáže návrh v situaci: plakát na zdi, vizitka na stole, tričko na postavě.
+- Není to náhrada tiskového PDF. Je to obrázek pro prezentaci práce.
+- Fotka zdi má být velká aspoň jako výstup, ideálně 1920 px na delší straně.
+- Návrh plakátu vložte jako chytrý objekt, ať ho jde ještě opravit.
+
+> Tip: Obraz > Umístit vložené, nebo přetáhněte PSD a potvrďte. Vznikne chytrý objekt.
+
+## Perspektiva
+*Deformace*
+
+- Úpravy > Transformovat > Pokřivit, nebo Deformace, srovná rohy plakátu s rohy na zdi.
+- Rohy táhněte na fotografii, ne od oka do prázdna.
+- Shift při tažení rohu není vždy správně. Zeď má úběžník, plakát na ní není obdélník v pohledu.
+- Po potvrzení transformace chytrý objekt deformaci podrží.
+
+> Tip: Když je zeď focená z boku, horní hrana plakátu je kratší než dolní, nebo naopak. To má mockup ukázat.
+
+## Potisk
+*Násobit*
+
+- Režim prolnutí Násobit (Multiply) nechá prosvítit strukturu zdi.
+- Krytí návrhu dejte 90 %. 100 % vypadá jako nalepená samolepka bez papíru.
+- Bílá v režimu Násobit zmizí. Na bílý plakát se Násobit nehodí, nechte Normální a lehce snižte krytí.
+- Stín pod plakátem: měkký, malý, na vlastní vrstvě, ať odlepí papír od zdi.
+
+> Tip: Násobit násobí barvy. Tmavé místa zůstanou tmavá, bílá se ztratí.
+
+## Zadání: plakát na zdi
+*Cvičení*
+
+- Vezměte kostru plakátu a usaďte ji na fotku zdi jako chytrý objekt.
+- Deformací srovnejte čtyři rohy. Krytí 90 %.
+- Když plakát není bílý, zkuste Násobit. Když zbělá, vraťte Normální.
+- Uložte mockup.psd na 1920 px delší strany, RGB. Tiskové PDF z toho nedělejte.
+
+> Tip: Mockup je obrazovka, 72 ppi stačí. Tiskové rozměry zůstávají v plakat-kostra.psd.
+
+# Kvíz
+
+## K čemu je mockup?
+- Je to tiskové PDF pro tiskárnu
+- [x] Ukáže návrh na fotografii místa
+- Nahradí vrstvy v PSD
+- Je to střih videa
+> Tiskárna dostane PDF v ořezu. Mockup je na obhajobu a na web.
+
+## Jak se návrh srovná se zdí, která je focená z boku?
+- Ořezem na čtverec
+- [x] Deformací rohů
+- Filtrem Doostření
+- Převodem do CMYK
+> Pokřivení nebo deformace vezme každý roh zvlášť. Obyčejné zmenšení úhel zdi neopraví.
+
+## Kdy dává smysl režim Násobit?
+- [x] Když má prosvítit struktura zdi a plakát není bílý
+- Vždy, i na bílý plakát
+- Jen u textu 28 pt
+- Jen v Premiere
+> Násobit nechá tmavou strukturu a bílou zruší. Bílý plakát by zmizel.
+
+## Jaké krytí má návrh na zdi?
+- [x] 90 %
+- 10 %
+- 100 % bez výjimky
+- 300 %
+> 90 % lehce spojí papír se zdí. 100 % často vypadá jako nalepený obdélník.

content/prezentacni-grafika/2-rocnik/07-export-web-a-tisk.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Export for screen and print
+popis: JPG and PNG for the screen, a PDF with crop marks for the printer.
+nazev_cviceni: Quiz: export
+nadpis_kvizu: Match the format to the job
+---

content/prezentacni-grafika/2-rocnik/07-export-web-a-tisk.md

@@ -0,0 +1,79 @@
+---
+id: pg-2-export
+nazev: Export pro web a tisk
+popis: JPG a PNG na obrazovku, PDF s ořezem do tiskárny.
+nazev_cviceni: Kvíz: export
+nadpis_kvizu: Přiřaďte formát k použití
+---
+
+# Výklad
+
+## Tři výstupy
+*Formát*
+
+- JPG je fotka bez průhlednosti. Kvalita 10, tedy kolem 80 %, na web.
+- PNG drží průhlednost. Berte ho na logo a ikonu, ne na velkou fotku.
+- PDF je pro tiskárnu. Vrstvy v něm být nemusí, musí sedět rozměr a ořez.
+- PSD není výstup. PSD je pracovní soubor a odevzdává se k němu.
+
+> Tip: GIF na fotku neberte. Umí málo barev a školní plakát v něm pruhuje.
+
+## Web
+*sRGB*
+
+- Delší strana webového JPG je 1600 px. Větší soubor na stránku školy netřeba.
+- Barvy převeďte do sRGB, ať je telefon i projektor čtou stejně.
+- Do webového JPG nedávejte spadávku ani ořezové značky. Ty jsou pro tiskárnu.
+- Náhled pojmenujte plakat-web.jpg. Jméno Bez názvu-1.jpg se ve složce ztratí.
+
+> Tip: Úpravy > Převést do profilu, cíl sRGB. Obrazovkový JPG pak není v tajném profilu tiskárny.
+
+## Tisk
+*Značky*
+
+- PDF plakátu je v rozměru se spadávkou, 303 × 426 mm, 300 ppi.
+- Ořezové značky ukážou, kudy vede čistý A3. Ve Photoshopu je přidáte při exportu PDF, nebo je nakreslíte do spadávky, ne do textu.
+- Do PDF nepatří vodítka a názvy vrstev. Patří do něj plochý obraz.
+- Písmo, které tiskárna nemá, do PDF vloží export. V Photoshopu je text stejně často už vykreslený v obraze, to tiskárně nevadí.
+
+> Tip: Soubor > Uložit kopii a formát Photoshop PDF. Zaškrtněte, že se nemá ptát na vrstvy, ať je PDF ploché.
+
+## Zadání: dva výstupy z jednoho PSD
+*Cvičení*
+
+- Z plakátu udělejte plakat-web.jpg, delší strana 1600 px, sRGB, kvalita 10, bez značek.
+- Z téhož PSD udělejte plakat-tisk.pdf, 303 × 426 mm, 300 ppi, s ořezovými značkami.
+- PSD plakat.psd si nechte s vrstvami. Do PDF vrstvy nedávejte.
+- Obě kopie otevřete a zkontrolujte: JPG nemá značky, PDF nemá oříznutý text.
+
+> Tip: Když je JPG větší než 1600 px, obraz jste zmenšili špatně. Obraz > Velikost obrazu, přepočet Automaticky.
+
+# Kvíz
+
+## Který formát drží průhledné logo?
+- JPG
+- [x] PNG
+- MP4
+- WAV
+> JPG průhlednost vyplní bílou nebo černou. PNG ji umí.
+
+## Jak široký je webový náhled plakátu?
+- [x] 1600 px na delší straně
+- 303 mm
+- 80 px
+- Full HD a zároveň 300 ppi
+> 1600 px stačí na obrazovku. Tiskové milimetry do JPG nepatří.
+
+## Co musí mít tiskové PDF plakátu?
+- [x] Rozměr se spadávkou a ořezové značky
+- Vrstvy Photoshopu a vodítka
+- 25 sn/s
+- Průhledné pozadí jako PNG
+> Tiskárna řeže podle značek. Vrstvy a vodítka jsou věc PSD, ne PDF.
+
+## Který soubor je pracovní a nejde nahradit exportem?
+- JPG
+- [x] PSD
+- PDF
+- PNG
+> Z PSD uděláte JPG i PDF znovu. Z JPG vrstvy neobnovíte.

content/prezentacni-grafika/2-rocnik/08-zadani-plakat.en.md

@@ -0,0 +1,6 @@
+---
+nazev: Assignment: a poster
+popis: A3 with bleed, a mask, curves and two exports.
+nazev_cviceni: Quiz: the finished poster
+nadpis_kvizu: Check the print file and the web file
+---

content/prezentacni-grafika/2-rocnik/08-zadani-plakat.md

@@ -0,0 +1,79 @@
+---
+id: pg-2-zadani-plakat
+nazev: Zadání: plakát
+popis: A3 se spadávkou, maskou, křivkami a dvěma exporty.
+nazev_cviceni: Kvíz: hotový plakát
+nadpis_kvizu: Zkontrolujte tisk i web
+---
+
+# Výklad
+
+## Zadání akce
+*Obsah*
+
+- Plakát zve na školní den 12. 6. v tělocvičně. Název si zvolte jeden a držte ho.
+- Formát A3 na výšku, plátno 303 × 426 mm, 300 ppi, RGB, spadávka 3 mm.
+- Na plakátu je fotka, jeden hlavní nápis, datum, místo a malé logo nebo značka školy.
+- Text je aspoň 10 mm od čistého ořezu. Ve spadávce smí být jen pozadí.
+
+> Tip: Jeden plakát, jedna akce. Nepřidávejte druhé datum a druhý sál.
+
+## Jak je složený
+*Vrstvy*
+
+- Skupina foto: fotka, maska předmětu, křivky jako vrstva úprav, pozadí rozostřené 8 px.
+- Skupina grafika: tvarový pruh 75 % a případný další tvar. Stín pruhu 8 / 16 / 40 %.
+- Skupina text: název a údaje, pořád jako text, ne jako pixely.
+- Vypnutí kterékoli skupiny musí být vidět. Když ne, je skupina prázdná nebo je všechno sloučené.
+
+> Tip: Křivka má bod světel kolem 245 a stínů kolem 15. Doostření předmětu 80 %, 1 px, práh 2.
+
+## Dva výstupy
+*Soubory*
+
+- plakat.psd s vrstvami.
+- plakat-web.jpg, delší strana 1600 px, sRGB, kvalita 10, bez ořezových značek.
+- plakat-tisk.pdf, 303 × 426 mm, ořezové značky, bez vrstev.
+- Mockup na zdi je navíc, ne místo PDF. Když ho přidáte, je to mockup.psd.
+
+> Tip: Soubory leží v jedné složce plakat. Název Bez názvu v odevzdání neberte.
+
+## Kontrola
+*Než to odevzdáte*
+
+- Na 100 % nemá retuš opakovaný vzor a maska nemá barevný lem.
+- Datum 12. 6. je celé a čitelné. Logo není rozmazaný JPG zvětšený z 80 px.
+- Webový JPG otevřený na celou obrazovku nemá značky ani šedé okraje plátna.
+- PDF má stejný název akce jako PSD. Dvě verze textu jsou chyba.
+
+> Tip: Vytiskněte si PDF na A4 jako náhled. Když je text u kraje už na A4, na A3 bude u řezu taky.
+
+# Kvíz
+
+## Jaké je plátno tiskového plakátu?
+- 1920 × 1080 px, 72 ppi
+- [x] 303 × 426 mm, 300 ppi
+- A4 bez spadávky
+- 1600 px
+> A3 je 297 × 420, spadávka 3 mm z každé strany přidá 6 mm. 300 ppi je tisk.
+
+## Jak je rozostřené pozadí?
+- [x] 8 px, předmět zůstane ostrý
+- 8 px přes celý plakát včetně textu
+- 80 % Doostření na pozadí
+- Nijak
+> Rozostření oddělí pozadí. Text a hlavní předmět jsou ostré.
+
+## Co je ve webovém JPG navíc chyba?
+- sRGB a 1600 px
+- [x] Ořezové značky
+- Kvalita kolem 10
+- Název akce
+> Značky jsou pro tiskárnu. Na webu vypadají jako čáry v rozích.
+
+## Který soubor musí obsahovat vrstvy?
+- plakat-web.jpg
+- [x] plakat.psd
+- plakat-tisk.pdf
+- Žádný
+> PSD je práce. JPG a PDF jsou ploché kopie.