ANI03: Xara 3D * rotující text
- Cíl lekce:
- Ovládat orientačně prostředí programu Xara 3D
- Pochopit princip animovaného rotujícího textu a prakticky aplikovat v animaci GIF
- Zvládnout pořádně operace změna textu, počet otáček, export do souboru GIF, počet snímků ve výsledné animaci
- Zvládnout orientačně další volby: Bevel option, Extrude Option, nastavení světel
- Používat Irfan View k prohlžení animace a k získání informací o souboru
- Úkol: Uložit nativní (přirozený) soubor typu X3D a uložit (exportovat) GIF soubor. Zvolit vhodný kompromis mezi kvalitou a velikostí souboru a výsledky prezentovat na webové stránce.
Celé zadání viz odstavec cvičení.
- Klíčová slova, pojmy: Xara 3D, rotace, oříznutí, hloubka barev, pčet snímků za otáčku (za sekundu)
- Software: Volně šiřitelný program Xara 3D 1.0. Prastará verze, proto je to zadarmo.
- Cvičné soubory: Pub-Out\Grafika; Pub-Out\Obrazky
nahoru
- Úvod, software, soubory
-
Freeware program Xara 3D 1.0 je k dispozici ve školní síti ..\Pub-Out\SW\DTP_Grafika
nebo taky zde
download: Xara3Din(1.0idg).exe, 436 kB
Cvičné a ukázkové soubory: Pub-Out\Grafika; Pub-Out\Obrazky
Zde máte k dispozici soubor HTML, tj. webová stránka, do kterého i úplný začátečník podle následujícího návodu
zaručeně doplní názvy svých souborů a prohlédne si, co způsobil. :-D
Stáhněte si soubor HTML,
download pravým tlačítkem myši nebo až se zobrazí, tak soubor uložte jako... do svého pracovní prostoru a v něm změňte potřebné údaje:
- značka <title> titulek: Doplňte svoje osobní údaje příjmení a jméno, případně třídu a datum. Zobrazí se pak v modrém titulním pruhu okna prohlížeče.
- značky <h1> <h2> <h3> nadpisy 1 až 3:
Doplňte podle vzoru.
- <img src...; obrázek: Tato značka zobrazí obrázek v téže složce, ve které se nachází soubor login_gify.html, pokud zde doplníte jeho název. V parametru alt doplňte stručně několik slov o obrázku.
- značka <p> odstavec: V páru začíná a ukončuje obyčejný text. Můžete zde doplnit libovolně dlouhý komentář k obrázku.
nahoru
- Cvičení
-
Vytvořte v programu Xara 3D obrázky ve formátu GIF s rotujícím textem. Například svoje příjmení a jméno, nápis WELCOME, název výrobku apod. Výsledky prezentujte na webové stránce. Důvodem je lepší „viditelnost neviditelné barvy“ (průhledné barvy) než v Irfan View. Ale hlavně, v prohlížeči je to, co skutečně uvidíme na webu.
- Používejte jako obvykle v názvech LOGIN_xxx, číslujte, odevzdejte do Pub-in
- prostudujte a prakticky prozkoumejte soubory a odkazy této stránky
- Uložte napřed jako X3D a pak exportujte do animocvaného GIF souboru
- zkuste si jak vypadá, jak je velký AVI soubor
- v programu Xara 3D se zaměřte hlavně na TEXT, POČET OTÁČEK a SVĚTLA
- uložte nejprve jako nativní (přirozený, vlastní) formát *.X3D
- exportujte vícekrát s různými parametry do formátu animovaný GIF
- soubor typu GIF zobrazte pomocí HTML souboru (webové stránky)
- Náměty:
Vložte do pozadí fotografii,
vyrobte velmi malý text a použijte dále v GIF Animátoru
nahoru
- Xara 3D * jak na to
-
Pokud nemáte nainstalujte. Laici po spuštění instalační souboru dávají NEXT (další) NEXT,..., FINISH a najdou na ploše novou ikonu nebo i jinak. Zde neřeším.
Všechny snímky z programu Xara pohromadě na jedné stránce.
V nabídce programu jsou v podstatě všechny možnosti programu. Pojmenuji je zprava:
- žárovka:
nastavení osvětlení textu, poloha odkud, barva světla,
zkuste pravé tlačítko myši
á jééé...
najdete 3 zdroje světla,
pozadí (background) můžete nastavit barvu a namísto textury? No přece fotečku! Ale napřed zvelebenou v Irfanu.
Takových 5 Mpx by to pěkně zavařilo.
Zkoumejte, experimentujte!
- rotace:
zastavení a spuštění rotace,
to snad stačí
- A - animace:
nastavení počtu snímků = obrázků na otáčku
frames per revolution - zajímavé na jednu revoluci? otáčka jako revoluce...
POZOR: čím více snímků, tím hezčí a větší soubor
Zatržítko Clockwise: volí směr otáčení, podle směru hodinových ručiček
Zatržítko Front face only: doomejte lingvisti, experimentujte.
Dyslektici tvrdí: "Jen s Frantovou tváří"
- B - Bevel options:
nastavení tvarů, obrysů písma, zkosení hran apod. Chce to zkoušet.
- E - Extrude options:
především hloubka (Depth) 3D písma
Ale taky barva (klikněte)
matný nebo lesklý povrch, front face a back face, zase neřeknu zkuste si. máte na to
- T - Text:
možnost napsat krátký text a zvolit vlastnosti písma, no comment
nahoru
- Export do GIF souboru
-
Pozor při ukládání je nastražena jedna past!
Také jsem si naběhnul a chvíli tloukl hlavou do zdi. Formát GIF je zastoupen dvakrát a jen jeden z nich je animovaný. Mrška, ten animovaný je až na konci, to je vychutnávka.
Pro přehled uvádím všechny výstupní formáty:
BMP, JPEG, AVI, statický GIF, animovaný GIF
Konečně do finále. Export má několik záludností. Vždy nás bude zajímat velikost souboru:
- první možností, jak ovlivnit zobrazovanou velikost a tím velikost souboru je nečekaně velikost okna. Bohužel je to tak, je to freeware verze 1.0. A máme to zadarmo.
Menší okno při exportu = menší obrázky! (frame)
=> mají méně bodů (pixelů: šířka * výška)
=> menší velikost v bajtech
- barevná hloubka, klasika, bez komentáře... anebo viz lekce BMP01-02.
Jednoduše: moc barevný = moc veliký
- počet snímků: zjistil jsem že výsledný počet snímků v uloženém GIF souboru je poloviční než hodnota frame per revolution.
Minimální hodnota frame per revolution je 8
=> minimum snímků v animaci: 4 snímky
- Hodnota frames per second nastaví rychlost otáčení - počet snímků za sekundu.
- Crop: oříznutí - funguje poněkud divně a naopak než bych čekal. Jeví se, že ořízne na viditelnou část okna. Pochopitelně méně pixelů, méně bajtů, ale taky uříznuto kus textu, nutno vyzkoušet...
- Transparent: Průhlednost pozadí
nahoru
- Kontrolní otázky
-
- Jaký je princip animovaného rotujícího textu
- Co ovlivňuje rychlost otáčení? Který parametr? Uveďte vlastními slovy
- Jak nastavím velikost rotujícího textu
- Abych viděl pozadí webové stránky, co musím nastavit?
- Může být pozadí za rozujícm textem jen černé? Jaké jsou další možnosti
- Vyjmenujte všechny možnosti jak dosáhnout co nejmenšího výsledného souboru v bajtech.
- Xara umí také videosekvence. Porovnejte velikost souborů AVI a GIF vzniklých ze stejného X3D souboru a uveďte vhodnost jejich použití.
- Ovládat orientačně prostředí programu Xara 3D
- Pochopit princip animovaného rotujícího textu a prakticky aplikovat v animaci GIF
- Zvládnout pořádně operace změna textu, počet otáček, export do souboru GIF, počet snímků ve výsledné animaci
- Zvládnout orientačně další volby: Bevel option, Extrude Option, nastavení světel
- Používat Irfan View k prohlžení animace a k získání informací o souboru
Celé zadání viz odstavec cvičení.
nahoru
Freeware program Xara 3D 1.0 je k dispozici ve školní síti ..\Pub-Out\SW\DTP_Grafika
nebo taky zde
download: Xara3Din(1.0idg).exe, 436 kB
Cvičné a ukázkové soubory: Pub-Out\Grafika; Pub-Out\Obrazky
Zde máte k dispozici soubor HTML, tj. webová stránka, do kterého i úplný začátečník podle následujícího návodu
zaručeně doplní názvy svých souborů a prohlédne si, co způsobil. :-D
Stáhněte si soubor HTML,
download pravým tlačítkem myši nebo až se zobrazí, tak soubor uložte jako... do svého pracovní prostoru a v něm změňte potřebné údaje:
- značka <title> titulek: Doplňte svoje osobní údaje příjmení a jméno, případně třídu a datum. Zobrazí se pak v modrém titulním pruhu okna prohlížeče.
- značky <h1> <h2> <h3> nadpisy 1 až 3: Doplňte podle vzoru.
- <img src...; obrázek: Tato značka zobrazí obrázek v téže složce, ve které se nachází soubor login_gify.html, pokud zde doplníte jeho název. V parametru alt doplňte stručně několik slov o obrázku.
- značka <p> odstavec: V páru začíná a ukončuje obyčejný text. Můžete zde doplnit libovolně dlouhý komentář k obrázku.
Vytvořte v programu Xara 3D obrázky ve formátu GIF s rotujícím textem. Například svoje příjmení a jméno, nápis WELCOME, název výrobku apod. Výsledky prezentujte na webové stránce. Důvodem je lepší „viditelnost neviditelné barvy“ (průhledné barvy) než v Irfan View. Ale hlavně, v prohlížeči je to, co skutečně uvidíme na webu.
- Používejte jako obvykle v názvech LOGIN_xxx, číslujte, odevzdejte do Pub-in
- prostudujte a prakticky prozkoumejte soubory a odkazy této stránky
- Uložte napřed jako X3D a pak exportujte do animocvaného GIF souboru
- zkuste si jak vypadá, jak je velký AVI soubor
- v programu Xara 3D se zaměřte hlavně na TEXT, POČET OTÁČEK a SVĚTLA
- uložte nejprve jako nativní (přirozený, vlastní) formát *.X3D
- exportujte vícekrát s různými parametry do formátu animovaný GIF
- soubor typu GIF zobrazte pomocí HTML souboru (webové stránky)
- Náměty:
Vložte do pozadí fotografii,
vyrobte velmi malý text a použijte dále v GIF Animátoru
nahoru
Pokud nemáte nainstalujte. Laici po spuštění instalační souboru dávají NEXT (další) NEXT,..., FINISH a najdou na ploše novou ikonu nebo i jinak. Zde neřeším.
Všechny snímky z programu Xara pohromadě na jedné stránce.
- žárovka:
nastavení osvětlení textu, poloha odkud, barva světla, zkuste pravé tlačítko myši
á jééé...
najdete 3 zdroje světla,
pozadí (background) můžete nastavit barvu a namísto textury? No přece fotečku! Ale napřed zvelebenou v Irfanu.
Takových 5 Mpx by to pěkně zavařilo.
Zkoumejte, experimentujte! - rotace:
zastavení a spuštění rotace,
to snad stačí - A - animace:
nastavení počtu snímků = obrázků na otáčku
frames per revolution - zajímavé na jednu revoluci? otáčka jako revoluce...
POZOR: čím více snímků, tím hezčí a větší soubor
Zatržítko Clockwise: volí směr otáčení, podle směru hodinových ručiček
Zatržítko Front face only: doomejte lingvisti, experimentujte.
Dyslektici tvrdí: "Jen s Frantovou tváří" - B - Bevel options:
nastavení tvarů, obrysů písma, zkosení hran apod. Chce to zkoušet. - E - Extrude options:
především hloubka (Depth) 3D písma
Ale taky barva (klikněte)
matný nebo lesklý povrch, front face a back face, zase neřeknu zkuste si. máte na to - T - Text:
možnost napsat krátký text a zvolit vlastnosti písma, no comment
nahoru
Pozor při ukládání je nastražena jedna past!
Také jsem si naběhnul a chvíli tloukl hlavou do zdi. Formát GIF je zastoupen dvakrát a jen jeden z nich je animovaný. Mrška, ten animovaný je až na konci, to je vychutnávka.
Pro přehled uvádím všechny výstupní formáty:
BMP, JPEG, AVI, statický GIF, animovaný GIF
-
Konečně do finále. Export má několik záludností. Vždy nás bude zajímat velikost souboru:
- první možností, jak ovlivnit zobrazovanou velikost a tím velikost souboru je nečekaně velikost okna. Bohužel je to tak, je to freeware verze 1.0. A máme to zadarmo.
Menší okno při exportu = menší obrázky! (frame)
=> mají méně bodů (pixelů: šířka * výška)
=> menší velikost v bajtech - barevná hloubka, klasika, bez komentáře... anebo viz lekce BMP01-02.
Jednoduše: moc barevný = moc veliký - počet snímků: zjistil jsem že výsledný počet snímků v uloženém GIF souboru je poloviční než hodnota frame per revolution.
Minimální hodnota frame per revolution je 8
=> minimum snímků v animaci: 4 snímky - Hodnota frames per second nastaví rychlost otáčení - počet snímků za sekundu.
- Crop: oříznutí - funguje poněkud divně a naopak než bych čekal. Jeví se, že ořízne na viditelnou část okna. Pochopitelně méně pixelů, méně bajtů, ale taky uříznuto kus textu, nutno vyzkoušet...
- Transparent: Průhlednost pozadí
nahoru
- Jaký je princip animovaného rotujícího textu
- Co ovlivňuje rychlost otáčení? Který parametr? Uveďte vlastními slovy
- Jak nastavím velikost rotujícího textu
- Abych viděl pozadí webové stránky, co musím nastavit?
- Může být pozadí za rozujícm textem jen černé? Jaké jsou další možnosti
- Vyjmenujte všechny možnosti jak dosáhnout co nejmenšího výsledného souboru v bajtech.
- Xara umí také videosekvence. Porovnejte velikost souborů AVI a GIF vzniklých ze stejného X3D souboru a uveďte vhodnost jejich použití.