How to make a Subscribe Animation for YouTube with Keynote

In this video I will show you how to create an animation for KZbin that you can overlay over a video to encourage your viewers to subscribe to your channel. To create the animation we will use Keynote from Apple.
Timestamps:
0:00 Intro
0:25 Preparation: taking screenshots of the different subscription states
1:52 Preparation: build slides in Keynote based on the screenshots
5:18 Apply a circle mask to an image (Mask with Selection) in Keynote
10:24 Save a SVG graphic from a website and save it in text format with XML declaration
12:03 Convert SVG to PDF with Vector Graphics Program (Affinity Designer)
13:40 Import scalable PDF into Keynote
18:00 Making the Animation in Keynote
20:36 Simulate a Mouse Pointer in Keynote
28:31 Exporting the animation as movie with transparent background
29:15 Importing the final animation movie into Final Cut Pro and testing the overlay
@urrachris on social:
Instagram: / urrachris
Twitter: / urrachris
Facebook: / urrachris
Pinterest: / urrachris

[@554783]

Hi everything is fine but after export movie file not transparent...can u help me?

[@chris_urra]

When you export the movie you have to select Apple ProRes 4444 and activate "Export with transparent backgrounds". I show the export settings it in the video at 28:54 min: kzbin.info/www/bejne/i5bHn2WOZ559r5Y

[@554783]

@@chris_urra i did same still not happening...

[@chris_urra]

Did you set the background of the slides transparent as I have shown in the preparation part of the video? See at 2:40 min: kzbin.info/www/bejne/i5bHn2WOZ559r5Y

[@Menthur]

one of the best tutorial videos ive ever seen ... awesome work. you need more likes and subs

[@RubyintheKitchen]

Thank u. I have created to follow ur video. 👍too. Waiting more about youtube tutorials

[@KimsArtAlchemy]

Love this and everything worked for me which is a miracle. LOL great tutorial. THANK YOU 🙏

[@IZZULFAIZAM]

Chris!!! Very clear step-by-step explanation! This video is a great help for my YT's intro! Thanks a million!!! You're amazing!!!

[@ricksuzuk1]

Great video! Nice to see someone not talking at 100 kph !!!!!!

[@kamillahrae]

this tutorial was so helpful thank you so much!

[@muhawenimanasamweripro1496]

This was literally such a God sent! Thanks so very much! GOD bless you! This is gonna help our YT channel out so much, I know it! Thanks for all the details!

[@VickyJ2296]

Very informative and helpful...👏🏽👍🏽

[@rajaprahlad9308]

Very Nice tutorial Chris. It saved lot of time. Expecting more and more videos from you.

[@liverpool_of_life]

thanks Chris! will try soon.......... ;)

[@SindisSpace]

Hi Chris, this video is amazingly detailed, but I cannot duplicate it for the life of me. It's just too techy, and I hate tech stuff, but I just wanted to leave this comment to commend you, you are doing awesome work..

[@rpalanivel83]

Nicely explained and works well!!!

[@InnereFestung]

Thanks for this Video :)

[@juancarlosguzman2827]

Awesome 👏 Great tutorial, finally I found the one that is simple to understand, thanks once again for sharing!

[@dwonerossjr276]

this walked me through the process step by step. You're awesome!

[@dawnr0bins0n]

I'm lost at getting the bell source code! This has been super easy and straightforward until this point. Thanks for the step by step. Hopefully I can figure this out.

[@dawnr0bins0n]

I decided to do a screenshot of the bell and drag it into keynote. It was much easier and worked just fine. THANK YOU for this detailed instruction!!

[@creamncrafts]

This is very helpful. Appreciate that.

[@pleaseplantme-lawnmowingse3859]

Thank you

[@motlakamakhura]

This was so informative I really like the explanation of the entire thing Really epic 👌👌👌

[@manupandit3864]

Awesome. But a tough one. Wonder why not too many subscribers. Pretty advanced video 👍👍

[@chris_urra]

Thanks. Of course there are easier solutions, like buying an animation pack. But I find more interesting to use a self-made animation. In regards to the subscriber count: the channel is still relatively new and I only post videos if I have something to share that I think might be of interest to the viewers. That and the small number of videos probably explain the small subscriber count.

[@davidchokumanyara7526]

Very cool

[@themultipassionatecouple]

Great tutorial, thank you.

[@tairy8326]

This was sooooo helpful THANK YOU!

[@TamilinParis]

Super 👍

[@gpchallengegaming2818]

You really saved the day. Cheers

[@Techno-Charge]

Thank you. Nice video 👍

[@ednadesousa5729]

Thank you 😊

[@ItsAboutTimeNow]

Thank you, but it is not transparent! It shows with the black background even though I selected transparent background?? any help is appreciated

[@chris_urra]

When you export the movie you have to select Apple ProRes 4444 and activate "Export with transparent backgrounds". I show the export settings it in the video at 28:54 min: kzbin.info/www/bejne/i5bHn2WOZ559r5Y

[@554783]

@@chris_urra i have also the same prob....

[@chris_urra]

Well, I already answered this. Please read my comment above.

[@214sioeh]

👍👍👍

[@be1bee729]

Great tutorial Chris. (11:18) is it ok to copy 'Copy outerHTML' ? any way I am going to try it.

[@chris_urra]

I think so. You need the part with .... If you copy more you can delete it later in the text editor.

[@diejungensenioren]

danke 👍

[@JusNik]

When I moved it to Adobe illustrator it came out as the exact text. What am I doing wrong?

[@chris_urra]

I don't have/use Adobe Illustrator. Maybe someone else who reads this comment can help you...

[@JusNik]

@@chris_urra thanks for the video it was very helpful ...hopefully you have another video thats not for 4k or final cut pro

[@Selenoscope]

It comes as a black background in imovie with the animation! PLEASE HELP!!!!

[@manupandit3864]

Is it possible to add buttons on the video. Where people can press for various actions. Possibly on a mobile

[@chris_urra]

You would have to use the features offered by KZbin like e.g. adding cards to your uploaded video. The video you upload is just a video and does not have interactive elements.

[@muhawenimanasamweripro1496]

Hi everything is fine but after export movie file not transparent...can u help me?

[@chris_urra]

Did you set the background of the slides transparent as I have shown in the preparation part of the video? See at 2:40 min: kzbin.info/www/bejne/i5bHn2WOZ559r5Y When you export the movie you have to select Apple ProRes 4444 and activate "Export with transparent backgrounds". I show the export settings it in the video at 28:54 min: kzbin.info/www/bejne/i5bHn2WOZ559r5Y

[@eldosekitchen9089]

Super

[@hadielfahli3695]

I tried to follow ur steps, but its so much to absorb. I wish there was an easier way 😭

[@chris_urra]

Yes, there is a lot to absorb 🤯 in this video. But the advantage of a video is that you can always repeat it or take a break and come back to it later. You can do it 👍🏻.

[@hadielfahli3695]

Chris Urra all the best with ur channel 👍🏻

[@a.c.a.6557]

This was literally such a God sent! Thanks so very much! GOD bless you! This is gonna help our YT channel out so much, I know it! Thanks for all the details!

[@BinusMalayalamTutorials]

Hi Chris, Thank you for the detailed explanation ....one of the best tutorial video..👍