Videonávod základů

Krátké video bylo převedeno z flashového formátu do MP4 ve školním Moodle.
Vzniklo původně pro přípravu obrázků na animaci.
Je však výborné pro základy programu Inkscape.
Můj starý vetchý web
Krátké video bylo převedeno z flashového formátu do MP4 ve školním Moodle.
Vzniklo původně pro přípravu obrázků na animaci.
Je však výborné pro základy programu Inkscape.
Témeř bez úprav převzato z www.jenseneboj.com (c) 2011
Vytvořit pokročilý animovaný soubor například pro „Den otevřených dveří“ nebo na téma Veselé Velikonoce, Vánoce, osobní PF, firemní reklamní banner a podobně.
Další pokyny k úkolům a cvičení viz odstavec Úkoly.
Metody překreslení, přechody snímků, Pozadí, Leave (ponechat), Restore Background (obnovit pozadí), Restore Previous (obnovit předchozí), transparentnost – průhlednost.
O trochu níže si zkopírujte oba GIF soubory s tématem „Den otevřených dveří“. Dále ve školní síti ve složkách
…\Pub-Out\Grafika, …\Pub-Out\Obrazky a nebo zde naleznete další cvičné a ukázkové soubory. nahoru
Před lety na bývalé škole jsem vytvořil animovaný obrázek ke dni otevřených dveří. Pojďme s ním experimentovat a doplnit jej. Otevřte jej v programu Microsoft GIF Animator nebo Zoner GIF Animátor.
Doplněná pozvánka na „Den otevřených dveří“
Prostudujte si na snímcích nastavení metody překresleni a postupné zobrazování snímků, překreslování textů a přilétajících havránků.
No a teď směle do díla. Cílem je animace na Den otevřených dveří. Udělejte mi radost, několik nejhezčích, nejnápaditější prací nabídnu ke zveřejnění na školním webu (po odstranění textů příjmení jméno atd.). Předpokládám a jsem si vědom, že to je práce na více hodin než jsou 2 hodiny ve škole. Pracovité vycením a na líné se vycením.
😉
LOGIN_ANI02.gif
pro výsledekLOGIN_ANI02a.gif, LOGIN_ANI02b.gif, atd.
dílčí soubory – exporty z vektorů (PNG konvertovat na GIF) s texty, vránami apod.LOGIN_ANI02a.svg, LOGIN_ANI02b.svg, atd.
nebo xcf, psd, ai
pro pracovní soubory s dílčími kresbami, texty apod.LOGIN_ANI02.html
soubor s webovou stránkou pro zobrazení v prohlížeči.disk:\grafika\ANI02
a sem uloží všechny soubory.
...\Pub-in\VašeTřída\LOGIN_ANI02.gif
Vyrobit animovaný GIF ze dvou obrázků – zobající kuře.
Další úkoly k procvičení viz odstavec Úkoly.
animovaný GIF, snímek, počet opakování, časová prodleva, časování, Microsoft GIF Animátor
Volně šiřitelný (viz EULA) program Microsoft GIF Animátor,
download ze serveru SLUNEČNICE.cz GIFAnimator.exe, cca 0.5 MB
Na školní síti ve složkách …\Pub-Out\Grafika; …\Pub-Out\Obrazky
a nebo zde je více souborů…nahoru
Jak to, že na plátně v kině vidím pohyblivé obrázky? Princip je stejný jak ve filmu, tak v animovaných GIFech. Před očima se mi promítá sled obrázků, na každém je malá změna. Nedokonalostí lidského oka se to jeví jako plynulý pohyb. Blíže o animaci na Wikipedii.
Počet obrázků (snímků) za určitý čas nebo časová prodleva než přijde další obrázek je rozhodující pro plynulost pohybu. V programech pro tvorbu animovaných GIFů se používá čas, jak dlouho má být obrázek vidět. Pojem počet obrázků (snímků) za sekundu nebo správněji frames per second (FPS) se používá v digitálním videu.
Velké změny mezi obrázky se jeví trhaně, velké časové prodlevy v případě pohybu vypadají taky rušivě. Na druhou stranu rychlá změna mi neumožní přečíst případný text nebo prohlédnout logo. Záleží na tom zda-li tvořím plynulý pohyb nebo banner s logem a textem.nahoru
Statické snímky GIF Animátoru zde …
TIP: stáhni si!
Irfan chybuje při pokusech s animacemi. Hlavně co se týče průhlednosti. Nejlépe uděláte, pokud si svoji práci zobrazíte ve webovém prohlížeči. Zde máte nejjednodušší formu webové stránky určenou na pokusy, není však vhodná pro realné použití na Síti.
POZN. (2011): Navíc je ve staré syntaxi HTML a bez stylů CSS.
Zkuste vlastnost bgcolor (background color, barva pozadí) změnit například na red, blue, silver, yellow, pink…
Na Vaše pokusy si stáhněte zde připravený HTML soubor gif_pokusy.html (download pravým tlačítkem myši)
Upravte na 5. řádku svoje jméno GIF souboru a zkopírujte oba soubory do téže složky. Dvojklik na HTML souboru. A je to!nahoru
Cílem je vytvořit první nejjednodušší animaci ze dvou snímků podle zadání. Dodržením zadání odpadnou různé problémy a budete i lépe hodnoceni.
LOGIN_ANI01.gif
pro výsledekLOGIN_ANI01a.gif, LOGIN_ANI01b.gif
dílčí soubory – exporty z vektorů (PNG konvertovat na GIF)LOGIN_ANI01.svg
nebo odg, cdr nebo ai
pro vektorový soubor podle upřesňujících pokynů.LOGIN_ANI01.html
soubor s webovou stránkou pro zobrazení v prohlížeči.disk:\grafika\ANI01
a sem uloží všechny soubory...\Pub-in\VašeTřída\LOGIN_ANI01.gif
TIP:
Po splnění povinného GIFu ze dvou obrázků můžete vytvořit něco navíc.