How To Create a Scrolling Website Video Mockup in Photoshop

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

These scrolling mockup animations can be used to showcase your latest website design projects, show the inside of your course or membership and are great for creating engaging content for Instagram!

⭐ Website Mockup Animation 2 Ways ⭐
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

For this video, we have used 2 mockup images with pre-made smart layers taken from our Carmen Stock Photo & Mockup Collection, which can be found here:

⭐ How To Create a Full Page Website Screenshot ⭐
Learn how to create a full length screenshot of an existing website in our blog post tutorial here:

We hope you enjoy creating scrolling website animations and be sure to tag us in your creations on IG using the #madebymoyo

For more mockup resources for designers, be sure to visit our website at:

Duration: 00:06:15