RA Animation Exportőr a Photoshop Spritesheets számára

• Lehet 11, 2024

A Photoshop segítségével^R Animációs panelen készíthet néhány nagyon szép animációt. Szinte szégyen, hogy nem tudom ezeket a webes gif-animációtól eltérő módon használni. Több hónapon keresztül szkripteket kerestem, hogy a Photoshop animáció kereteit sprite-táblává alakítsák.

A spritesheets az animáció alkalmazásának egyik módja a mobil projektekben. Memóriahatékonyabbak, mint a videoklipek, mivel csak egy png van, ha a memóriába töltik őket. A mobil alkalmazások fejlesztésének robbantásával a spritesheets nagyon népszerű.

A RA Animation Exportert Peter Jones (Retro Affect) hozta létre. Ingyenes letöltheti a weboldalról - lásd az alábbi linket. A letöltött ZIP-fájlban megtalálja a munkát végző RA Animation Exporter v.1.2.jsx fájlt. Jones a psd és png fájlokat is tartalmazza.

A RA Animation Exporter szkript egyesíti az animáció minden képkockájában található látható rétegeket egyrétegű képré, és az eredményül kapott képeket egymást követően egy rácsra helyezi egy új képablakban. Ezt az új képet png textúra menti az asztalra. Az animáció panelen lévő magasság, szélesség és a képkockák számának felhasználásával a szkript a png kép kimeneti méretét határozza meg a kettő legközelebbi teljesítményére, ami általában a mobil projektek követelménye. Egy jó tulajdonság, hogy a szkript ellenőrzi és kijavítja a fehér halogó effektusokat, amelyek a feldolgozott Photoshop képeken megjelenhetnek.

A legjobb eredmények elérése érdekében az animációk panelen a Keretek módban kell működnie, nem pedig az Idővonal módban. A Rétegek panelen lévő összes réteget fel kell oldani, és az Animációk panelen nem szabad üres kereteket tartalmaznia. Tetszőleges számú képkockát rendelhet animációjához, és ajánlott egy kettő méretű vászonméret.

1. A Photoshop megnyitása előtt másolja a .jsx fájlt a Photoshop szkriptek mappájába.
   
   Alkalmazások / Adobe Photoshop CS5.1 / Előkészületek / Szkriptek /
   
   
2. Készítse el animációját a Photoshop alkalmazásban, mint általában.
   
   
3. Mentse a képfájlt psd képként.
   
   
4. Kattintson a Fájl - parancsfájlok - RA Animation Exporter v1.2 elemre.
   
   
5. Az asztalon keresse meg a 3. példa azonos nevű png-jét.
   
   

//retroaffect.com/blog/132/Photoshop_Animation_to_Sprite_Sheet/

Szerzői jog 2018 Adobe Systems Incorporated. Minden jog fenntartva. Az Adobe termék képernyőképe (i) újra kinyomtatva az Adobe Systems Incorporated engedélyével. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst és Flash Paper vagy bejegyzett védjegy (ek) vagy az Adobe Systems Incorporated védjegye (i) az Egyesült Államokban és / vagy más országokban.