Exportador de Animación RA para Photoshop Spritesheets

• Abril 19, 2024

Con el Photoshop^R Panel de animación, puedes hacer algunas animaciones muy bonitas. Es casi una pena no poder usarlos de otra manera que no sea una animación web gif. Durante varios meses he estado buscando guiones para convertir los cuadros de una animación de Photoshop en una hoja de sprites.

Las hojas de sprites son una forma de usar la animación en proyectos móviles. Son más eficientes en memoria que los clips de película porque solo un png si está cargado en la memoria. Con la explosión del desarrollo de aplicaciones móviles, las hojas de sprites son muy populares.

RA Animation Exporter fue creado por Peter Jones (Retro Affect). Puede descargarlo de forma gratuita desde el sitio web; consulte el siguiente enlace. En el zip descargado, encontrará el archivo RA Animation Exporter v.1.2.jsx que hace el trabajo. Jones también proporciona un ejemplo de archivo psd y png.

El script RA Animation Exporter fusionará las capas visibles contenidas en cada cuadro de la animación en una imagen de una capa y colocará todas las imágenes resultantes secuencialmente en una cuadrícula en una nueva ventana de imagen. Esta nueva imagen se guarda en su escritorio como una textura png. Usando la altura, el ancho y el número de cuadros en el panel Animación, el guión determinará el tamaño de salida de la imagen png a la potencia más cercana de dos, que generalmente es un requisito para proyectos móviles. Una característica interesante es que el script comprueba y corrige cualquier efecto de halo blanco que pueda aparecer en las imágenes procesadas de Photoshop.

Para obtener los mejores resultados, querrá trabajar en el modo Marcos en el panel Animaciones, no en el modo Línea de tiempo. Todas las capas en el panel Capas deben estar desbloqueadas y no debe tener ningún marco en blanco en el panel Animaciones. Puede tener cualquier cantidad de cuadros para su animación y se recomienda un tamaño de lienzo de una potencia de dos.

1. Antes de abrir Photoshop, copie el archivo .jsx en la carpeta de scripts de Photoshop.
   
   Aplicaciones / Adobe Photoshop CS5.1 / Presets / Scripts /
   
   
2. Crea tu animación en Photoshop como de costumbre.
   
   
3. Guarde el archivo de imagen como una imagen psd.
   
   
4. Haga clic en Archivo - Scripts - Exportador de animación RA v1.2.
   
   
5. En su escritorio, busque png con el mismo nombre que en el Paso 3.
   
   

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

Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop, Álbum de Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst y Flash Paper es / es [una] marca registrada [s] o una marca registrada [s] de Adobe Systems Incorporated en los Estados Unidos y / u otros países.

Instrucciones De Vídeo: Sprite Animation - Beginners Guide #3: Importing Sprites Into Flash (Abril 2024).