Jó rajzkönyvek Photoshop testvér ImageReady

Jó rajzkönyvek Photoshop testvér ImageReady

 

Ha a Photoshop 5.5 vagy újabb verziója van telepítve a számítógépére, kétségtelenül talál egy másik ImageReady nevű programot a számítógépére a Photoshop mellett. Szóval, tudod, mire használják?

 

Az ImageReady egy speciális szoftver animációk szerkesztésére, amely pótolja a Photoshop hiányosságait az animációk és webes anyagok szerkesztésében. Az ImageReady nagyszámú eszközt tartalmaz webes képek és animációk készítéséhez, sőt a html kód egy részét is képes előállítani, ami erősnek mondható. Vessünk egy pillantást két alapvető animációs funkciójára.

 

1. Készíts animált GIF-eket

Az animáció tulajdonképpen folyamatos statikus képek sorozata, minden statikus képet keretnek nevezünk, ha ezeket a képkockákat folyamatosan és gyorsan megjelenítjük, animációs hatást hoz létre. Az animáció szerkesztése az ImageReady segítségével a képkockák manipulálásáról szól.

 

1. Hozzon létre egy új keretet

Nyissa meg az ImageReady-t, hozzon létre egy új 244 × 277 pixeles fájlt "Finger Magic" néven, az "Ablak" menüben kattintson a "Réteg megjelenítése" és az "Animáció megjelenítése" parancsra, hogy a rétegpanel és az animációs panel megjelenjen a szoftveres felületen. Nyissa meg a t1.jpg fájlt, nyomja meg a Ctrl+A billentyűkombinációt a kép teljes tartalmának kijelöléséhez, másolja és illessze be az új képbe. Ez az animáció első képkockája, és ez a kép alapértelmezett normál állapota a programban.

 

Kattintson az "Aktuális képkocka másolása" gombra az animációs panel alatt a második képkocka létrehozásához. Másolja át a t2.jpg teljes tartalmát az új "Quick Finger Magic" fájlba.

 

Ezután a fenti módszerrel illessze be a t3.jpg, t4.jpg, t5.jpg, t6.jpg fájlokat saját új kereteibe, így összesen 6 képkockát hozzon létre.

 

2. Egyezik a rétegek és a keretek között

Válassza ki a "Háttér" réteget a Rétegek panelen, és nyomja meg a "Réteg törlése" gombot (kis kuka szimbólum) a rétegek panel jobb alsó sarkában a háttérréteg eltávolításához.

 

Kattintson az 1. képkocka kiválasztásához az Animáció panelen, és elrejtse a 2., 3., 4., 5. és 6. réteget a Rétegek panelen (a rétegek bal oldalán lévő "kis szemek" eltávolításával).

 

Ezután kattintson a 2. keretre az Animáció panelen, és rejtse el az 1., 3., 4., 5., 6. réteget a Rétegek panelen, így csak a 2. réteg tartalma jelenik meg.

 

Ugyanígy a 3-tól 6-ig terjedő keretek többi rétege külön el van rejtve, így minden keretben csak a hozzá tartozó rétegtartalom látható. Az eredmény a 2. ábrán látható.

 

3. Előnézet és tárolás

Az animációs panelen az egyes képkockák alján kattintson a "másodperc" szótól jobbra lévő kis fordított háromszögre, és válassza ki, mennyi ideig szeretné megjeleníteni az egyes képkockákat (0240 másodperc, beállíthatja te magad). Végül az animációt közvetlenül az animációs panel Lejátszás gombjára kattintva tesztelheti. Ha továbbra is elégedett, a "Fájl" menüben válassza az "Optimalizálási eredmények mentése" lehetőséget, mentse el az eredményeinket "finger magic.gif" néven, és fejezze be a gyártást.

 

Egyébként az ImageReady segítségével bármilyen animált GIF-et megnyithat, és minden képkockát szerkeszthet. Az ImageReady felületét felhasználóbarátabbnak és könnyebben használhatónak találtam, mint a FireWork, egy másik jól ismert animációs szerkesztő program.

 

Másodszor, készíts forgató képeket

A weboldalakon gyakran találkozhatunk az egéresemények által okozott különböző dinamikus hatásokkal, mint például a leggyakrabban a kép fölé húzva, kattintással, elmozdulással, megváltozik a kép tartalma. Míg ennek a hatásnak a webes html kóddal történő szerkesztése nehézkes, az ImageReady sokkal egyszerűbb.

 

A képfordítási effektus elkészítésének módja alapvetően megegyezik a fenti animáció készítésének módszerével, az egyetlen különbség az, hogy ahelyett, hogy az animációs panelt megnyitnánk az egyes képkockák szerkesztéséhez, a flip panelt megnyitjuk az egyes egérállapotok szerkesztéséhez.

 

Az "Ablak → Flip megjelenítése" paranccsal nyissa meg a flippanelt, majd kattintson a panel alján található "Új flip-állapot létrehozása" gombra különböző flip-állapotok létrehozásához. Összesen 6 állapot van itt, nevezetesen: normál, Over, Down, Click, Out és Up. A többi lépés nem túl sok mondanivaló, ugyanaz az, hogy létre kell hozni a megfelelő kapcsolatot az egyes állapotok és az egyes rétegek között, végül kiválasztani az "Optimalizálási eredmény mentése más néven..." lehetőséget, mentés HTML formátumban.