Co je keyframe?

Tradiční animace

Klíčové snímky jsou nedílnou součástí animačního procesu, který se datuje zpět do výkresu 2-D. Animátoři vytvářejí nejprve ručně kreslené animace, které předtím, než pracují na podrobnostech, načrtávají všechny klíčové snímky animace. Tyto klíčové snímky by naznačovaly obecný průběh akce pro animaci, avšak s velkým množstvím prostoru mezi nimi. Často byly tyto klíčové snímky vytvořeny hlavními animátory a poté byly předány jiným animátorům, aby vyplnili mezery.

Počítačová animace

Klíčové snímky se používají programy počítačové animace, například Adobe Flash, poněkud jiným způsobem. Uživatel tohoto programu může určit určité body své časové osy jako klíčové snímky. Jsou to místa, kde se něco drasticky mění, jako člověk, který chodí při změně směru. Rozdíly mezi těmito klíčovými snímky mohou být doplněny o "objekty" nebo dráhy pohybu. Objekty automaticky vyplní mezeru mezi klíčovými snímky buď pohybem animace z jednoho místa na jiný, nebo úpravou tvaru animace. Pohybová cesta je jako interpolace pohybu, ale umožňuje složitější cestu, kterou může animátor vytáhnout.

Pohyblivá grafika

Programy Motion Motion, jako například Apple Motion a Adobe After Effects, také používají klíčové snímky. Klíčové snímky se používají, když je třeba upravit libovolný parametr pohybové grafiky, například velikost pozice nebo barvy. Obecně mají tyto programy funkce pro sledování pohybu. To znamená, že pokud potřebujete účinek sledovat spolu s něčím ve videu, které je již spuštěno, stačí nastavit některé klíčové snímky podél této cesty a nechat program sledovat podél objektu.

CSS3

CSS je programovací jazyk používaný webovými designéry pro ovládání vzhledu svých webových stránek. CSS3 je nová verze kódu CSS, ačkoli je k dispozici pouze v Safari nebo Google Chrome od července 2011. CSS3 umožňuje návrhářům vytvářet dva klíčové snímky a pak vytvořit animaci s oběma. Můžete například definovat dvě políčka se štítky a pak je přesunout směrem k sobě nebo od sebe. Ačkoli základní rámcová schopnost CSS3 není tak pokročilá jako jiné formy animace, je velmi užitečným nástrojem pro jednoduché animace, které musí být umístěny na internetu.

Odkazy

• Uživatelská příručka Apple Motion: Co je klíčový? (Co je keyframe?)
• Animace pomocí klíčových snímků Flash; Gurdy Leete a Ellen Finkelstein (animace s klíčovými snímky Flash)
• Siggraph; Zásady animace; G. Scott Owen; Března 1999 (principy animace)
• Lee Munroe; Spusťte experimentování s animacemi klíčových snímků CSS3; Červenec 2011 (Začněte experimentovat s animacemi klíčových snímků CSS3 červenec 2011)