Eksporter Photoshop-animasjon til PNG-sekvens

• April 27, 2024

Så langt har vi laget en veldig enkel Photoshop^R animasjon med bare 6 bilder. Når vi spiller animasjonen, ser vi at ballen beveger seg oppover til toppen av bildevinduet og deretter faller plutselig til bunnen. Før vi eksporterer rammene til animasjonen som en PNG-sekvens, må vi gjøre det anstendige av ballen litt jevnere. Animasjonen vår vil se mer realistisk ut hvis vi legger til flere rammer for ballens fall. Dette vil vi gjøre ved å kopiere noen rammer og spille dem omvendt.

1. Velg rammer 2 - 5 i Animasjonspanelet, og velg Kopier rammer fra panelmenyen (ikonet øverst til høyre).
   
   
2. Velg ramme 6 og velg Lim inn rammer fra panelmenyen. I Lim inn ramme-dialogboksen velger du Lim inn etter valg.
   
   
3. De limte rammene skal vises etter ramme 6 og skal forbli valgt. Velg Omvendte rammer fra panelmenyen.
   
   

Nå har vi 10 bilder til animasjonen vår. Spill animasjonen, og ballen skal bevege seg oppover og deretter ned igjen i samme takt.

Lagre animasjonsfilen i standard Photoshop-format som ball.psd.

Vår neste oppgave er å eksportere rammene til animasjonen som individuell PNG i en sekvens. Selv om en bildefrekvens på .2 fps var bra for den originale animasjonen, må vi endre dette til 1 fps for eksportprosessen.

1. I animasjonspanelet endrer du .2 sek til 1 sek i hver av de 10 bildene.
   
   
2. Velg ramme 1 i animasjonspanelet og klikk på File - Export - Render Video.
   
   
3. I lokaliseringsdelen i dialogboksen Render Video velger du en destinasjonsmappe for PNG-bildene. Du kan automatisk plassere PNG-ene i en undermappe hvis du velger.
   
   
4. Velg Bildesekvens i Filalternativer-delen og angi typen til PNG. Hold standardstart # av 0 og sett sifrene til 1. Dette vil føre til at utgangs-PNG-ene blir navngitt ball0.png gjennom ball9.png (uten ledende nuller).
   
   
5. Hold standardstørrelsen satt til Dokumentstørrelse. Dette skal være 256 x 256 som vi la i begynnelsen av opplæringen.
   
   
6. I området Område velger du Alle rammer for å eksportere alle rammer fra animasjonen.
   
   
7. I delen Gjengivelsesalternativer, hold alfakanalen satt til Ingen og sett bildefrekvensen til 1 fps.
   
   
8. Klikk på Render-knappen, og du skal se 10 pngs vises i utdatamappen.
   
   

Nå har vi vår PNG-sekvens for import til TexturePacker.

← Tilbake | Neste →

Copyright 2018 Adobe Systems Incorporated. Alle rettigheter forbeholdt. Adobes produktskjermbilder er skrevet ut på nytt med tillatelse fra 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, Fyrverkeri, Bidra, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registrert varemerke [s] eller et varemerke [s] fra Adobe Systems Incorporated i USA og / eller andre land.

Video Instruksjoner: How to Use the Timeline in Adobe Photoshop to Export PNGs or Animated Gifs (April 2024).