•Náwod - Jak udělat pohyblivou ikonku•

12. dubna 2009 v 23:21 | *ÁjInKa* |  •Náwody•
Návod je trochu delší, ale neboj, není to nic složitého.
tak click na cč.:)

Pohyblivou ikonku je možno vytvořit spojením několika obrázků, které se budou po sobě střídat.
Budeš potřebovat :
1) Dva, nebo více obrázků
2) Program, který obrázky spojí a vytvoří z nich ikonku
Z programů bych doporučil Banner maker pro, což je skvělý, jednoduchý program umožňující i nastavení různých animací, jak se budou jenotlivé obrázky zobrazovat. Nevýhodou je, že je zdarma k vyzkoušení pouze na 15 dní.
Dalším programem je GIFAnimator, který je sice omezenější, ale zato zcela zdarma a ještě jednodušší.

Jak si vytvořit pohyblivou ikonku s GIFAnimator

Nutno vědět je, že program dokáže pracovat pouze s obrázky ve formátu GIF (o formátech se více dozvíš v části "Návody na Blog - Obrázky na Blog").
Já jsem si vytvořil v GIFAnimator např. tuto ikonku :
ikonka
Pozadí ikonky jsem získal ze záhlaví mého webu a text jsem napsal v programu Photofiltre. Text se píše v Photofiltre přes položku označenou T nacházející se v horní liště.
Postupně jsem si vytvořil tyto tři obrázky :
Spustil jsem si GIFAnimator...

a otevřel jsem si obrázek "co vás zajímá". Obrázek jsem otevřel přes položku označenou 1. Dále jsem vložil obrázek "O všem" a "Jak na Blog.cz" přes položku označenou 2. Nakonec jsem si označil všechny obrázky přes položku označenou 3 (to abych nemusel nastavovat v dalších bodech každý obrázek zvlášť).
jak udelat pohyblivou ikonku
Dále jsem přešel do části "Animation" (1) a nastavil opakování (looping) (2) .
"Repeat Count" je kolikrát se budou pohyby ikonky opakovat.
"Repeat Forever" je, že se bude opakovat stále dokola.
V části "Image" (1) jsem si nastavil rychlost, za jak dlouhou dobu se budou obměňovat jednotlivé obrázky (2) a zvolil jsem 150. Pod nadpisem "Undraw Method" (3) jsem zvolil "Restore Previous". Tímto jsem zadal, aby se předešlé obrázky odstranily. Kdybych zvolil např. "Leave", předešlé obrázky (pokud by měly různé velikosti) by zůstávaly v pozadí ikonky.
"Transparency" (4) znamená zprůhlednění. Zvolením jedné z možných barev se zní stane průhledná, takže na místo této barvy půjde vidět podklad, nebo-li pozadí Blogu.
5 bodem si můžeš vyzkoušet, jak bude ikonka vypadat a fungovat...
 

Buď první, kdo ohodnotí tento článek.

Nový komentář

Přihlásit se
  Ještě nemáte vlastní web? Můžete si jej zdarma založit na Blog.cz.
 

Aktuální články

Reklama