Exporter une animation Photoshop vers une séquence PNG

• Mai 9, 2024

Jusqu'à présent, nous avons créé un Photoshop très simple^R animation avec seulement 6 images. Lorsque nous jouons l'animation, nous voyons que la balle se déplace vers le haut vers le haut de la fenêtre d'image, puis tombe soudainement vers le bas. Avant d'exporter les images de l'animation en tant que séquence PNG, nous devons rendre le décent de la balle un peu plus fluide. Notre animation sera plus réaliste si nous ajoutons plus d'images à la chute de la balle. Nous le ferons en copiant certaines images et en les jouant à l'envers.

1. Sélectionnez les images 2 à 5 dans le panneau d'animation et choisissez Copier les images dans le menu du panneau (icône dans le coin supérieur droit).
   
   
2. Sélectionnez l'image 6 et choisissez Coller les images dans le menu du panneau. Dans la boîte de dialogue Coller le cadre, choisissez Coller après la sélection.
   
   
3. Les images collées doivent apparaître après l'image 6 et doivent rester sélectionnées. Dans le menu du panneau, choisissez Inverser les images.
   
   

Maintenant, nous avons 10 images pour notre animation. Jouez l'animation et la balle doit se déplacer vers le haut puis vers le bas au même rythme.

Enregistrez le fichier d'animation au format Photoshop par défaut sous le nom ball.psd.

Notre prochaine tâche consiste à exporter les images de l'animation en PNG individuel dans une séquence. Bien qu'une fréquence d'images de 0,2 fps soit bonne pour l'animation d'origine, nous devons la changer à 1 fps pour le processus d'exportation.

1. Dans le panneau d'animation, changez le .2 sec en 1 sec dans chacune des 10 images.
   
   
2. Sélectionnez l'image 1 dans le panneau d'animation et cliquez sur Fichier - Exporter - Rendu vidéo.
   
   
3. Dans la section Emplacement de la boîte de dialogue Rendu vidéo, choisissez un dossier de destination pour les images PNG. Vous pouvez placer automatiquement les fichiers PNG dans un sous-dossier si vous le souhaitez.
   
   
4. Dans la section Options de fichier, choisissez Séquence d'images et définissez le type sur PNG. Conservez le numéro de départ par défaut de 0 et définissez les chiffres sur 1. Les fichiers PNG de sortie seront nommés ball0.png à ball9.png (sans zéros non significatifs).
   
   
5. Conservez la taille par défaut définie sur Taille du document. Cela devrait être 256 x 256 comme nous l'avons défini au début du tutoriel.
   
   
6. Dans la section Plage, choisissez Toutes les images pour exporter toutes les images de l'animation.
   
   
7. Dans la section Options de rendu, conservez le canal alpha défini sur Aucun et définissez la fréquence d'images sur 1 fps.
   
   
8. Cliquez sur le bouton Rendu et vous devriez voir 10 pngs apparaître dans votre dossier de sortie.
   
   

Nous avons maintenant notre séquence PNG à importer dans TexturePacker.

← Retour | Suivant →

Copyright 2018 Adobe Systems Incorporated. Tous les droits sont réservés. Copies d'écran des produits Adobe reproduites avec la permission d'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 et Flash Paper Paper est / sont [une] marque [s] déposée (s) ou une marque [s] d'Adobe Systems Incorporated aux États-Unis et / ou dans d'autres pays.

Instructions Vidéo: Importing and Exporting Image Sequences with Photoshop (Mai 2024).