Maak een nieuw document met geschikte afmetingen voor je animatie.Zorg ervoor dat de Kleurmodus is ingesteld op RGB en de resolutie op 72 pixels/inch voor standaard web-animaties.
Laatst bijgewerkt op
2 dec. 2025
Leer meer over het maken van een tijdlijn-gebaseerde animatie in photoshop met behulp van lagen, keyframes en het Tijdlijn-paneel.
A. Afspeelkop B.Tijdlijnpaneelmenu C.Media toevoegen aan track D.Keyframe E.Inzoomen F.Zoomschuifregelaar G.Uitzoomen H.Converteren naar frame-animatie I.Keyframe-animatie inschakelen J.Afspeelopties
Open het Timeline-paneel door Window > Timeline te selecteren.Als het paneel de frame-animatiemodus weergeeft, selecteer dan het pictogram Convert to Video Timeline <insert icon here> in de linkerbenedenhoek.
Selecteer Create Video Timeline in het vervolgkeuzemenu en klik vervolgens op de knop links van de pijl.
Voeg content toe door een nieuwe Laag te maken (Layer > New > Layer) of converteer de achtergrondlaag naar een normale laag door er dubbel op te klikken in het Lagen-paneel.
Stel de framesnelheid van de tijdlijn in door het Timeline-paneelmenu te selecteren en Set Timeline Frame Rate te kiezen.
Tip:
Kies een geschikte snelheid zoals 24 fps, wat standaard is voor video.
Verplaats de huidige-tijdindicator (de afspeelkop) naar waar je je eerste keyframe wilt instellen.
Toon de Layer-eigenschappen door op de driehoek naast de laagnaam te klikken en selecteer vervolgens het pictogram Enable Keyframe animation naast de eigenschap die je wilt animeren, zoals Positie, Dekking of Stijl.
Verplaats de huidige-tijdindicator naar een ander tijdstip en wijzig vervolgens de Laag eigenschap (verplaats de laag, pas dekking aan, etc.). Photoshop maakt automatisch een nieuw hoofdframe aan.
Sla je animatie op door te kiezen voor File > exporteren > Render Video voor video-uitvoer of File > exporteren > Save for Web (verouderd) voor geanimeerde GIF.
Opmerking:
Bekijk een voorvertoning van je animatie door op de Play button in het paneel tijdlijn te klikken.
