Úvod → GRAFIKA → LEKCE >>>  GIMP → Cíle - Teorie - Jak na to? - Náhledy v Irfanu a WWW - Úkoly  

ANI04: GIMP * animovaný panák

Úvodní informace
Cíle lekce
  • Seznámit se s možnostmi programu GIMP v oblasti animace
  • Pochopit princip tvorby animace jako sledu viditelných vrstev
  • Zvládnout použití vrstev pro animaci nastavením pořadí a viditelnosti
  • Používat k prohlížení a krokování animace interní přehrávač v Gimpu
  • Se znalostí aplikovat optimalizaci animace
Úkoly a cvičení
Úkol: vytvořte si svého paňácu, může být hezčí...
Vyrobit animaci pomocí programu GIMP z posloupnosti nasnímaných obrázků figurky a exportovat do animovaného formátu GIF.
Podrobnosti k úkolu a další náměty k procvičení viz odstavec Úkoly.
Klíčová slova, pojmy
GIMP, XCF, vrstvy, viditelné vrstvy, animovaný GIF, snímek (frame), optimalizace animace, krokování
Software
GIMP, open software, bezplatně k použití
Cvičné a ukázkové soubory
Ve školní síti ve složkách
...\Pub-Out\Grafika, ...\Pub-Out\Obrazky a nebo
zde najdete další ukázky animací vytvořených v GIMPu ...
Odkazy
Odkazů pro GIMP je opravdu hodně. Uvádím jen ty nejdůležitější. Některé jsou více jiné méně zdařilé. Znáte-li další dobré weby, napište. Pravdou však je, že animacemi se moc nezabývají, ty jsou v GIMPu na okraji zájmu. Ostatně GIMP taky není animační program. Prostě to jenom "taky" umí.

nahoru 
Trocha teorie
LINUXsoft.cz
Přímo pro animace na webu jsou určeny 2 díly z celkových téměř 40 dílů seriálu o GIMPu. Vřele doporučuji i ostatních 5 dílů speciálně pro webovou grafiku. Obsahují i výborně zpracovaný teoretický výklad.
6. díl * LINUXSOFT.cz * GIMP pro web
7. díl * LINUXSOFT.cz * GIMP pro web
Wikipedie
Pokud jste ještě nenavštívili v jiných lekcích tento odkaz, tak se nyní podivejte jak vidí wikipedisté pojem animace, film, počítačová animace?


nahoru 
Ukázka "Jak na to"

"Animovaný návod o animacích" stručně heslovitě v odrážkách okomentuji vlevo vedle tutoriálu. Úvodem jen toliko: GIMP jako každý špičkový grafický editor pracuje ve vrstvách, vrstvy mohou být (ne)viditelné. Vložením jednotlivých obrázků do vrstev a následným uložením jako animovaný GIF vznikne animace. Víc nic. Kdo chce víc zkoumá dál.
Animovaný návod v plné velikosti bez komentáře



- otevřít 1. snímek panak01.gif
- TIP * FINTA: další snímky otevřít jako vrstvu a nejlépe pomocí CTRL+ALT+O
- protože nebyly vidět vrstvy (pravé okno), musel jsem ukázat o který soubor právě jde.
- 3. a 4. snímek jak by smet: otevřít jako vrstvu
- zkontrolovat v pravém okně počet vrstev
- Chvíle marné snahy dostat celé menu do záběru "CamStudia"
- Menu: FILTR > ANIMACE > Přehrávání...
- náhled animace
- TIP: Krokování móóóc užitečné v případě složitých animací!
- uložit jako XCF (nativní formát Gimpu)
- rozvaha zda-li zneviditelnit (=vyřadit) některou vrstvu (=snímek)
- uložit jako GIF, animovaný
- do nastavení není nutno šťourat (napoprvé)
- náhled animace v Irfan View
- kontrola v IV: 4 obrázky, 165*222 pixelů, hloubka barev 4 bity, velikost v kB



Popis "Jak na to"
Není na videoukázce:
  • Proveďte optimalizaci!
  • MENU: FILTR > ANIMACE > Optimalizace
  • Kterou? Obě! Uložte každou s jiným názvem.
  • Prozkoumejte oba (tři) soubory:
    • neoptimalizovaný
    • optimalizovaný jednou metodou
    • optimalizovaný druhou metodou
  • Mrkněte na to, co je ve vrstvách! Jen rozdíly, čím se liší následující snímek od předchozího. Proč ukládat spousty bajtů, "když se to nemění"...
  • Která metoda je lepší? Jak kdy. Chce to vyzkoušet. Posuďte sami.
  • Podívat se nejlépe na webové stránce (viz ANI01) na výsledek. Irfan může šidit!!!
  • A velikost? Paráda, že jo.

Na změnu nastavení je třeba mít teoretické znalosti a něco zkušeností. Dnes zmáčkněte OK. (Bojím se, že tomu tak bude i zítra...)


nahoru 
Vyzkoušejte dílo v Irfan View - náhled
viz závěr videoukázky
Vyzkoušejte dílo v HTML souboru - náhled
viz ANI01


nahoru 
Úkoly a cvičení
Názvy souborů?
Jako obyčejně. Vaše přihlašovací jméno (LOGIN), podtržítko, název lekce (číslo cvičení), rozlišení pořadí více souborů a, b, c ...
LOGIN_ANI04a.gif, LOGIN_ANI04b.gif, LOGIN_ANI04c.gif, ...
Kolik?
Souborů kolik chcete, přesněji: aspoň jeden!
Kam s tím?
Do pupínu (...\Pub-in\VašeTřída)
Náměty a témata úkolů
    Namalujte si svého paňácu, inspirujte se pohledem do zrcadla. Mě to pomáhá.
  • Zacvičte si dřepy, kliky, ...
  • Otočte se, mrkejte
  • Keep smiling - vyloudit úsměv taky není zlé
  • prosím slušné veřejně publikovatelné animace bez násilí...
  • CIZINCI (nestudenti): zašlete emailem, vyhlašuji dlouhodobě soutěž, nejlepší ocením...
  • Fantazírujte, zůstává však podmínka: paňáca (figurka)
TIP * vyzkoušejte si * procvičte si
  • Otevřte taky všechny 3 soubory v MS GIF Animátoru
  • Rozbalte do nové prázdné složky pomocí Irfanu: vzniklo to určitě z těchto obrázků? A co v případě optimalizovaných
  • Zkuste jiné objekty: zvíře, auta a další
  • Přidejte text. Co kdyby některý zmizel a jiný zůstal?
  • Zkuste vyrobit Xarou rotující text a přidat ho ...
Kontrolní otázky
  • Kterému programu přísluší nativní přípona (formát) souboru XCF?
  • Jaký je princip animace všeobecně? Co to vlastně je animace?
  • Jaký je rozdíl mezi animovaným GIFem a filmem
  • Napište postup tvorby animace v Gimpu, zvolte si sami nejjednodušší příklad.
  • Kolik obrázků obsahuje animace ...? (například první obrázek této stránky)
  • Jaké parametry (vlastnosti) mají jednotlivé obrázky z téhož souboru? (první obrázek této stránky)