Úvod → GRAFIKA → LEKCE >>>  ANI02: GIF Animátor 2 → Cíle - DOD soubory - Úkol - Přechody snímků - Příprava textů - Ukázky chyb - Procvičte si, náměty  

ANI02: Tvorba animovaných GIFů, část 2

Úvodní informace
Cíle lekce
- pochopit metody překreslení – přechody snímků v animacích GIF
- aplikovat přechody mezi snímky v programu Microsoft GIF Animátor
- umět využít Irfan View pro práci s animovanými soubory a získání informací o animovaném souboru
Úkoly a cvičení
vytvořit pokročilý animovaný soubor například pro "Den otevřených dveří" nebo na téma Veselé Velikonoce, Vánoce, osobní PF, reklamní banner a podobně.
Další pokyny k úkolům a cvičení viz odstavec Úkoly.
Klíčová slova, pojmy
Pozadí, Leave (ponechat), Restore Background (obnovit pozadí), Restore Previous (obnovit předchozí) více cvičných a ukázkových animací
Software
Volně šiřitelný (viz EULA) program Microsoft GIF Animátor mám ve školní síti ve složce ...\Pub-Out\SW a nebo
download (pravým tlačítkem myši) gifsetup.exe, 1100 kB. Můžete sáhnout taky na server SLUNEČNICE, kde se ukrývá též pod názvem gifsetup.exe.
Cvičné a ukázkové soubory
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 
Den otevřených dveří * 2 soubory

původní starý, jen s vránama

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 Proč zrovna tento nedokonalý program? Inu zjednodušeně: je zadarmo pro legální uživatele MS Windows (viz licence MS EULA). A jde o princip GIF souborů. Těžko na cvičišti... GIF Animator.

nový doplněný o texty

Doplněná pozvánka na "Den otevřených dveří"


nahoru 
Úkol

  • Svou práci uložte jako LOGIN_DOD.gif.
  • Dílčí kroky ukládejte taky. Třeba je číslujte LOGIN_DOD01.gif atd. Vyberte nejhezčí a ostatní smažte, na závěr cvičení zkopírujte jeden výsledný, byť nehotový, soubor do mého Pub-in. Ať vidím, jak daleko jste se dostali za stanovený čas.
  • Zaměřte se především na přechody mezi jednotlivými snímky. Na způsob překreslování pozadí, obnovení předchozího obrázku apod. Jde opravdu jen o cvik.
  • Napřed si prostudujte a prakticky prozkoumejte hotové soubory z této stránky, jak jsou dělány, jaké metody překreslování (Undraw Method) jsou použity u vran a textů. Povšimněte si také polohy obrázků s vránami zadávané do polí Left a Top
  • Vemte z webu, vyfoťte, naskenujte fotografii naší školy. Cení se vlastní foto! Záleží na stanoveném času.
  • Připravte pro naši školu animovaný GIF soubor na nové termíny. Pokud ještě nejsou na školním webu známy, tak si je stanovte cvičně sami.
  • Na přípravu textů použijte cokoli, na efekty a úpravy (vlastní výběr, oříznutí, velikost v pixelech, DPI, uložit jako s průhledností) použijte Irfan View.
  • vykricnik.png   - WRITER, WORD, napíši a naformátuji text
      - levý ALT + Print Screen (zkopíruje aktivní okno do schránky, získá "screenshot")
      - spustit Irfan View
      - CTRL+ V (vloží obrázek programu - "screenshot")
      - oříznout, nastavit velikost v pixelech, efekty
      - a je to (uložit jako GIF s případnou průhlednou barvou)
     TIP     : Nejrychleji drze použiju textový editor namísto grafického. Napíši text, levý ALT + Print Screen, Irfan View, CTRL + V, oříznout a je to za 99,5 sekundy na druhý třetí pokus za 3 x 99 vteřiny hotovo. Pak nastoupí efekty
  • Doplňte datum a čas, zvolte bílou barvu jako průhlednou.
  • Doplňte vhodný text ve dvou krocích s efekty, s podbarvením, se stínem apod.
  • V rámci samostatnosti a originality opět povinně požaduji, aby se vyskytovalo v textu Vaše příjmení a jméno, datum vytvoření a třída. Malinkaté, pokud možno vpravo dole, aby nerušilo celkový dojem.
  • Paleta barev GIF Animátoru aneb ´Která je bílá?´ POZOR na nastavení průhledné bílé barvy.
    Bílá je bělejší! Taky jsem si naběhnul se slábnoucím zrakem.
    Viz obrázek ´Která je bílá?´
nahoru 
Přechody mezi snímky

Anglický text je převzat z nápovědy MS GIF Animátoru:



nahoru 
Příprava textů

Můžete použít prakticky cokoliv. Netradičně třeba TEXTOVÝ nebo vektorový grafický editor a následně klávesou PRINT SCREEN sejmout obrazovku do schránky, tu pak vložit do Irfan View a oříznout ...

 


Stejný postup, ale navíc jsem nezapomněl na průhlednost...

 

Úprava byla provedena pomocí efektu v programu Irfan View.
MENU: Obrázek / Efekty / Detekce okrajů

 

Úprava byla provedena pomocí efektu v programu Irfan View.
MENU: Obrázek / Efekty / Reliéf
Opravdu rychlofka, nic moc ...

  A ještě jednou vykricnik.png   - WRITER, WORD, napíši a naformátuji text
  - levý ALT + Print Screen (zkopíruje aktivní okno do schránky, získá "screenshot")
  - spustit Irfan View
  - CTRL+ V (vloží obrázek programu - "screenshot")
  - oříznout, nastavit velikost v pixelech, efekty
  - a je to (uložit jako GIF s případnou průhlednou barvou)
 TIP

nahoru 
Na chybách se učíme

Soubor: LETAK0.gif
Použitá metoda: Restore Backgroung

Povšimněte si, jak zde na tomto webu zůstává po vráně modré pozadí stránky a v přehrávači GIF Animátoru šedivé pozadí. Metoda RESTORE BACKGROUND obnoví pozadí, překreslí původní pozadí.
Transparency (průhlednost): bílá barva

Soubor: LETAK1.gif
Použitá metoda: LEAVE
Zde je vidět, že zůstávají viditelné původní vrány, záměrem však je, aby zmizely. Metoda LEAVE ponechá předchozí obrázek.
Transparency (průhlednost): bílá barva

No a teď směle do díla. Udělejte mi radost, několik nejhezčích, nejnápaditější prací můžu zveřejnit a nabídnout na ofiko školní web (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.
;)

nahoru 
Procvičte si, další náměty

vykricnik.png
  • Velikonoce, Vánoce, PF
  • Panáček, zajíc, kuře, ježek či hroch z vektorového editoru
  • Foto doplnit rotujícím textem (XARA)
  • Srdce propíchnuté šípem s postupně se měnícími iniciálami spolužaček, Auuuúúú
  • Přetvořené reklamní náměty z webu, TV (Bóbika; mohli jsme Vám dát, ale mi NE)
  • Recese, legrace, decentní vtípky bez sprosťáren, směle vpřed...
  • Pochlubte se svými díly, zašlete, vystavím a OCENÍM! :-)