How to Create Scrolling Screenshot Graphics (GIF and MP4)

This video will teach you how to take a screenshot of a website and turn it into a scrolling graphic. This is great for sharing about new websites and product launches.

[@AC-26560]

So clear and concise! Love. IT. Saved me so much time

[@eddiearaya2456]

Thank you! I forgot about Photoshop's Tween function for this type of animation. Great tutorial.

[@JaiSequoia]

this was fabulous thank you! just what I was looking for for my adobe portfolio website!

[@KALIVireshwara]

Super helpful. Thank you!

[@msstocklane6256]

Thank you for sharing this - so helpful!

[@Daveyandkrista]

We're so glad!

[@rosem2456]

Amazing! thank you

[@blackbird163]

Thank you so much for this so helpful!

[@Daveyandkrista]

We're so glad to hear it!

[@marisaburgett6790]

This is SO helpful! Thank you!

[@Daveyandkrista]

Awesome! We're so glad!!

[@milyhossain4983]

nice

[@rosanneavila6051]

Krista, great tutorial! Is there anyway to smooth out the scroll so it doesn't move so choppy?

[@Daveyandkrista]

Try adding more transitions!

[@rosanneavila6051]

Do you have a tutorial on transitioning to make it smoother? Thank you!

[@bizywoman4530]

And from Right to left?

[@laurabillingham6846]

This looks amazing. I'm kind of stuck though. When I hover and click to make the clipping mask, my screenshot graphics disappear ;(

[@Daveyandkrista]

Are you holding down the Shift button? You should see an arrow! And you want to make sure that your screenshot is positioned over the opening you want to show it in. If it's not centered, it's probably being clipped but just isn't visible!

[@laurabillingham6846]

@@Daveyandkrista I can see the arrow, so I'll give it another try, because the screen shot is not visible. Thank you!