Shrnutí na Principy kompozice ve filmu a multimédiích

## Úvod Kompozice ve filmu a animaci je umění a věda uspořádání obrazových prvků tak, aby vedly pozornost diváka, podporovaly narativu a vytvářely estetický zážitek. Tento materiál rozkládá klíčové principy kompozice, vysvětluje jejich praktické použití a ukazuje rozdíly mezi filmovým a multimediálním/ animačním přístupem. > **Definice:** Kompozice je uspořádání vizuálních prvků v záběru nebo snímku tak, aby komunikovaly informaci, emoci nebo příběh efektivně a esteticky. ## Základní principy kompozice ### Zlatý řez a pravidlo třetin - Zlatý řez se často approximuje pravidlem třetin: obraz rozdělíme na třetiny vertikálně i horizontálně a klíčové objekty umístíme do blízkosti průsečíků. - Příklad: Hlavní postava mírně vpravo od středu na úrovni horní třetiny zvýrazní její důležitost bez centrálního záběru. > **Definice:** Zlatý řez je poměr, který vedoucí k vizuálně vyváženému rozvržení; v praxi se často používá pravidlo třetin. ### Vedení pozornosti - Používejte linie, světlo, kontrast a pohyb k nasměrování pohledu diváka. - Příklad: Světelný paprsek nebo diagonální linie přes obraz vedou oko k obličeji herce. ### Tvorba hloubky - Využití popředí, středu a pozadí; rozostření (depth of field) a perspektiva. - V animaci vrstvení 2D rovin simuluje hloubku. ### Kolorit a kontrast - Barevná paleta ovládá náladu scény; kontrast zvýrazní důležité objekty. - Příklad: Studené tlumené pozadí a teplé zvýraznění hlavního objektu. ### Kamera a pohyb kamery - Statický záběr, panoráma, dolly, trackování nebo steadicam mění vnímání scény a emoce. - V animaci lze kameru „oživit“ i tam, kde fyzická kamera neexistuje (virtuální kamera). ## Kompozice v animaci (specifika) ### Vizuální jazyk a stylizace - Animace umožňuje extrémní stylizaci proporcí, perspektivy a chování objektů. - Příklad: Malá postava v obřím prostoru zdůrazní bezmocnost. ### Falešná perspektiva a vrstvení - U 2D animace se používá více vrstev (popředí, střed, pozadí) k simulaci hloubky. ### Materiál, textura a hmotnost - V loutkové či ploškové animaci textura a hmota objektů ovlivňují čtení scény (těžký objekt působí jinak než lehký). ### Rozložení pohybu v čase - Kompozice se mění dynamicky s pohybem; animátor řídí tempo a směr, aby hlavní sdělení neztratilo sílu. > **Definice:** Layout v animaci je fáze, kdy se přesně určí pozice postav, kamera a prostředí před animací. ## Kompozice v multimédiích (UI/UX) — srovnání | Film / Animace | Multimédia (UI) | |---|---| | Narrativní kompozice, vedoucí oko pro příběh | Funkční kompozice, vedoucí oko pro uživatelskou akci | | Pohyb kamery a záběr jako hlavní nástroj | Animace a přechody pro navigaci a zpětnou vazbu | | Barevná gradace pro náladu | Barevnost pro čitelnost a hierarchii prvků | | Hloubka přes perspektivu a ostření | Hloubka přes vrstvy, stíny a zřetelné stavy prvků | ### Praktické principy pro UI aplikace - Rovnováha, kontrast a typografie pro čitelnost. - Animace by měla informovat, ne rozptylovat. - Interaktivní odezvy musí být zřetelné a konzistentní. ## Storyboarding a layout (technické fáze) 1. Storyboard: Definuje klíčové záběry, úhly kamery a rytmus scény. 2. Layout: Detailní rozvržení pozice postav, objektů a kamery před animací. > **Definice:** Storyboard je série skic, která předem mapuje klíčové momenty a kompozici filmu nebo animace. ## Kompozice a typografie - V multimédiích volíme písmo, velikost, řádkování a barvu tak, aby text byl čitelný a vizuálně vhodný. - V animaci text může být součástí scény a musí respektovat vizuální hierarchii. ## Praktické příklady a cvičení - Cvičení 1: Vezměte fotografii místnosti a rozdělte ji podle třetin; umístěte fiktivní postavu tak, aby vyvolala pocit dominance, izolace nebo rovnosti. - Cvičení 2: Navrhněte jednoduché UI tlačítko a popište, jaké animace byste použili pro potvrzení akce (např. stlačení, barva, drobný pohyb). - Cvičení 3: V 2D animaci vytvořte tři vrstvy pozadí (popředí, střed, pozadí) a napište, jak se budou pohybovat relativně při panov