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:
www.moyo-studi...
⭐ 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:
www.moyo-studi...
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:
www.moyo-studio.com

[@leilanipatrick111]

Yes! Thank you!

[@niconicojeong]

This is so helpful! Thanks for the tutorial!

[@moyo_studio1]

Thanks for your comment Nicole! We are so glad it was helpful.

[@hayatjaffar9545]

Thankss for the tutorial ! it help me a lot !

[@raudhahrahman4056]

Hi there! I am using the Alicante Mockups and after linking the image and creating the duplicate image in the timeline, I am unable to move the full page screenshot all the way down. *I also have limited Photoshop knowledge. Is there something I am missing?

[@Michael.design]

Would this be possible with Photopea as well maybe? Does anyone know?

[@moyo_studio1]

Hi Michael! Unfortunately I do not think you can do this with Photopea, I cannot see an option for the timeline.