How To Create A Scrolling Website Animation In Photoshop

Website Mockup Animation 2 Ways

In this tutorial, you’ll learn how to create a scrolling website animation using a Photoshop mockup file and how to export them as a GIF or video.

In this video, we will demonstrate how to create a scrolling video mockup in 2 different ways, using Photoshop.

1. Using a pre-recorded video of a scrolling website

2. Using a static screenshot image to create an animation

Mockup Images

For this video, we have used 2 mockup images with pre-made smart layers taken from our Carmen Stock Photo & Mockup Collection.