How to Create a SCROLLING Website Mockup in Photoshop for Instagram

[@onlytanofficial]

Wow!!! This is awesome!! I don't think Photoshop can do the animatio like this!!! OMG!!! Thanks for sharing this tutorial. It really helps a lot!!

[@marissamansfield6311]

Thanks for sharing , very helpful!

[@TwoLettersStudio]

This was so helpful! I didn't know I could do this in PS!

[@debrasimon7105]

Loved this! Thanks so much :)

[@xtraghenghen3221]

Simple and straight! You are awesome

[@dwightwilliams5717]

tysm!

[@Milchenkaa]

wanderfull, thank you so much

[@jevy2914]

Thank you for this. Another idea, instead of using the selection tool is to use smart objects. That will help you fit an animation into those angled screens that you mentioned at the beginning of the tutorial.

[@jevy2914]

Double click the smart object and it will bring you into a new file. Add the website screenshot and add the timeline. Save and go back to the original file and it will be there. Save out the same way.

[@digivip7944]

Thanks for the value provided with your video. Exactly what I was looking for and it works great!

[@luiskamau]

I actually prefer this to canva. Thank you for sharing.

[@BlayneWhite]

Well this is fantastic! Thank you so much! Always looking to up our game and I don't have time to search web to figure this out. LOVE IT

[@nicolevictory6829]

Thank you so much for this! Simple and easy to follow.

[@PintoTV]

Great tutorial! Thank you :)

[@SusanneGeert]

Such an amazing tutorial 🙌 Which do you prefer for this - Photoshop or Canva?

[@BigCatCreative]

Hey Susanne! Both are great but we recommend Canva if you're not well versed in Photoshop as it's just sooo much easier!

[@MustafaSheikh]

nice and easy

[@prithvidhaduk1856]

Hey! When I enter the second frame, my 1st frame changes to 2nd one. Why is it so??

[@billapk9188]

same happens here

[@hillarymcmahan531]

The Photoshop steps are very clear, thanks! But something weird is happening when I upload the exported GIFs to my gallery section in Squarespace. I'm using the slideshow reel gallery type, FWIW. Multiple copies of the same GIF appear in the section, even though I have only uploaded two GIFs total, and they repeat infinitely. I guess it's OK for them to repeat infinitely; I'm just wondering why that doesn't happen with the gallery sections that contain JPGs.

[@BigCatCreative]

I'm not 100% sure what type of gallery you're using (as there's a few different ways/types) but if you have continuous scrolling on then the same items will just keep rotating around as you go through. If you don't have that on, then it sounds like a glitch and I would reach out to Squarespace and ask!

[@glosito759]

GOOD!!!