{"id":4275,"date":"2020-12-09T00:00:00","date_gmt":"2020-12-08T23:00:00","guid":{"rendered":"https:\/\/myn006.staging.360vier.net\/ako-vznika-animovane-video-zo-zakulisia-tvorby-explainer-videa-pre-spucr\/"},"modified":"2025-06-06T16:40:02","modified_gmt":"2025-06-06T14:40:02","slug":"ako-vznika-animovane-video-zo-zakulisia-tvorby-explainer-videa-pre-spucr","status":"publish","type":"post","link":"https:\/\/www.mynd.com\/sk\/blog\/ako-vznika-animovane-video-zo-zakulisia-tvorby-explainer-videa-pre-spucr\/","title":{"rendered":"Ako vznik\u00e1 animovan\u00e9 video? Zo z\u00e1kulisia tvorby explainer videa pre SPUCR"},"content":{"rendered":"

Pr\u00edroda n\u00e1m bledne pred o\u010dami. Katastrof\u00e1lne d\u00f4sledky n\u00e1\u0161ho \u013eudsk\u00e9ho konania m\u00f4\u017eeme vidie\u0165 nie len v \u010falekej Austr\u00e1lii \u010di na Sib\u00edri, ale aj v na\u0161ich kon\u010din\u00e1ch. Jedn\u00fdm z najcennej\u0161\u00edch bohatstiev, ktor\u00e9 trp\u00ed p\u00f4soben\u00edm klimatick\u00fdch zmien je p\u00f4da. Ned\u00e1vno sme v na\u0161om \u0161t\u00fadiu vytv\u00e1rali animovan\u00e9 video, ktor\u00e9 sa zaober\u00e1 problematikou tohto \u017eiv\u00e9ho pokladu pod na\u0161imi nohami. Radi v\u00e1m otvor\u00edme dvere a prevedieme v\u00e1s procesom jeho tvorby. <\/strong><\/p>\n

Pred p\u00e1r mesiacmi n\u00e1s oslovil SPUCR – \u0160t\u00e1tny pozemkov\u00fd \u00farad \u010ceskej republiky<\/a> s prosbou o explainer video<\/a>, ktor\u00e9 by za 90 sek\u00fand jasne vysvetlilo problematiku er\u00f3zie p\u00f4dy. Cie\u013eom videa nemalo by\u0165 len zdvihnutie v\u00fd\u0161tra\u017en\u00e9ho prsta nad ni\u010diacou sa integritou p\u00f4dy, ale aj poskytnutie funk\u010dn\u00e9ho rie\u0161enia<\/strong>.<\/p>\n

Dan\u00fd \u00farad spolu s Ministerstvom po\u013enohospod\u00e1rstva<\/a> vyvinuli syst\u00e9m, ktor\u00fd monitoruje stav po\u013enohospod\u00e1rskej p\u00f4dy<\/a> a sna\u017e\u00ed sa predch\u00e1dza\u0165 d\u00f4sledkom er\u00f3zie.<\/strong> Animovan\u00e9 video malo teda za cie\u013e predstavi\u0165 \u0161ikovn\u00fa aplik\u00e1ciu a apelova\u0165 na \u013eud\u00ed, aby prilo\u017eili pomyseln\u00fa ruku k dielu a priniesli p\u00f4de nov\u00fa n\u00e1dej. <\/strong><\/p>\n

Ur\u010dite ste u\u017e zvedav\u00fd, ako sa tak\u00e9to explainer video tvor\u00ed. Po kr\u00e1tkom \u00favode sa teda po\u010fme vrhn\u00fa\u0165 na proces samotnej tvorby. Produkcia dan\u00e9ho typu videa trv\u00e1 priemerne 4 a\u017e 6 t\u00fd\u017ed\u0148ov a spravidla je rozdelen\u00e1 na 3 z\u00e1kladn\u00e9 kroky.<\/strong><\/p>\n

1. D\u00e1vame hlavy dokopy<\/h2>\n

Z\u00e1kladn\u00fdm stavebn\u00fdm kame\u0148om tvorby ka\u017ed\u00e9ho n\u00e1\u0161ho animovan\u00e9ho videa je konzult\u00e1cia s klientom.<\/strong> N\u00e1le\u017eite sme si <\/span>vypo\u010duli v\u0161etky po\u017eiadavky klienta a zistili mnoho d\u00f4le\u017eit\u00fdch inform\u00e1ci\u00ed<\/strong>, ako je napr\u00edklad cie\u013eov\u00e1 skupina videa, \u0161pecifik\u00e1cia pon\u00fakanej aplik\u00e1cie, predstava o d\u013a\u017eke \u010di pou\u017eitej hudbe vo videu. Klient bol ve\u013emi ochotn\u00fd a poslal n\u00e1m aj mno\u017estvo re\u00e1lnych fotografi\u00ed a vide\u00ed zdevastovanej pr\u00edrody, z ktor\u00fdch sme na\u010derpali atmosf\u00e9ru danej problematiky.<\/span><\/p>\n

N\u00e1sledne pri\u0161iel rad na spolo\u010dn\u00fa „b\u00farku n\u00e1padov“<\/a>. Jej v\u00fdsledkom bol p\u00fatav\u00fd scen\u00e1r<\/strong>, ktor\u00fd, samozrejme, obsahoval aj text sp\u00edkra. \u201eV\u010faka mno\u017estvu podkladov od SPUCR sme sa \u00faplne stoto\u017enili s t\u00fdm, proti \u010domu t\u00e1to \u0160t\u00e1tna spr\u00e1va bojuje. Jej dobr\u00fd \u00famysel, ktor\u00fd m\u00e1 dopad na cel\u00fa krajinu bol na\u0161im hnac\u00edm motorom pri vytv\u00e1ran\u00ed scen\u00e1ra,“ vyjadril sa art director projektu Martin.<\/p>\n

Scen\u00e1r sme na z\u00e1klade sp\u00e4tnej v\u00e4zby od klienta doladili a mohli sme sa vrhn\u00fa\u0165 na druh\u00fd krok. Mimochodom, SPUCR n\u00e1m svoje postrehy, rovnako ako v\u0161etci ostatn\u00ed klienti, mohli vklada\u0165 textovo alebo skicami priamo do videa.<\/strong> Tak\u00fdto sp\u00f4sob pripomienkovania sa im ve\u013emi pozd\u00e1val. \u201eZpracov\u00e1n\u00ed videa t\u00edmto zp\u016fsobem bylo pro n\u00e1s novinkou a mile p\u0159ekvapilo, bylo pro n\u00e1s pohodln\u00e9, rychl\u00e9 a efektivn\u00ed.“<\/span><\/p>\n

2. Ilustr\u00e1cie<\/h2>\n

Po tvorbe konceptu sme sa vrhli na tvorbu moodboardu. Ak neviete \u010do to je, jednoducho povedan\u00e9 ide o in\u0161pirat\u00edvnu n\u00e1stenku, <\/strong>ktor\u00e1 nielen\u017ee privod\u00ed n\u00e1ladu dan\u00e9ho animovan\u00e9ho videa, ale aj definuje \u0161t\u00fdl a vizu\u00e1lny jazyk, ak\u00fdm sa video bude ubera\u0165. Je to tak\u00fd prvotn\u00fd n\u00e1strel, ktor\u00fd nastav\u00ed pomyseln\u00e9 zrkadlo pocitov, ktor\u00e9 chceme, aby spot vytvoril. <\/strong>Ako m\u00f4\u017eete ni\u017e\u0161ie vidie\u0165, n\u00e1\u0161 moodboard sa skladal z mno\u017estva modern\u00fdch krajinomalieb<\/strong> a sr\u0161al diverzitou pr\u00edrody.<\/strong> \"moodboard-spucr\"<\/span><\/p>\n

Uk\u00e1\u017eka moodboardu k animovan\u00e9mu videu SPUCR<\/span><\/p>\n

V na\u0161om \u0161t\u00fadiu pon\u00fakame klientom na v\u00fdber mno\u017estvo video \u0161t\u00fdlov<\/a>. SPUCR sa rozhodlo pre individu\u00e1lny \u0161t\u00fdl. <\/strong> Ten sme vytvorili na mieru so z\u00e1rukou unik\u00e1tnosti od po\u010diato\u010dnej kreat\u00edvy, a\u017e po fin\u00e1lne dodanie. <\/strong>Predt\u00fdm, ne\u017e v\u00e1m ho odhal\u00edme, treba spomen\u00fa\u0165 e\u0161te jeden d\u00f4le\u017eit\u00fd krok, ktor\u00fd nasledoval po definovan\u00ed \u0161t\u00fdlu. Viete, ktor\u00fd to je?<\/p>\n

Predsa tvorba storyboardu. Vizu\u00e1lny materi\u00e1l, ktor\u00fd pripom\u00edna komiks a je akousi hrubou skicou, ktor\u00e1 pom\u00e1ha zobrazi\u0165 sp\u00f4sob, ak\u00fdm ur\u010dit\u00e9 sc\u00e9ny bud\u00fa pracova\u0165.<\/strong> Na staros\u0165 ho mal art director Martin, ktor\u00fd za\u010dal tvori\u0165 ako obvykle za pomoci ceruzy a papiera a a\u017e nesk\u00f4r storyboard pretavil aj do digit\u00e1lu.<\/p>\n

\"spucr-storyboard\"<\/p>\n

Hrub\u00e9 zelen\u00e9 skicy vytv\u00e1raj\u00fa storyboard, ktor\u00fd pribli\u017euje z\u00e1kladn\u00fa sekvenciu spotu<\/span><\/p>\n

Po fin\u00e1lnom schv\u00e1len\u00ed v\u0161etk\u00fdch sc\u00e9n, hor sa na ilustr\u00e1cie v unik\u00e1tnom \u0161t\u00fdle! <\/strong><\/p>\n

Ilustr\u00e1cia prvej sc\u00e9ny bola zauj\u00edmav\u00e1 t\u00fdm, \u017ee obsahovala aj hran\u00e9 z\u00e1bery pr\u00edrodn\u00fdch katastrof<\/strong>, ktor\u00e9 n\u00e1m klient poslal. Dan\u00e9 z\u00e1bery sme, samozrejme, upravili, aby sedeli do cel\u00e9ho konceptu a obohatili ich o 3D anim\u00e1ciu.<\/p>\n

\"ilustracia-spucr\"Ilustr\u00e1cia prvej sc\u00e9ny, ktor\u00e1 obsahuje aj hran\u00e9 z\u00e1bery nato\u010den\u00e9 mobilom<\/span><\/p>\n

\"ilustracie-spucr\"<\/span>Ilustr\u00e1cia krajiny v individu\u00e1lnom \u0161t\u00fdle<\/span><\/p>\n

\"ilustracia-spucr\"<\/span>Ilustr\u00e1cia sc\u00e9ny, na ktorej postava vyu\u017e\u00edva aplik\u00e1ciu na monitorovanie p\u00f4dy<\/span><\/p>\n

Rovnako ako pri v\u0161etk\u00fdch ostatn\u00fdch f\u00e1zach projektu, aj v tejto f\u00e1ze mal klient mo\u017enos\u0165 nekone\u010dn\u00fdch rev\u00edzi\u00ed.<\/strong> A\u017e po zapracovan\u00ed ka\u017edej, aj ten najmen\u0161ej pripomienky, boli ilustr\u00e1cie hotov\u00e9.<\/p>\n

3. U\u017e to sta\u010d\u00ed len cel\u00e9 rozh\u00fdba\u0165 a prida\u0165 zvuk<\/h2>\n

Aj tret\u00ed krok produkcie sa sklad\u00e1 z nieko\u013ek\u00fdch \u010dast\u00ed. Ve\u013emi d\u00f4le\u017eitou \u010das\u0165ou, ktor\u00fa netreba bra\u0165 na \u013eahk\u00fa v\u00e1hu je v\u00fdber sp\u00edkra<\/strong>. Hlas, ktor\u00fd m\u00e1 preda\u0165 posolstvo videa mus\u00ed by\u0165 v s\u00falade s firemnou identitou zna\u010dky.<\/strong> U\u017e na za\u010diatku sme sa s klientom zhodli na tom, \u017ee k dan\u00e9mu videu sa hod\u00ed seri\u00f3zny pokojn\u00fd mu\u017esk\u00fd hlas.<\/strong> Preto bol sk\u00fasen\u00fd sp\u00edker Stanislav, ktor\u00e9ho m\u00e1me v na\u0161ej ponuke Mynd hlasov, jednozna\u010dnou vo\u013ebou.<\/p>\n

Na z\u00e1klade voiceoveru sme sa n\u00e1sledne mohli pusti\u0165 do anim\u00e1cie a spravi\u0165 obraz \u017eiv\u00fdm! <\/strong>Animovanie tohto projektu bolo tak trochu v\u00fdzvou, preto\u017ee hlavn\u00fd zrete\u013e nebol kladen\u00fd na charaktery, ale na pr\u00edrodu. Detailne sa animovali pr\u00edrodn\u00e9 javy<\/strong> ako praskanie p\u00f4dy \u010di d\u00e1\u017e\u010f. \u201eCharaktery boli len doplnkov\u00fdm dizajnom, ktor\u00fd pom\u00e1ha div\u00e1kovi stoto\u017eni\u0165 sa so scen\u00e1rom,“ potvrdzuje art director projektu. Aj ke\u010f i\u0161lo o 2D anim\u00e1ciu, \u00favodn\u00e9 sc\u00e9ny si kv\u00f4li atraktivite jednoducho p\u00fdtali<\/p>\n","protected":false},"excerpt":{"rendered":"

Pr\u00edroda n\u00e1m bledne pred o\u010dami. Katastrof\u00e1lne d\u00f4sledky n\u00e1\u0161ho \u013eudsk\u00e9ho konania m\u00f4\u017eeme vidie\u0165 nie len v \u010falekej Austr\u00e1lii \u010di na Sib\u00edri, ale aj v na\u0161ich kon\u010din\u00e1ch. Jedn\u00fdm z najcennej\u0161\u00edch bohatstiev, ktor\u00e9 trp\u00ed p\u00f4soben\u00edm klimatick\u00fdch zmien je p\u00f4da. Ned\u00e1vno sme v na\u0161om \u0161t\u00fadiu vytv\u00e1rali animovan\u00e9 video, ktor\u00e9 sa zaober\u00e1 problematikou tohto \u017eiv\u00e9ho pokladu pod na\u0161imi nohami. Radi … Continued<\/a><\/p>\n","protected":false},"author":7,"featured_media":4083,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[151],"tags":[210,207],"class_list":["post-4275","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sk-kreativita","tag-sk-kreativita","tag-sk-kreativna-praca"],"acf":{"minutes":""},"tags_data":[{"id":210,"name":"Kreativita"},{"id":207,"name":"Kreat\u00edvna pr\u00e1ca"}],"featured_image_url":"https:\/\/www.mynd.com\/wp-content\/uploads\/105_bg.webp","minutes_read":"","_links":{"self":[{"href":"https:\/\/www.mynd.com\/sk\/wp-json\/wp\/v2\/posts\/4275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mynd.com\/sk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mynd.com\/sk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mynd.com\/sk\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mynd.com\/sk\/wp-json\/wp\/v2\/comments?post=4275"}],"version-history":[{"count":2,"href":"https:\/\/www.mynd.com\/sk\/wp-json\/wp\/v2\/posts\/4275\/revisions"}],"predecessor-version":[{"id":14335,"href":"https:\/\/www.mynd.com\/sk\/wp-json\/wp\/v2\/posts\/4275\/revisions\/14335"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mynd.com\/sk\/wp-json\/wp\/v2\/media\/4083"}],"wp:attachment":[{"href":"https:\/\/www.mynd.com\/sk\/wp-json\/wp\/v2\/media?parent=4275"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mynd.com\/sk\/wp-json\/wp\/v2\/categories?post=4275"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mynd.com\/sk\/wp-json\/wp\/v2\/tags?post=4275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}