Vývozca animácií RA pre Spriteheets vo Photoshope

• Smieť 5, 2024

S Photoshopom^R Panel animácie umožňuje vytvárať veľmi pekné animácie. Je takmer škoda, že ich nedokážem používať iným spôsobom, ako je animácia webového gif. Niekoľko mesiacov som hľadal skripty, ktoré previedli snímky animácie Photoshopu na spritesheet.

Spritesheets sú jedným zo spôsobov, ako využiť animáciu v mobilných projektoch. Sú účinnejšie z pamäte ako filmové klipy, pretože iba jeden png, ak je vložený do pamäte. S explóziou vývoja mobilných aplikácií sú spritesheets veľmi populárne.

Vývozca animácie RA vytvoril Peter Jones (Retro Affect). Môžete si ho zadarmo stiahnuť z webovej stránky - pozri odkaz nižšie. V stiahnutom ZIP nájdete súbor RA Animation Exporter v.1.2.jsx, ktorý funguje. Jones tiež dodáva vzorový súbor psd a png.

Skript vývozcu animácie RA zlúči viditeľné vrstvy obsiahnuté v každom rámci animácie do obrazu jednej vrstvy a všetky výsledné obrázky umiestni postupne na mriežku v novom okne obrázka. Tento nový obrázok sa uloží na plochu ako textúra png. Pomocou výšky, šírky a počtu snímok na paneli Animácia skript určí výstupnú veľkosť obrazu PNG s presnosťou na najbližší výkon dvoch, čo je zvyčajne požiadavka mobilných projektov. Jednou z pekných funkcií je, že skript zisťuje a opravuje všetky biele halo efekty, ktoré sa môžu objaviť v spracovaných obrázkoch Photoshopu.

Ak chcete dosiahnuť čo najlepšie výsledky, budete chcieť pracovať v režime Frames na paneli Animations, nie v režime Timeline. Všetky vrstvy na paneli Vrstvy musia byť odomknuté a na paneli Animácie by ste nemali mať žiadne prázdne rámčeky. K vašej animácii môžete mať ľubovoľný počet snímok a odporúča sa veľkosť plátna s veľkosťou dvoch.

1. Pred otvorením Photoshopu skopírujte súbor .jsx do priečinka skriptov Photoshopu.
   
   Aplikácie / Adobe Photoshop CS5.1 / Predvoľby / Skripty /
   
   
2. Vytvorte svoju animáciu vo Photoshope ako obvykle.
   
   
3. Uložte obrazový súbor ako obrázok psd.
   
   
4. Kliknite na Súbor - Skripty - RA Animation Exporter v1.2.
   
   
5. Na pracovnej ploche nájdite png s rovnakým názvom ako v kroku 3.
   
   

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

Copyright 2018 Adobe Systems Incorporated. Všetky práva vyhradené. Snímky obrazovky produktov spoločnosti Adobe znova vytlačené so súhlasom spoločnosti Adobe Systems Incorporated. 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 a Flash Paper je / sú [a] registrované ochranné známky alebo ochranné známky spoločnosti Adobe Systems Incorporated v USA a / alebo iných krajinách.