Hey guys and welcome back to my channel.
Want to promote your website in a way that
captivates your audience?
The easiest way to do so is by creating a
scrolling website animation.
As the name says, a scrolling website animation
is kind of like a website GIF, a website animation
within a computer or laptop mockup that scrolls
down automatically.
The best part is that in this scrolling website
tutorial, I'll be sharing with you how to
animate your website with a scrolling website
animation without using Photoshop or complicated
software.
So stay tuned until the end of this video
to learn how to wow your audience by creating
a scrolling website animation, and to get
a FREE complete website creation guide to
help you create your own website step-by-step
without stress or overwhelm.
Also, make sure to subscribe and hit the bell
to be notified every time I post a new video.
With that said let's go ahead and jump right
in.
The first thing we need to do is record the
page you want to add a scrolling website animation
to, such as your website's homepage.
To do so, head over to your website, and then
open up QuickTime.
Then click on 'file', 'new screen recording',
click on 'options' and make sure that there
is no microphone selected, select the entire
area that encompasses your website, and then
click on 'record'.
Scroll down through your entire website's
homepage, and then click on the stop recording
button on the top of your computer screen.
To save your scrolling website recording,
click on 'file', 'save', rename your website
recording, and then save it to the location
of your choice.
If you're a Windows user, you can follow the
same process by using a tool called Wondershare
Filmora.
Now open up Canva, which you can try out for
free by clicking on the link in the description
box below, and select 'Instagram post' as
your design of choice.
Click on 'elements' from the left-hand side
panel, and then under the 'frames' section,
click on 'see all'.
Scroll down until you find a computer or laptop
frame, click on it to add it your design,
and then resize and reposition it so that
it's centralized and occupies most of your
design space.
To add your website recording to this laptop
or computer mockup and transform it into a
scrolling website animation, click on 'uploads'
from the left-hand side panel, and then on
'upload an image or video'.
Select your website recording, and then click
on 'open'.
Once the website recording has been uploaded,
drag-and-drop it onto the computer or laptop
frame.
As you can see, it now has a scrolling website
animation.
To finish things off, rename your design up
top, and then click on the download button
to download your scrolling website animation
either as a video or a GIF.
Now you know how to promote your website in
a way that captivates your audience by creating
a scrolling website animation without Photoshop.
As promised, to get a FREE complete website
creation guide to help you create your own
website step-by-step without stress or overwhelm,
just click on the link in the description
box below.
So will you be creating a scrolling website
animation?
I'd love to hear your answer and start a conversation
in the comments below, and remember to click
on the link in the description box below to
get your FREE complete website creation guide.
If you're new around here, hi I'm Marina Lotaif
from Yes To Tech, and I'd love for you to
join the family.
You can do so by hitting the subscribe button
and if you're already subscribed, and want
to be notified every Tuesday and Thursday
at 9:45am Eastern, just click on the bell
after you subscribe and you'll receive a notification
every single time I post.
I hope you're having a wonderful day wherever
you are and I'll see you in my next video.
