Esporta l'animazione di Photoshop in sequenza PNG

• Potrebbe 5, 2024

Finora abbiamo creato un Photoshop molto semplice^R animazione con solo 6 fotogrammi. Quando riproduciamo l'animazione, vediamo che la palla si sposta verso l'alto nella parte superiore della finestra dell'immagine e poi cade improvvisamente verso il basso. Prima di esportare i fotogrammi dell'animazione come sequenza PNG, dobbiamo rendere il decente della palla un po 'più fluido. La nostra animazione sembrerà più realistica se aggiungiamo più fotogrammi alla caduta della palla. Lo faremo copiando alcuni fotogrammi e riproducendoli al contrario.

1. Seleziona i fotogrammi 2 - 5 nel pannello Animazione e scegli Copia cornici dal menu del pannello (icona nell'angolo in alto a destra).
   
   
2. Seleziona il fotogramma 6 e scegli Incolla cornici dal menu del pannello. Nella finestra di dialogo Incolla cornice, selezionare Incolla dopo la selezione.
   
   
3. I frame incollati dovrebbero apparire dopo il frame 6 e dovrebbero rimanere selezionati. Dal menu del pannello, scegliere Reverse Frames.
   
   

Ora, abbiamo 10 fotogrammi per la nostra animazione. Gioca l'animazione e la palla dovrebbe spostarsi verso l'alto e poi indietro alla stessa velocità.

Salvare il file di animazione nel formato Photoshop predefinito come ball.psd.

Il nostro prossimo compito è esportare i fotogrammi dell'animazione come singoli PNG in una sequenza. Sebbene un frame rate di .2 fps fosse buono per l'animazione originale, dobbiamo cambiarlo a 1 fps per il processo di esportazione.

1. Nel pannello Animazione, modifica da 0,2 secondi a 1 secondo in ciascuno dei 10 fotogrammi.
   
   
2. Seleziona il fotogramma 1 nel pannello Animazione e fai clic su File - Esporta - Rendering video.
   
   
3. Nella sezione Posizione della finestra di dialogo Rendering video, scegliere una cartella di destinazione per le immagini PNG. Se lo desideri, puoi posizionare automaticamente i PNG in una sottocartella.
   
   
4. Nella sezione Opzioni file, seleziona Sequenza immagini e imposta il tipo su PNG. Mantenere il numero iniziale iniziale di 0 e impostare le cifre su 1. Ciò farà sì che i PNG di output vengano denominati ball0.png tramite ball9.png (senza zeri iniziali).
   
   
5. Mantenere le dimensioni predefinite impostate su Dimensioni documento. Dovrebbe essere 256 x 256 come impostato all'inizio del tutorial.
   
   
6. Nella sezione Intervallo, selezionare Tutti i fotogrammi per esportare tutti i fotogrammi dall'animazione.
   
   
7. Nella sezione Opzioni di rendering, mantenere il canale alfa impostato su Nessuno e impostare la frequenza dei fotogrammi su 1 fps.
   
   
8. Fai clic sul pulsante Rendering e dovresti visualizzare 10 png nella cartella di output.
   
   

Ora abbiamo la nostra sequenza PNG per l'importazione in TexturePacker.

← Indietro | Successivo →

Copyright 2018 Adobe Systems Incorporated. Tutti i diritti riservati. Le schermate dei prodotti Adobe sono state ristampate con l'autorizzazione di 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, Catalyst Flash e Flash Paper è / sono [a] marchi registrati o marchi commerciali di Adobe Systems Incorporated negli Stati Uniti e / o in altri paesi.

Istruzioni Video: Come creare GIF ANIMATE in Photoshop CC (Potrebbe 2024).