BLINKY


Egyszerű kis animáció,mindösszesen két képből áll.Leírni hosszabb,mint megcsinálni,de nektek mindent!.

1.)155×66-os alapot kérünk.Én most fehéret,de persze lehet transzparens is a közepe.

2.)Felírjuk a nevünket,vagy amit akarunk,effektelhetjük,árnyékolhatjuk,stb.

3.)Selections--Select All.

4.)Modify--Contract:6 pixel.

5.)Invert. Ne szüntessük meg a kijelölést!



6.)Most kicsit itthagyjuk a képet,kérünk egy 6×6-os alapot,felnagyítjuk,majd két választott színnel a képen látható módon felosztjuk.1 pixeles ecsettel.




7.)A színpalettán bejelöljük a mintákat,megnyitjuk,majd megkeressük a kis képet,kijelöljük:




8.)Új réteget kérünk,majd kitöltjük a kép szélén a kijelölést.




9.)A layer-palettán ezt a réteget most duplikáljuk,majd tükrözzük .Tehát most így néz ki a rétegződés:




10.)A következőkben két képet kell készítenünk ebből a három rétegből.Először az alap+a felette lévő réteggel,majd az alappal+ a legfelsővel.Mutatom,hogyan is.Menjünk a rétegpalettára,és kapcsoljuk ki a felső réteget.Klikk a kis szemre.



11.)Lépjünk a középső rétegre,majd nyomjuk be a Merge Layer Down ikont:




12.)Ezáltal a keret és az alap egy képpé vált.Most ezt a képet mentjük,mondjuk blinkie_01 néven,vagy ahogy nektek tetszik.Kaptok majd egy kérdést,erre nyomjatok igent:




13.)Ha kész a mentés,visszavonjuk az előző lépéseket,tehát megint van 3 aktív rétegünk.Ezekből pedig most a középsőt töröljük.




14.)Ha kész,megint a felső rétegre klikkelünk,majd Merge Layer Down újra,vagy akár Merge All.Az így kapott képet mentsük,mondjuk blinkie_02 néven.




15.)A rajz részével megvolnánk.Most indítsuk el az Animation Shop-ot.


16.)Nyissuk meg az előbb elmentett két képet,akár egyszerre is.




17.)Jobbra lent az állapotsoron elenőrizzük a méretét,majd kérjünk egy akkora új animációt,amekkorák a képek.(Nekem pl.egy pixellel nagyobb lett...hm.)




18.)Most ezt látjuk:




19.)Legegyszerűbben (na és legpontosabban) úgy tudjuk beilleszteni a képeket az animációs keretekbe,hogy töröljük az aktív képkockát,ez az első-ami fehér.Inaktív gombbal klikk rá,majd delete.Majd egyszerűen belehúzzuk a képeket a rácsos képkockákba.Mindegyiket,egymás után.Most így néz ki a dolog:




20.)Nézzük meg,hogy működik-e.Klikk erre az ikonra:


21.)Amennyiben működik,márpedig perszehogy:-D,úgy azesetben mentjük,mégpedig gif-ként.Először azonban optimalizáljuk.File--Optimization Wizard:


22.)Végigzongorázzuk a beállításokat.Ezek ugyanolyan beálítások,mint amikor transzparens gifeket mentünk,és a gif optimizerrel beállítjuk a megfelelő színt.Igazából transzparens gifeknél fontosabb,ennél nem fogtok a két kép,(optimalizált és eredeti) között sok változást látni,mint,ahogy a kép is mutatja majd.Lássuk akkor az optimalizálás képeit:


Ez az első.Itt bejelölhetjük,hogy gif,vagy netán avi file-ként szeretnénk menteni az animációt.Mi most gif-ként..


Ha transzparens részek vannak a képen,akkor a customize gombra klikkelve bejön a soron következő kép...


Tehát bejön ez a kép.Itt tehetjük meg azokat a beállításokat,amelyekkel a weblapunk hátteréhez tudjuk igazítani a színeket...tudjátok...


Amennyiben az előbbi panelen változásokat eszközöltünk,akkor a customize gomb mellett tegyünk pipát a kis négyzetbe lent,mert csak így fogja alkalmazni azokat.Az a panel újra bejön,majd ez a folyamatjelzős...A következőkkel semmit nem kell csinálni,csak azesetben,ha a két kép nagyon eltérő,akkor vissza kell lépni a customizáláshoz,és ott változtatni a beállításokon,de ez nem transzp.képeknél ritka.Ha kész,az optimalizáló kilép.






Ezután még mentenünk is kell az animációt:




Most akkor végre lássuk is mit csináltunk!:




Hát ezt.Tényleg gyorsabb megcsinálni,mint leírni,de végre kész.

Most má' igyunk valamit!












intearsdesign2008 all rights reserved!