Hey everyone, Daniel here from TwinBytes with another tech-torial for you.
This time i'm going to show you how to add a Like and Subscribe button
animation to your YouTube videos such as this one,
using Corel VideoStudio. So stick around...
So I'm using Corel VideoStudio 2018. Let's import and get
the files that we need here. So first we want to add a backdrop.
So we'll go down here to images, and
if you're not on Colors by default it remembers the last thing that you were on.
So it could be Objects or something else. If it happens to be on
something other than color just click in the drop down menu and choose color.
Using the green color
is usually the best, and this is why they call it a green screen.
Typically because most other objects in the video shoot
is not going to be green. So it will have a great contrast there.
If you have something else that you're using
that will be green, then you're going to want to use a different color which
could be blue, typically. So we've got our green screen.
Now we want to import our other pictures that we're going to be using.
So i'll go up to media, and i'm going to insert my files.
So i want to get my buttons. Now you can see I've got the green
in the background.
Ii had some problems with this particular image, where it wouldn't do transparency
on them. So I had to match the background color to my green screen.
So I'm going to import those images.
I also need my arrow.
So I'm going to start off with the gray button.
So I'll have that there. So I've got a little thumb there, for the..
UnLike button. I'm gonna just narrow that down a bit.
Then I'm gonna grab the blue one, for my after effect.
Which will show when the button is clicked.
So we've got before and after. Now I'm going to need to add another overlay.
So I'm going to need to click here, to the track manager.
and change the Overlay from 1 to 2, and hit OK.
Now I can grab my arrow and put that into the next Overlay.
Drag that all the way over. Now it's a little bit on top of here.
So we want to have that arrow to go up and click on that,
and it will change color. So what we need to do
is with this, we're going to change the duration, so it goes
that far. I'm going to move the pointer
to be just where i'd like it to be.
So that'll be where it's going to do the click; and at this point now
if i right click on the image of the arrow.
There's Customize Motion.
At this point I can drag this down a little bit.
Maybe over here. So then it will go up and over.
So I'll hit OK, and if I go to the beginning of my track here,
we'll see what it looks like.
So far it shows that it moves up there and then it disappears.
So I need to add another image of the arrow.
That is kind of static.
and have it sit there. Now I might want to have it come down.
Maybe straight down this time. It depends how you want it
to appear. Then we'll right click on that image and go to customize motion.
and here it will be, drag it up, so it's about where it was
on the other one as close as possible. It's going to be
very challenging to make it exact. But you want to have it as close as possible
so it doesn't look too off. Hit OK and let's go to the beginning of
the track and see what it looks like.
So it appears as though it, the mouse moves up,
clicks it, and then it turns it into a blue icon now.
So if we want now, without any sound it's a little hard to
have that feeling that it's actually clicking it. So I'm going to import a
sound effect, and I've already got a sound effect that I've download.
Here, and I'll link to it in the description below where i got my free
sound effects; and I'm going to bring that into
voice, and line it up just where the click is supposed to happen.
So let's go back and see what this looks like.
Now it actually looks like it worked. So we have a fully functioning
clip here now. So there's a couple of
things now, that you might want to, speed it up a bit, because
That's two and a half seconds. It's a little bit...
..um... a little bit long??? I'll just manually drag it so it's
approximately half of what it was. So for at a minute...
12... it jumps... It's not perfect, but let's
drag that, and then we'll drag this over to line it up.
Then we'll also resize this so it's a little shorter.
Then we're going to have to line up our sound effect again.
Then have our backdrop line up. So let's see what it looks like now.
Pretty good! So instead of it lasting two and a half seconds,
now it only lasts just over a second.
because it's just a quick effect that we want to have on here.
So now that we've got that in place,
we can save this; and I'm going to save the file.
So I'm just saving the project file here.
So in case if I want to edit it at all, later on i can do that.
Then finally we want to export the file. So we'll go up to share;
and change where we're going to be doing this. Now I've already got it in the
place where i want to put it. So otherwise you would hit the folder
here to browse. I'm going to give it a name.
Then hit Start, and it's going to export the video. So it'll be the same as
exporting any other video. It says it's rendered successfully,
and that's it. So now if we go back to edit.
We want to try this out. So I'm going to start with a new project.
So if I have a clip, and maybe for the sake of doing this...
We'll just add this one in here, because it's more than long enough.
It doesn't matter what kind of video, just for the purpose of testing it.
So we've got the first part done where we've created the animation.
Now we want to insert it into a video. So this is what we're doing;
We're going to... First I'm going to get rid of this so it's not confusing.
because... I want to insert the media and I've got my
animated, uh... now that's the animated Subscribe.
I got my animated Like clip. So I'm going to
open that one. I'm going to grab that and bring it into the overlay.
You can put it wherever it is that you want that clip to appear.
So there's two things here.
First you probably want to adjust the size of it.
So we can go into the alignment options, and fit to screen.
Then we want to have this green disappear.
So it's in the Mask and Chroma key, under Effects.
Then we'll go to Apply Overlay Options.
and it's already chosen Chroma Key, and it's figured out the color automatically.
and because it's matched that,
it's already showing that it's disappeared here.
So we want to...
Yeah, we don't have to press OK or save or anything over here.
So we want to just look at the video clip
and see how how this works.
So it seemed to...
run in the middle of the screen and then the blue is not showing...
for the blue Like button. So we're going to need to adjust that.
So when it goes from gray and it kind of gets lost in the company name.
So we're going to want to move it as well.
So we can highlight this.
and we can move this around.
So I might want to have it right there. So we can see how that looks.
I can click around, to see... Now that this is probably not the
best video to look at because it is not...
...showing the clip properly.
It seems like maybe there's an issue with the blue?
on this one the way we did this. So I'll have to go back and edit it.
So I had a little bit of trouble with with my first clip that i made;
because the blue color didn't go very well with the green.
So when I did the overlay to make the green fade away
so that you could see the actual video footage and only the
pictures that we wanted to show, the blue was also being taken out as well.
So I had to choose a darker color blue. So we're going to try this again now.
So I'm going to grab a video that I want to have.
Then I'm going to import the clip
that I exported previously for my animated Like.
Now I'm going to grab that and put it in the overlay.
I'm going to put that just over enough here. So I can see here
the gray, and then where it switches to the blue.
So that's fine. Now I want to go in the options.
Now, if this is already on and it's not working, all you have to do is turn it off
and back on again. So then it it shows correctly.
Now the problem we had before is when it got to the blue part,
you couldn't see that thumb at all. We just saw the gray.
So I'm going to click over where it's blue and now you can see it's blue.
So let's watch this whole thing.
"actually, actually" and it actually works!
Okay. So now we might want to move this around.
While it's full visible size. Maybe we'll throw it right there.
That might look funny let's see.
"actually, actually"
and there you go. So now we've got that, and it's as you can see, very easy to
just drag around on the screen and position
it where you want. and you can see from my mistake that
I had earlier, that having the wrong color doesn't match up.
This is exactly what i was talking about before
with the green screen. It doesn't always have to be green;
because if you have a color that's going to be too
closely matched, then it's going to wash it out and you won't
see it. This seems to be what happened. The blue was just too
light of a color blue and it didn't work. So we had to go darker.
So I could have either changed the color of the green screen,
or just change the color of the blue thumbs up.
That's it! That's how you create an automated Like button.
and it would be the exact same thing for the subscribe button,
which I've done here as well.
So let me know what you guys think of this.
If you'd like to see a walkthrough of how to do
the Subscribe button as well?
I can do another video just on that. and uh... ofcourse, don't forget to
Subscribe, give it a thumbs up if you did enjoy this video,
and we'll see you in the next one. Alright! Thanks, bye for now.