Archiv autora: Libor First

Inkscape odkazy

Zajímavé odkazy pro Inkscape

Videa na YouTube

První kousky, jen vložené odkazy bez popisu

Jasně, přehledně a stručně: nakreslit, naskenovat a vektorizovat

https://youtu.be/VwOYO9cAows

Nemám prozkoumáno, ale líbí se mi obsah playlistu

ScreenŠhotky pro tvarování

Tvarování neboli obkreslování, sloučit objekty, obrázek do vrstvy pod kresbum částečná průhlednost a zamknout…

Kliknutím na první nebo poslední obrázek z galerie zobrazíte detail.

Kliknutím na první nebo poslední obrázek z galerie zobrazíte detail.

Napište mi komentář

Napište mi s návrhy na odkazy sem nebo do Teams.

SSO ve škole

Tvorba vzoru

Cvičení 07. 12. 2020 a taky podzim 2021

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. Phasellus et lorem id felis nonummy placerat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Nulla pulvinar eleifend sem. Proin mattis lacinia justo. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Aenean id metus id velit ullamcorper pulvinar. Integer malesuada. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque pretium lectus id turpis.

Zadání nebo radši ne

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. Phasellus et lorem id felis nonummy placerat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas libero. Nulla pulvinar eleifend sem. Proin mattis lacinia justo. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Aenean id metus id velit ullamcorper pulvinar. Integer malesuada. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque pretium lectus id turpis.


Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus, vel sagittis velit mauris vel metus. Aliquam erat volutpat. Aliquam erat volutpat. Curabitur vitae diam non enim vestibulum interdum. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. In laoreet, magna id viverra tincidunt, sem odio bibendum Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.

justo, vel imperdiet sapien wisi sed libero. Mauris elementum mauris vitae tortor. Pellentesque ipsum. Integer vulputate sem a nibh rutrum consequat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis risus. Aenean placerat. Quisque tincidunt scelerisque libero.

Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Sed ac dolor sit amet purus malesuada congue. Quisque tincidunt scelerisque libero. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Mauris dictum facilisis augue. Etiam dui sem, fermentum vitae, sagittis id, malesuada in, quam. Pellentesque pretium lectus id turpis. Nullam feugiat, turpis at pulvinar vulputate, erat libero tristique tellus, nec bibendum odio risus sit amet ante. Proin mattis lacinia justo. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Nullam dapibus fermentum ipsum. Etiam neque. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.

Jak se řekne deštník

laskjdflask dlkdf sdlfkjsd flksdf lksdjf sldkfj sdlfkjs dflksdfj sldfk sdlfk sdflskdf lsdkf sldfk sdflk. Deštník, umbrella, dáždik, palazor

Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus, vel sagittis velit mauris vel metus. Aliquam erat volutpat. Aliquam erat volutpat. Curabitur vitae diam non enim vestibulum interdum. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Mauris elementum mauris vitae tortor. Pellentesque ipsum. Integer vulputate sem a nibh rutrum consequat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis risus. Aenean placerat. Quisque tincidunt scelerisque libero. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.

Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Sed ac dolor sit amet purus malesuada congue. Quisque tincidunt scelerisque libero. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Mauris dictum facilisis augue. Etiam dui sem, fermentum vitae, sagittis id, malesuada in, quam. Pellentesque pretium lectus id turpis. Nullam feugiat, turpis at pulvinar vulputate, erat libero tristique tellus, nec bibendum odio risus sit amet ante. Proin mattis lacinia justo. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Nullam dapibus fermentum ipsum. Etiam neque. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.

Integer pellentesque quam vel velit. Duis risus. Integer malesuada. Phasellus rhoncus. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Maecenas sollicitudin. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Nam sed tellus id magna elementum tincidunt. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vulputate sem a nibh rutrum consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent id justo in neque elementum ultrices. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat.

Etiam dictum tincidunt diam. Nullam sit amet magna in magna gravida vehicula. Mauris metus. Aliquam erat volutpat. Integer in sapien. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu. Integer lacinia. Curabitur bibendum justo non orci. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam feugiat, turpis at pulvinar vulputate, erat libero tristique tellus, nec bibendum odio risus sit amet ante. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Aliquam ornare wisi eu metus. Donec quis nibh at felis congue commodo. Nunc dapibus tortor vel mi dapibus sollicitudin. Nam quis nulla. Praesent vitae arcu tempor neque lacinia pretium. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Duis condimentum augue id magna semper rutrum. Mauris tincidunt sem sed arcu.

Integer pellentesque quam vel velit. Duis risus. Integer malesuada. Phasellus rhoncus. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Maecenas sollicitudin. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Nam sed tellus id magna elementum tincidunt. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vulputate sem a nibh rutrum consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent id justo in neque elementum ultrices. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat.

Etiam dictum tincidunt diam. Nullam sit amet magna in magna gravida vehicula. Mauris metus. Aliquam erat volutpat. Integer in sapien. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu. Integer lacinia. Curabitur bibendum justo non orci. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam feugiat, turpis at pulvinar vulputate, erat libero tristique tellus, nec bibendum odio risus sit amet ante. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Aliquam ornare wisi eu metus. Donec quis nibh at felis congue commodo. Nunc dapibus tortor vel mi dapibus sollicitudin. Nam quis nulla. Praesent vitae arcu tempor neque lacinia pretium. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Duis condimentum augue id magna semper rutrum. Mauris tincidunt sem sed arcu.

Zápis z hodiny 16.11.2020

Zápis hodiny

  1. Procházení příspěvku o tabulátorech
  2. Průzkum rolí spolupracovník a redaktor
  3. Sepsání informací o uživatelských úrovní
  4. Lukáš pověřen zápisem hodiny, přiřazení hesla
  5. Žádost o zamyšlení nad přehledném ukládání zápisu z hodin
  6. Řešení semestrální práce s Lukášem
  7. Zopakování maker v excelu
  8. Zamyšlení nad MS Visio

Vypracoval Bláha Lukáš

SSO zápočet

Převzato z Team, obsáhlý příspěvek ze 25. 10. 2020

Úkol

Prosím, zamyslete se opět nad tématem – obsahem semestrální práce a dejte písemně vědět. Asi tak do týdne. Něco co Vás baví nebo bude živit (příp. oboje). Každý snad máte nějaké hobby nebo aktivitu, brigádu nebo… Rád bych, aby to nebylo jenom jako, ať je tam kloudný obsah v rozumně větším rozsahu. Dejte mi vědět tady v příspěvcích kanálu, jak to vidíte.
POZN.: Komunikujte zásadně v Teams!
Nechce se mi a taky Vám věřím stanovovat čísla (počet obrázků, příspěvků stránek apod.)

28. 10.: Poněkud jsem pozapomněl napsat to podstatné. K zápočtu připravte web s tímto tématem.

SSO05 Zlaťácíí…

Převzato z příspěvků v kanále SSO v Teams

Sedím doma na pr…. a tak jsem upravil hlavní menu a doplnil do něj odkazy na vaše WP weby, příspěvky a stránky (Lukáš). Vypadá to na delší sezení doma na p… Myslím, že není nutno na všechno psát zadání.

Úkoly

  • Prohlédněte si můj WP webík (už nefunguje…)
  • Jak již bylo řečeno – naimportujte si vzájemně své příspěvky a stránky.
  • Přidejte si uživatele, jako já Vratiprsta Choromysla. Dejte mu třeba svůj osobní (neškolní) email a zapojte ho užívání webu (šéf-redaktor, přispěvatel).
  • Vzájemně si pochvalte v komentářích svoje díla.
    Já jsem třeba v nabídce Jenseneboje omezil komentář (na zkoušku a proč to i nenechat).
  • Jak již bylo řečeno – doplňte menu apod., ale tentokrát podobně jako moje ukázka
    Přidám pár SŠ (screenšotků) do souborů v kanále. vznikly při mé víkendové noční aktivitě. Mrkněte tam.
  • OPRAVA:
    Vložím to sem jako galerii. Aspoň se něco přiučím ve WP
  • Až vytvoříte otázky k ABS, tak si je opět vzájemně poskytněte a začleňte do svých webů. Pochvalte nebo navrhněte jiné znění pomocí komentářů

ANI02 Animace

Lekce ANI02

Témeř bez úprav převzato z www.jenseneboj.com (c) 2011

Cíl lekce

  • Pochopit metody překreslení – přechody snímků v animacích GIF.
  • Využívat průhlednost (transparentnost).
  • Aplikovat přechody mezi snímky v programu Microsoft GIF Animátor.
  • Využít Irfan View pro práci s animovanými soubory a k získání informací o animaci.

Ú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, firemní reklamní banner a podobně.
Další pokyny k úkolům a cvičení viz odstavec Úkoly.

více cvičných a ukázkových animací

Klíčová slova, pojmy

Metody překreslení, přechody snímků, Pozadí, Leave (ponechat), Restore Background (obnovit pozadí), Restore Previous (obnovit předchozí), transparentnost – průhlednost.

Software

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

Dva cvičné animované soubory

První soubor – vrány

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 Microsoft GIF Animator nebo Zoner GIF Animátor.

Druhý soubor – doplněný texty

nový doplněný o texty
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ů.

Jak na to


Přechody mezi snímky

  • Undefined (nedefinováno)
    Prohlížeč nedělá nic s pozadím před zobrazením dalšího obrázku.
    EN: Directs the browser to do nothing to the background before displaying the next image.
  • Leave (ponechat)
    Ponechá předchozí obrázek …
    EN: Directs the browser to leave the previous graphic image as the next is drawn. This choice can create a shadowing effect.
  • Restore Background (obnovit pozadí)
    Obnoví pozadí, překreslí původní pozadí …
    Directs the browser to redraw the original background as the current image is drawn.
  • Restore Previous (obnovit předchozí)
    Obnoví (překreslí) předchozí obrázek …
    EN: Directs the browser to redraw the previous image as the current image is drawn.

Úkol

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.
😉

  • Pokud chcete výborné hodnocení, splňte beze zbytku zadání.
  • Čas odevzdání měřím v Pub-in, ale ve Vaší složce musí být všechno.
  • Jako obvykle bez krve, násilí a zbytečné erotiky. Že by zase nudná školní veřejně publikovatelná práce?
  • 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 našeho webu, vyfoťte, naskenujte fotografii naší školy. Cení se vlastní foto! Záleží na stanoveném času, Vaší ochotě a snaze.
  • Pokud nepoužijete vlastní foto, uložte si do souboru URL adresu, odkud je použitá fotka.
  • Na přípravu textů použijte jakýkoliv software. Na efekty a úpravy (vlastní výběr, oříznutí, velikost v pixelech, uložit jako s průhledností) použijte například Irfan View.
  • 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.
  • Dílčí kroky ukládejte taky. Třeba je číslujte nebo písmenkujte.
  • Napište hodně malým, ale čitelným písmem svoje příjmení, jméno, třídu, skupinu a datum tvorby. Pokud možno vpravo dole tak, aby nerušilo celkový dojem.Identifikace být MUSÍ!
  • Mí studenti použijte přihlašovací jméno (LOGIN), podtržítko, název lekce (číslo cvičení – lekce).
  • LOGIN_ANI02.gif pro výsledek
  • LOGIN_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.
  • Studenti vytvoří na svém disku složku disk:\grafika\ANI02 a sem uloží všechny soubory.
  • Pouze jeden jediný soubor – animovaný výsledek do Pub-in:
    ...\Pub-in\VašeTřída\LOGIN_ANI02.gif
  • Použijte upload na server  SEPTIM 
  • … a nebo postaru z „flashky“ zítra ve škole.
  • No a vítaní návštěvníci, pošlete mi svoje díla emailem (viz pata titulní strany). Děkuji.

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
  • 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! 🙂

ANI01 Animace

Lekce ANI01


Cíl lekce

  • Pochopit princip animovaných souborů;
  • Aplikovat prakticky na nejjednodušším animovaném GIFu ze 2 obrázků;
  • Používat vektorový grafický editor pro přípravu podkladů;
  • Pracovat správně s pixely již v přípravné fázi;
  • Exportovat z vektorového editoru do rastru
  • Umět využít Irfan View pro kontrolu podkladů k animaci a
  • získání informací o animaci;
  • Seznámit se s programem Microsoft GIF Animátor.

Úkoly a cvičení

Vyrobit animovaný GIF ze dvou obrázků – zobající kuře.
Další úkoly k procvičení viz odstavec Úkoly.

Klíčová slova, pojmy

animovaný GIF, snímek, počet opakování, časová prodleva, časování, Microsoft GIF Animátor

Software

Volně šiřitelný (viz EULA) program Microsoft GIF Animátor,
download ze serveru SLUNEČNICE.cz GIFAnimator.exe, cca 0.5 MB

Cvičné a ukázkové soubory

Na školní síti ve složkách …\Pub-Out\Grafika; …\Pub-Out\Obrazky
a nebo zde je více souborů…nahoru

Trocha teorie na úvod


ukázka animace, Wikipedie

Co je vlastně animovaný GIF?

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.

Časování

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

Příprava podkladů – obrázků


  • Připravím si dva obrázky. Je to málo, ale napoprvé to stačí. Použiji vektorový editor. Například Open Source Inkscape a OpenOffice.org Draw nebo placený Corel Draw.
  • Jistě zvládne každý několik koleček, trojúhelník zařadit za hlavu, zelený čtverec a tlustší zelenou čáru od ruky, která zajistí dojem pozadí a naznačí místo, kam dát ptačí zob.
  • Dejte si pozor ať nemlatí pozadí do kuřete, ale naopak!
  • Další problém může nastat při sklonění kuřete, aby nevystrčilo zadek ven ze čtverce. Nastavte si jinam střed otáčení! Nohy teď nedělejte, příště.
  • Exportuj do rastrového PNG nebo GIFu, já jsem se snažil o rozměry 125 x 125 pixelů.
  • Nebo levý ALT + Print Screen, vložit do Irfanu, použít přesné souřadnice oříznutí, nastavit velikost 125×125 pixelů a uložit jako GIF (viz lekce IRFAN 1 a 2)

Jdeme animovat aneb „Jak na to?“


animovaná ukázka práce s MS GIF Animátorem

Statické snímky GIF Animátoru zde …

 TIP: stáhni si!

  • Stáhněte si ze Slunečnice MS GIF Animátor  GIFAnimator.exe, cca 0.5 MB.
  • Nemusí se instalovat. Rovnou spusťte MS GIF Animátor.
  • Otevřete jeden z připravených souborů a hned uložte jako něco jiného. Fakt to udělejte, zachováte si původní první soubor nedotčen. Věřte mi, už jsem si jich přemáznul dost!
  • Další vložte třeba pomocí CTRL + I
  • TIP: V případě většího množství vkládej obrázky od posledního k prvnímu. Opačně než je sled animace. Jen se neboj!
  • Nastavte nekonečný počet opakovaní:
    záložka ANIMATION → zaškrtnout Looping a Repeat Forever
  • Číselný údaj není v milisekundách, ale v setinách. Na záložce Image v poli Duration nastavte, nejlépe všem najednou, stejnou časovou prodlevu 100 setin sekundy. Potom některým třeba změňte čas.
  • Experimentujte s jinými časy, pro každý jiný apod.
  • Druhé tlačítko zprava je přehrávač. Umí také krokovat, moc užitečné.
  • POZOR, máte uloženo jako jiný soubor? Nepřepište si jeden (první) z vložených obrázků.
  • Tyto jednoduché animace v Irfan View většinou nezlobí, ale přesto …

Vyzkoušejte dílo v Irfan View


Zobrazení animace v IrfanView
  • Hotové zobající kuře otevřete v Irfan View.
  • Povšimněte si dole ve stavovém řádku informací:
  • Vlevo rozměry v pixelech, hloubka barev a vpravo na konci jest napsáno 2, tj. 2 obrázky.
  • Samozřejmě také velikost souboru / prostor paměti uvedená v kilobajtech [kB].
  • Najděte v menu Volby»Zastavit animaci (G).
  • Rozběhnout znova nejde. Nevadí, zavřu a otevřu.
  • Vyzkoušejte Volby»Extrahovat všechny snímky ….
  • Ve vámi zvoleném adresáři najdete soubory s obrázky, ze kterých by mohla vzniknout tato animace.

Vyzkoušejte dílo v HTML souboru


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

Úkoly a cvičení


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.

  • Pokud chcete výborné hodnocení, splňte beze zbytku zadání.
  • Čas odevzdání měřím v Moodle nebo Pub-in podle pokynů učitele, ale ve Vaší složce musí být všechno.
  • Vytvořte ze dvou obrázků animovaný GIF o velikosti 125 × 125 pixelů.
  • Námětem je pták nebo hmyzák. Různá jiná milá zvířátka jsou též vítána.
  • Jako obvykle bez krve, násilí a zbytečné erotiky. Zkrátka nudná školní veřejně publikovatelná práce.
  • Prosím, vytvořte si vlastního ptáka! Výše zobrazená kuřata používejte jen pro prvotní pokusy.
  • Mí studenti použijte přihlašovací jméno (LOGIN), podtržítko, název lekce (číslo cvičení – lekce).
  • Je to celkem 5 souborů!
  • LOGIN_ANI01.gif pro výsledek
  • LOGIN_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.
  • Studenti vytvoří na svém disku složku disk:\grafika\ANI01 a sem uloží všechny soubory
  • Pouze jeden jediný soubor – animovaný výsledek do Pub-in: ...\Pub-in\VašeTřída\LOGIN_ANI01.gif
  • Použijte upload na server  SEPTIM 
  • … a nebo postaru z „flashky“ zítra ve škole.
  • No a vítaní návštěvníci, pošlete mi svoje díla emailem (viz pata titulní strany). Děkuji.

 TIP:

TIP * vyzkoušejte si

  • Otevřete si hotové animované GIFy a prozkoumejte, jak jsou dělány.
  • Rozbalte (extrahujte) do nové prázdné složky pomocí Irfanu nějaký složitější GIF.

Náměty a témata na další úkoly

Po splnění povinného GIFu ze dvou obrázků můžete vytvořit něco navíc.

  • Kuře se zavrtí a uteče…
  • Přileze červ, kuře koukne vpravo, vlevo, nahoru a sezobne ho.
  • Vedle kuřete spadne zrnko, drobek chleba a kuře jej sezobne.
  • Další nápady se jistě již řinou sami.
  • Inspirujte se v sekci PRÁCE STUDENTŮ , co už máme hotovo.

SSO04 Uživatelé

Plán na hodinu 19.10.2020

  • Export a import příspěvků
    • Vzájemně si předat soubor s vyexportovaným příspěvkem.
    • Konkrétně s návrhem otázek k absolutoriu (seznamem).
  • Uživatelé
    • Společně zkusit přidat uživatele a přidělit různá oprávnění.
    • Vyzkoušejte, co umí, která pozice. Například si vzájemně editujte (šéfredaktor může) příspěvky.
    • V prostoru příspěvků s vypracovanými otázkami přidat uživatele v plnými právy (důvěra).
  • Samostatný úkol – vpracovat
    • Tento týden jednu až dvě otázky k ABS.
    • Příští (vynucené prázdniny) dvě až jednu otázku.
    • Využívat styly, přidat obrázky (snímky), přidat odkazy na studijní materiály.