Webevize
  • Blog
  • Kontakt

Blog Webevize


​Přiveďte na svět své vlastní webové stránky

Jak vznikalo úvodní video

25/7/2017

Comments

 
Jak vznikalo úvodní video
Přiznám se, že je to pořádná fuška vymyslet a vyladit minutové úvodní video.  Jak vznikalo video – Webevize se představuje?  Jaký fórek je tam ukrytý a jaké nástroje jsem k výrobě spotu použil?

​Přirovnejme (s nadsázkou) tvorbu videa k míchání nápojů. Je třeba pracovat s kvalitními a čerstvými surovinami. Záleží na přesném množství i správném pořadí ingrediencí. Také je důležité mít ty správné dovednosti.

Rád se s vámi teď podělím, co a v jakém pořadí bylo třeba udělat, než jsem mohl hotové video zveřejnit. Uvádím použité aplikace a nástroje s konkrétními odkazy. Článek nemá být obecným návodem, jak se tvoří video; berte ho jako nahlédnutí do zákulisí příprav jednoho krátkého video spotu.
​
1. Inspirace
Spousta dní marného přemýšlení a nekonečného hledání bylo u konce. Právě jsem přehrál zahraniční video v angličtině, které propagovalo zajímavý online produkt. "To je přesně ono!", zajásal jsem. Jednoduchý scénář vystavěný na jediném tématu – které s produktem nepřímo souviselo – v tomto případě na slově příběh. Čistý a moderní grafický styl videa, perfektní hudba. V tu chvíli už jsem tušil, jak asi bude vypadat úvodní video Webevize.

2. Scénář
Napsat scénář k mému videu byla vlastně hračka. Měl jsem před sebou ono inspirativní video, podle kterého jsem mohl začít tvořit. Rozebral jsem vzorový spot na prvočinitele a podle modelu vystavěl texty k tématu webové stránky. Položil jsem si otázku: Co lidi všechno dělají na webových stránkách? Jaké emoce mohou mít spojené s návštěvou webu?  

​Přemýšlel jsem o tom a od prvních poznámek mi hrála v hlavě hudba z původního videa. Bylo rozhodnuto – použiji stejnou hudbu, a proto by adaptace mohla dobře fungovat.

​Jak takový scénář vypadá? Bývá rozdělen na 2 části – na levou a pravou stranu.
Levá strana v našem případě obsahuje texty titulků.
Pravá strana popisuje, co se děje v obraze. Například: Jak bude vypadat prostředí, jeho barevnost? Bude kamera v pohybu nebo statická? Velikost záběru? Úhel pohledu kamery? Atd, atd...

Podívejme se na konkrétní příklad: Tato ukázka ze scénáře...
TITULEK
OBRAZ
​někdy nám tolik nepomáhají 
​hacker s kapucí cosi ťuká do notebooku, v potemnělém futuristickém prostoru 
TITULEK: ​někdy nám tolik nepomáhají ​
OBRAZ: hacker s kapucí cosi ťuká do notebooku, v potemnělém futuristickém prostoru 

... vypadá po realizaci takto: 
Realizace scénáře

Chcete vidět úplný scénář videa Webevize se představuje? Stáhněte si ho zde:
Stáhnout scénář
​3. Materiál – video záběry a hudba
Scénář je hotový a můžeme vstoupit do další fáze výroby videa: natáčení (nebo výroba animace). S ohledem na povahu videa v jsem se rozhodl využít pro výběr potřebných záběrů video banku. Existuje řada možností, jedna z nich je služba Videoblocks. Jedná se o placený katalog, ve kterém si můžete bezplatně stáhnout (v rámci předplatného 149 dolarů ročně) neomezené množství videí nebo se slevou zakoupit prémiová videa.

Pokud chcete video banku Videoblocks vyzkoušet, prozradím vám odkaz pro 7 denní bezplatné užívání. Umožní vám stáhnout si 20 videí každý den, zdarma tedy získáte až 140 profesionálních videí. Při registraci je však třeba uvést údaje vaší kreditní karty. 
​
Videoblocks – https://www.videoblocks.com
7 dní stahování zdarma – ​https://www.videoblocks.com/freeclips

Picture
Všimli jste si drobného fórku, který se ve spotu ukrývá? Při pozorném sledování v plné velikosti a maximálním rozlišení, objeví bystrý divák takovou neobvyklou značku notebooku.

​
Hudba
Výběr vhodné hudby je jedním z klíčových momentů pro budoucí úspěch videa. Jak už víme, rozhodl jsem se použít původní hudbu z videa, které mě tolik inspirovalo. Identifikovat skladbu okamžitě pomohla mobilní aplikace Shazam.

Shazam je mobilní aplikace, která identifikuje jakoukoliv hudbu hrající v okolí.​​
​​Shazam 
– https://www.shazam.com/cs

Dozvěděl jsem se, že jde o píseň David Todd Singleton​: We Will Overcome​. 
Fajn, ale já bych potřeboval instrumentální verzi. (V původním videu je tato instrumentální verze doplněna o další zvukové efekty, takže tu nešlo použít). Do vyhledávače stačilo zadat název, interpreta a přidat klíčové slovo "instrumental" a okamžitě vyskočil odkaz na konkrétní profil v síti SoundCloud pro sdílení (nejen) hudby. 

Soundcloud – https://soundcloud.com
Instrumentální verze – https://soundcloud.com/regemark-films/overcome_instrumental

Pokud si poslechnete skladbu, citlivé uši objeví chyby ve střihu hudby. Také jsem potřeboval instrumentální verzi zkrátit, upravit a vylepšit. Jak? Díky skvělému bezplatnému software pro práci se zvukem Audacity.

Audacity – http://www.audacityteam.org

Tady je výsledek – verze instrumentálky upravená a vyčištěná přesně pro mé video. Zvukovou ukázku sdílím pomocí vestavěného AUDIO prvku editoru Webevize:


​4. Střih a úprava videa
Už mám potřebné ingredience: video záběry, zvuk, texty titulků. Zbývá tedy "koktejl" dokončit. Nastává velmi příjemná, závěrečná  fáze video tvorby: střih a úprava videa.  Používám k tomu program VideoStudio PRO X7, starší verzi cenově dostupného střihového software od firmy Corel.

VideoStudio – http://www.videostudiopro.com/en/
VideoStudio Pro X7

Závěr: prohlédněte si video
​Webevize se představuje

V editoru Webevize máte 2 možnosti, jak na stránce zobrazit video. Horní ukázka je video z YouTube pomocí stavebního prvku EMBED CODE (vložený kód). Můžete také využít perfektní vestavěný video prvek a video nahrát přímo na stránky. Vzhledem k neomezenému prostoru sdílejte na stránkách libovolný počet videí pomocí prvku HD video. Podívejte se, jak skvělý design má náš vestavěný videopřehrávač.
Ještě zbývá uvést úplné titulky k videu:
​
Webevize se představuje
Hudba – David Todd Singleton
Záběry – Videoblocks
​Scénář a režie – David Kaplan

​​© 2017 Webevize.cz
Máte otázky nebo připomínky? Pište je prosím do komentářů.
​Pokud se vám článek líbí, sdílejte ho na svém Facebooku. :)
​
David
Comments

    Vytvořte si svůj web

    Začněte zdarma

    Sledujte nás

    Blog píše

    Autor David Kaplan
    David z Webevize
    ​david@webevize.cz

    Témata

    All
    Freebies
    Infografiky
    Novinky

    RSS Feed
Připravujeme

Najměte si web designera
Zákaznická zóna
Webevize

E-shop
​Blog
WorkSpace
​Nápověda
Press Kit
Portál
Komunita
Webový editor

​​​Registrace
​Přehled​
​Prohlídka
​Funkce
Šablony
Ceny
​Demo​

O nás

Kontakt
​​Průvodce
David z Webevize
​GDPR
Logo Webevize
Online nástroje pro online podnikání

​​​©   2021  Webevize        Podmínky       Soukromí       ●  Stav systémů
Aktualizace
  • Blog
  • Kontakt