How to Design an animated Website Mockup in Minutes with Canva
Vložit
- čas přidán 8. 08. 2024
- In this video, I'm going to show you how to design an animated website or product mockup fore your sales page - in Canva, in just minutes.
With this quick and easy method, you'll be able to use Canva to create a video or animated gif mockup that you can then use to promote your program, service or product and increase conversions.
This mockup can be used on your sales page, website, on social media, or anywhere you want to promote your business. So whether you need a quick scrolling website mockup or a full-blown product walk through, this video is for you!
#mockup #animation #productdemo #salespage #canva #canvatutorial #websitemockup
📺 AWESOME SCREENSHOT CHROME EXTENSION: www.awesomescreenshot.com/
⏱️ TIMESTAMPS
00:00 - Introduction
00:46 - What we're gonna create
01:15 - My secret weapon screen recorder
03:30 - Adding video to your Canva sales page
04:40 - Incorporating Canva animated graphics
05:11 - Creating a scrolling animation video from stills
06:18 - The important transitions
07:16 - Other ways to use animated scrolling graphics
08:25 - Other frame & device examples
08:50 - Final notes
09:10 - Download your free template & pack
⭐️ DOWNLOAD THE FREE CANVA SALES PAGE TEMPLATE & PACK
As a thank you for supporting this channel, I've also made my full Canva sales page template structure of over 20 section variations (with copy prompts) available for you to download to customize and use. I have also included a series of videos and a PDF guide to walk you through creating your high-converting, stylish website. All you need to do is:
1. Make sure you have a Canva account: createdbywayne.link/canva
2. Go to www.createdbywayne.com/salesp... and pop your details in.
3. Confirm your email address and access your training videos and PDF guide.
4. Follow the link to your free template
4. Click on the "USE TEMPLATE" button to create a copy in your Canva account.
6. Start creating your sales page!
Please note, some elements and photos in Canva are available with a Canva Pro account only. Sign up for a 30-day trial of Canva Pro (createdbywayne.link/canva) to get access to the entire library of graphics, photos, and videos to use on your page.
🌟 Sign up for a free Canva Pro Trial: createdbywayne.link/canva
💌 JOIN THE COMMUNITY OF MEANINGFUL CREATORS
Join an awesome community of subscribers who receive the latest tips and tutorials directly from me in my Meaningful Creations dispatch.
Sign-up is free: createdbywayne.com/newsletter
💬 CONNECT WITH ME
Instagram: / createdbywayne
Pinterest: www.pinterest.co.uk/createdby...
Website: www.createdbywayne.com
TikTok: / createdbywayne
☕️ BUY ME A COFFEE: createdbywayne.link/buymeacoffee
................................................
🔗 LINKS & RESOURCES
Canva Pro (45-day trial): createdbywayne.link/canva
My Favorite Tools: createdbywayne.com/favourites
................................................
For full transparency: Some of the links are affiliate links, meaning I will earn a small commission if you purchase through my link - at no additional cost to you, ever. I only recommend resources I have - or do - use in my business and can honestly recommend.
💻 Collaborations & Partnerships: hello@createdbywayne.com - Krátké a kreslené filmy
Thank you! Will use this extension as another way besides the one in Canva!
Excellent - I hope this helps!
I'd love to know if anyone else has similar tools that are easy to use to create these kinds of animated previews - let me know if you have a secret weapon extension/tool😄!
This is so good!! Thank you so much.
Really glad it's helpful Anisha! 😀 Thanks for your lovely feedback.
Its amazing how you can record your screen with canva now without installing some other extension by default now. Canva keeps evolving 😊
True - I know Canvas not perfect, but I do like that they keep improving and trying new things. Even if you don't use HALF the tools, it's nice that they are growing and evolving.
Amazing Content :)
Thanks very much Saqlain 😁
Thanks for the video. Is there a way to set this animation effect so that it scrolls the whole image that you upload, rather than just the top section?
Hi Sally! I'm not sure what you mean? Could you clarify - feel free to drop me an email on hello@createdbywayne.com if that's easier and I'll try help you out. 🖤