Exportar animación de Photoshop a secuencia PNG

• Abril 26, 2024

Hasta ahora, hemos creado un Photoshop muy simple.^R animación con solo 6 cuadros. Cuando reproducimos la animación, vemos que la pelota se mueve hacia arriba hasta la parte superior de la ventana de la imagen y luego cae repentinamente hacia abajo. Antes de exportar los fotogramas de la animación como una secuencia PNG, necesitamos hacer que la bola decente sea un poco más suave. Nuestra animación se verá más realista si agregamos más cuadros a la caída de la pelota. Haremos esto haciendo frente a algunos cuadros y reproduciéndolos en reversa.

1. Seleccione los cuadros 2 - 5 en el Panel de animación y elija Copiar cuadros en el menú del panel (icono en la esquina superior derecha).
   
   
2. Seleccione el marco 6 y elija Pegar marcos en el menú del panel. En el cuadro de diálogo Pegar marco, elija Pegar después de la selección.
   
   
3. Los fotogramas pegados deben aparecer después del fotograma 6 y deben permanecer seleccionados. En el menú del panel, elija Cuadros inversos.
   
   

Ahora, tenemos 10 cuadros para nuestra animación. Reproduzca la animación y la pelota debería moverse hacia arriba y luego hacia abajo al mismo ritmo.

Guarde el archivo de animación en el formato predeterminado de Photoshop como ball.psd.

Nuestra siguiente tarea es exportar los cuadros de la animación como PNG individual en una secuencia. Aunque una velocidad de fotogramas de .2 fps fue buena para la animación original, necesitamos cambiar esto a 1 fps para el proceso de exportación.

1. En el Panel de animación, cambie el .2 segundos a 1 segundo en cada uno de los 10 cuadros.
   
   
2. Seleccione el cuadro 1 en el Panel de animación y haga clic en Archivo - Exportar - Renderizar video.
   
   
3. En la sección Ubicación del cuadro de diálogo Renderizar video, elija una carpeta de destino para las imágenes PNG. Puede colocar automáticamente los PNG en una subcarpeta si lo desea.
   
   
4. En la sección Opciones de archivo, elija Secuencia de imagen y establezca el tipo en PNG. Mantenga el número de inicio predeterminado de 0 y establezca los dígitos en 1. Esto hará que los PNG de salida se denominen ball0.png a ball9.png (sin ceros a la izquierda).
   
   
5. Mantenga el tamaño predeterminado establecido en Tamaño del documento. Esto debería ser 256 x 256 como lo establecemos al comienzo del tutorial.
   
   
6. En la sección Rango, elija Todos los cuadros para exportar todos los cuadros de la animación.
   
   
7. En la sección Opciones de renderizado, mantenga el Canal Alfa configurado en Ninguno y configure la Velocidad de fotogramas en 1 fps.
   
   
8. Haga clic en el botón Renderizar y debería ver 10 pngs en su carpeta de salida.
   
   

Ahora tenemos nuestra secuencia PNG para importar a TexturePacker.

← Volver | Siguiente →

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: Stop Motion - Procesar secuencia en Photoshop e importar imágenes a Animate CC (Abril 2024).