Jak jsem udělal tu animaci ?

Vytvoření animace zabralo jednu deštivou neděli. Jsem v tom amatér a dělal jsem to poprvé. Byla to zábava, nejdřív nakreslit story board, sepsat text pro voicover, pak to nakreslit a nahrát zvuk. V komentáři je nakonec drobná chyba, kdo jí odhalí má slevu na Jobtet ;) Až se k tomu dostanu, tak tam vložím opravu, jen mám obavu, aby to nebylo jiným hlasem a neznělo to pak, jako hlášení na nádraží ;)

Nejtěžší bylo, aby se na home page po skončení videa zobrazil konkrétní náhled, protože Youtube, kam jsem video umístil už neumožňuje vybrat konkrétní frame, ale vybere nějaké náhodné 3 a pak dá na výběr. Naštěstí ale prověřeným uživatelům, kteří neporušují pravidla nevhodnými videi, umožní konkrétní frame vybrat (alespoň, když jsem to video nahrával). Tak jsem nahrál pár dalších videí a po pár shlédnutích se ta volba frame ukázala. Pak bylo také docela složité (alespoň pro mě;) zajistit, aby se video z Youtube zobrazilo v okně bez rámečku, s konkrétním rozlišením, spustilo se automaticky po zobrazení webu v prohlížeči a na konci nebyl návrh na jiná videa. Na to jsem našel script, který jsem vložil do stránek (viz níže).

Script pro přehrání videa:

<iframe id=”ytplayer” type=”text/html” width=”420″ height=310″ src=”http://www.youtube.com/embed/TD99UORZAUU?autoplay=1&showinfo=0&controls=0&rel=0&loop=1&origin=http://www.jobtet.cz“ frameborder=”0″/>

Do scriptu je potřeba vložit vlastní odkaz tzv. “embedded video” místo červeně zvýrazněné části z odkazu, který lze získat kliknutím pravým tlačítkem na video na Youtube a volbou “Zkopírovat kód HTML pro vložení do stránky”. A dále ve scriptu nahradit odkaz na web.

Použité vybavení:

  • Animaci na homepage jsem nakreslil pomocí skvělé aplikace Doceri na ipadu
  • Pro přesné kreslení jsem použil stylus Adonit Jot Script
  • Voiceover jsem nahrál až v počítači v software Camtasia, šlo by to i snáze a rovnou přes sluchátka k ipadu, ale v tomto software jsou dobré nástroje na střih zvuku.
  • A k nahrávání jsem použil AKG D5 a USB zvukovou kartu M-Audio Fast Track MKII.

Zkuste to taky ;)

Posted in Návody

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>