Kinetic Typography: Úvodní průvodce
Kinetická typografie se dnes zdá být všude. Od televizních reklam po vstupní stránky webových stránek je pohyblivý typ oblíbeným vizuálním nástrojem. Tato popularita může pocházet z několika důvodů, ale jedním zjevným faktorem je to, že vás upoutá. Lidé bývají přitahováni slovy a chtějí je číst.
Kinetická typografie to spojuje s několika jednoduchými animacemi a vytváří slova, která se pohybují po obrazovce, popadají vaši pozornost a zaujmou smysly. Pojďme se tedy podívat na kinetickou typografii a jak ji integrovat do některých svých návrhových projektů. (Poznámka: Příklady v tomto článku zahrnují animaci; kliknutím na obrázky zobrazíte odkazy na původní zdroje a uvidíte je v akci.)
Co je kinetická typografie?
Kinetická typografie označuje vytvoření pohyblivého typu. Jedná se o animační techniku, která se používá k tomu, aby se písma pro uživatele rozšířily, zmenšily, létaly, pohybovaly se zpomaleně, rostly a měnily se. Účinek může být jednoduchý a krátký s malými změnami nebo docela komplikovaný a zdlouhavý.
Použití kinetické typografie v poslední době téměř explodovalo kvůli většímu využití této techniky ve webdesignu. Jakmile se něco, co bylo používáno pouze ve videu a televizi, získává kinetická typografie na pozadí webových stránek a webových videí na popularitě. (To vše je možné díky vyššímu a běžnějšímu širokopásmovému připojení a zvýšeným rychlostem surfování po internetu a webu.)
Technika použitá z několika důvodů, ale může zdůraznit určitý obsah. Může pomoci vyjádřit tón a emoce. Může pomoci vytvořit jedinečný vizuální obraz, pokud žádný neexistuje. Může to být cenově dostupná varianta pro ty, kteří mají omezený rozpočet. To může přidat zájem, když váš návrh potřebuje podporu.
Počátky kinetické typografie
Zatímco kinetická typografie může být označena jako vznikající trend pro webdesign dnes, existuje již nějakou dobu. Bylo to poprvé použito na velké obrazovce.
Vědci z Institutu interakce s lidskými počítači a školy designu na Carnegie Mellon University sledovali první použití kinetické typografie k 1959 filmu Alfreda Hitchcocka z roku 1959 „Sever severozápadně“. V úvodních kreditech se typ používá v pohyblivém formátu. O rok později byl efekt znovu použit v „Psycho“. "Tato práce pramení částečně z touhy nechat úvodní kredity připravit půdu pro film tím, že vytvoří náladu, spíše než jednoduše sdělovat informace o kreditech, " uvedli vědci.
Od tohoto bodu, kinetická typografie stala se více obyčejná ve filmu a pozdnější v televizi. Používá se v kreditech, během představení a pro reklamu. K pozoruhodnému využití kinetické typografie v reklamě došlo v roce 2009, kdy Pepsi zahájila kampaň „Refresh Everything“ (nyní nazvaná „Pepsi Pulse“) s novým logem. Nový design s logem místo písmene „o“ - se objevil všude od televize po online pomocí pohyblivého typu.
V poslední době se stala široce používanou technikou v designu webových stránek (a také pro některé mobilní aplikace) a je běžná u online videí. Používá se pro všechno od reklamy a propagace po umění, hudební videa až po nástroj pro vyprávění novinářů.
Kdy byste měli používat kinetickou typografii?
Kinetická typografie je zábavným nástrojem pro vaši soupravu, ale není to snadné řešení problému, který zatím nemám. Měl by být použit - jako každý jiný nástroj - pro konkrétní účel as určitým cílem.
Existují použití, ve kterých se kinetická typografie ukázala jako zvláště účinná. Tato použití se nejčastěji týkají tónu. Přidáním pohyblivého typu k něčemu, co by bylo jinak statické povahy, může pomoci dosáhnout toho. Nejlepší použití pro kinetickou typografii je:
- Vytváření emocionálního obsahu
- Vytváření postav
- Zachycení pozornosti
K těmto účelům také podle výzkumu přispívá způsob pohybu typu. Například: „Hlasitost lze napodobit změnou velikosti textu, jeho hmotnosti a příležitostně kontrastem nebo barvou. Pro velké objemy lze použít pohyby napodobující vibrace. “ Při vytváření postav lze typ nastavit tak, aby se pohyboval způsobem napodobujícím lidský pohyb, a lze jej dále animovat tak, aby se „připojil“ k objektům nebo tvarům způsobem, který vytváří prostorové vztahy nebo vytváří přidružení k určitému směru.
Aplikace kinetické typografie
Nyní, když začínáte být nadšeni myšlenkou kinetické typografie, jak ji můžete použít v praktických aplikacích? Jaká média fungují nejlépe?
Za prvé, pohyblivý typ je video a online formát. Pokud nevytváříte flipbook, existuje jen málo použití pro tento koncept v tištěných projektech. Je důležité myslet na své publikum a na množství času, který mohou s animací strávit. Zkrátka se doporučuje pro webové a mobilní aplikace, zatímco ve filmu nebo reklamě můžete mít s každým uživatelem o něco více času.
V každém případě je důležité vytvořit něco, co je zajímavé, snadno čitelné a srozumitelné a které vytváří emoční spojení. Běžná praktická použití pro kinetickou typografii zahrnují vzdělávací využití, jako jsou populární videa „Schoolhouse Rock“ a pořady, které byly vysílány v letech 1973-2009; propagační nebo reklamní; a hudební videa.
Při plánování kinetické typografie existují společné vzorce pohybu a chování.
- Zpomalený nebo rychlý pohyb
- Protahování nebo smršťování
- Pohyb v obloucích nebo vlnách při pohybu textu podél zakřivených cest
- Očekávané jednání, takový jemný pohyb před ostrým
- Sledujte akce, ke kterým dojde poté, co se stalo něco jiného
- Sekundární akce, když se text pohybuje kvůli něčemu, co se stane s jiným prvkem v rámci
Zdroje a návody
Spojení animovaného typu může být stejně jednoduché jako vytváření gif nebo komplikované jako vytváření hudebního videa. Existuje však spousta dobrých - a velmi snadno sledovatelných - tutoriálů, pokud se opravdu chcete naučit technikám kinetické typografie.
Nejprve doporučujeme prozkoumat, co je tam, a neomezený počet dostupných možností pro vytvoření pohyblivého typu. (Podívejte se na kinetickou typografii na Tumblru pro několik zábavných příkladů.) A pak začněte hrát s gify. Pokud jste s animačními nástroji Adobe Photoshopu spokojeni, můžete během několika minut vytvořit něco jednoduchého. Poté budete možná chtít přejít na větší projekty.
Kromě toho existuje několik nástrojů, které vám pomohou rychle vytvořit jednoduché textové animace.
- Kinetický typografický motor
- Výuka Kinetic Typography od Jesseho Rostena
- Výuka kinetické typografie Crooked Gremlins
- Techniky kinetické typografie s následnými efekty
- Kurz typografie Udemy Kinetic
- Adobe TV: Naučte se video tutoriály Edge Animate
- Tipy pro animaci typu MotionWorks
Závěr
Použití kinetické typografie může být zábavným nástrojem. Pohyblivý typ může digitálním a video projektům přidat dopad, emoční spojení a vizuální zájem. I když techniky mohou nějakou dobu zvládnout, je pravděpodobné, že zůstanou. (Jen si myslím, designéři používají techniku v nějaké podobě více než 50 let.)
Momentálně pracujete na projektech využívajících kinetickou typografii? Jak se formují? Podělte se s námi o své myšlenky (a odkazy na projekty) v komentářích. Rádi bychom viděli, na čem pracujete.
