How to Create a SCROLLING Website Mockup in Photoshop for Instagram

⚡️ FREE TRAINING⚡️ DIY Your Dream Site: 5 key steps to a stress free + beautiful website - Join instantly here: https://bigcatcreative.com/free-train...

Today we show you how to create an eye-catching scrolling computer or laptop animation mockup in Photoshop. Showcase your e-books, online courses, and website designs in a compelling and engaging way by adding this creative element to your site. Check out our easy-to-follow step-by-step guide to create a video or GIF ready to share.

TIMESTAMPS:
0:00 Intro
0:29 Selecting an image
2:14 Taking a full web page screenshot
4:00 Resizing your image
6:00 Adding your screenshot
8:55 Creating a frame
12:05 Creating the animation
17:30 Saving as a GIF
19.10 Saving as a MP4 movie

MENTIONED IN THE VIDEO:
👉🏼 Read the written post on this topic: https://www.bigcatcreative.com/blog/s...
👉🏼 Squarespace: https://squarespace.syuh.net/bigcatcr... *
👉🏼GoFullPage Chrome Extension: https://chrome.google.com/webstore/de...
👉🏼How to Optimize your Images for Web: https://www.bigcatcreative.com/blog/o...
👉🏼How to Create a Scrolling Computer Graphics in Canva: https://www.bigcatcreative.com/blog/h...

💰 SQUARESPACE DISCOUNT CODE: Use code BIGCATCREATIVE10 for 10% off your first year of Squarespace! Sign up here https://squarespace.syuh.net/bigcatcr... *

📣 Want Squarespace Tips straight to your inbox every week? Sign up here: https://view.flodesk.com/pages/612971...

💻 Ready to up your Squarespace Website Design? Check out our Squarespace Template Kits: https://bigcatcreative.com/templates-yt

MORE GOODIES:
👉🏼 Visit our blog full of Squarespace Tips & Tricks: https://bigcatcreative.com/blog
👉🏼 Follow us on Instagram:   / bigcatcreative  

*This is an affiliate link. I may earn a commission if you sign up using this link, at no cost to you, of course :) I only promote things that I love and recommend.