Creating advanced animations in Apple Keynote [MASTERCLASS]

[@markimarku]

excellent tutorial - just a little note. You don't need to leave Keynote to create the mask for the sliding graphs. You can use the tools under [format]>[shapes and llines]>and then [unite] or [intersect] or [subtract] or [exclude]

[@yohoabq8]

You can use the tools under [format]>[Arrange. and then [unite] or [intersect] or [subtract] or [exclude]

[@SHEKELWORLD]

Dude... I've watched a bazillion videos teaching things... And i've been on Keynote for over 10 years and didn't know about Magic Move... BUT... really the reason I'm writing is because you are an incredible teacher/communicator... THANKS

[@StephenGates]

Glad I could help!

[@julius.2003]

It's incredibly amazing how simple, yet powerful most apple tools are.

[@tarotbysemaj2424]

That my friend was a ✨ROCKSTAR✨ presentation!!! I learned so much in this Masterclass. You are an excellent teacher! The cogency in which you delivered the message makes it clear that you know what your doing. I am so looking forward to more learning from you. Especially in the world of keynote. This was a 30 minutes well spent!!! Thank you for all your information, time and attentions, SO very appreciated!!!! Keep rocking the wisdom!

[@StephenGates]

Thanks so much and so glad the video had such an impact. Will keep making more and let me know if there is anything you would like to see in a future video.

[@KaryoSentiko]

SG: "a trick most people aren't even going to see" Me: I saw it immediately and hoped beyond hope you were going to explain how you did it! So happy you went in and showed the mask! A whole new level of obsession has now opened up to me!

[@NioDraws]

I started learning KeyNote school presentations and this is the most intuitive tutorial I've seen! Thank you for making this. I will definitely be using these tips!

[@phutloose]

Thanks for taking the time to share! Great work!! Loved the "s" move in the animation - never seen that before!

[@hannahlissette3492]

Genius! Never thought of pairing the masking with animation! Thank you for sharing!!

[@TheMr82k]

What a masterclass. I keep coming back to this video after all these years 🙏

[@philiphawe4773]

Loved it. The speed was good. Really found it helped me and will do some fun stuff.

[@boostablemedia696]

Thank you for this. Very helpful. I have been trying to figure out how to do Keyframes in Keynote. Animations baby!! Thanks!

[@theseriouscto]

Sir, you are a godsend - thank you very much for taking the time to show and share this I'll definitely be trying to use these tricks on my channel to explain programming internals

[@MorbidGod391]

Dude thank you. This is going to make me look like a presentation master in my up coming class!

[@StephenGates]

Best of luck!

[@cortneywilliams5713]

This was THE BEST advanced animation video I've seen! Thanks so much, so helpful.

[@StephenGates]

Glad it was helpful!

[@GD_Phylux]

3:30 Love the square bro ❤

[@carmenrosa6269]

Thank you, outstanding presentation, please do more tutorials of Keynotes 🌷

[@franjaureguim]

Absolutey great... thank you so so so much for every tip, im so watching every single video, thank you so so much

[@TruthIncthetruthwhisperer]

Thank you much. I am so grateful for this as I am using keynote to do my first webinar and your classes are super helpful. Much gratitude.

[@StephenGates]

Great to hear it.

[@thomasscripts5776]

Regarding the layer grid you use to make the "Move In" transition not come from bottom there is a very easier way than using Screenshot and Photoshop. You can do all from Keynote. 1st step : display the layers panel (CMD + MAJ + L) 2nd step : duplicate all your grey backgrounds (so we can then remove them) 3rd step : create a white square same size as frame 4th step : move all duplicated grey backgrounds before the white square 5th step : select them all and in Format > Disposition > Substract Way easier ! :)

[@nhattrinhnguyen9813]

that is way easier. i use this trick all the time

[@samuelw.9184]

Thank you so much for this great free content!

[@justdoyourthing1419]

👏🏻👏🏻👏🏻 first time I’ve seen the power of great animated keynote presentations with a good explanation. Thx!

[@StephenGates]

Glad it was helpful!

[@tomkubin1765]

Great show! Learned a bunch of new things! Thanks! Do you have something on creating a Killer slide show in Keynote?

[@LiterallyChad]

I just picked up Keynote for a new client and your videos helped me a ton! Coming from 10 years of PowerPoint Design, Keynote is much slower to design in for sure, lots of missing functionality (maybe I just missed them) navigating the canvas with a scroll wheel, manipulating multiple shapes at once, shape masking to an existing shape, animation copy/pasting, etc. That said I liked Keynotes layout significantly more which feels dumb cause everything was so much slower. Like I won't be going out of my way to use it just because all the little time sinks add up when a paying client is involved but if I was designing just for myself and I had the luxury to take my time then I could see my self using this.

[@bazanimal]

Awesome tutorial! Thanks, Stephen!

[@VincentForDesign]

Thanks for this video, I learned something new today, Just to add, if you're like me who use Keynote to make animation assets for explainer video, you can take advantage with the new transparent video feature, to export multiple footage with transparent background, then piece them together in video editing software.

[@edgfigueroa]

Oh man that sounds like a great idea. Do you have any other resources that would be great to look at for help on this?

[@rebeccacary-anderson]

That was great!! Thanks so much for sharing!

[@rlbink2498]

You, sir, are a genius. Long time Keynote user. Reinventing myself as a content designer and this was simply amazing and clear. Many thanks!

[@StephenGates]

Thanks so much. Just a lot of years and lot of presentations to learn all of this.

[@stenisaksson3313]

Very instructive presentation, thank you very much. Could you please teach me how I can get the present picture and the following picture on my computer screen when I do the presentation. It helps me to know what picture will come next!

[@itslv]

I knew some of these tips but not all. Thanks for this Masterclass!

[@iml1945]

Your vertical column template, around 8:17, is really quite clever. I am sure it took some time to create the cut outs. Well done and thanks for the tips.

[@StephenGates]

Glad you liked it!

[@christiannavarrete59]

thankyou man!! I was working in this app for the first time an di needed to do some animations, and I was so confused! Now I feel like I have a new superpower :D!!!

[@JulianHibbert]

You are the man Steve! Thanks brother.

[@diasem2479]

Just perfect. Please, make more videos like this.

[@kristenkress3227]

Thank you! That was a lot and very helpful!

[@lucyvargas8123]

Thank you! Terrific information.

[@StephenGates]

Thanks!

[@PedroMoreno21]

Your video was stunning!!!

[@mikelinsmeyer3834]

During one of your presentations you mentioned there was a link below for good "clickers" for a Mac. Can't seem to find that link. Could you please supply that information? Thanks for the great videos!

[@AidanMakepeace]

Thanks for making this video. Gave me the overview I was looking for to understand how to get started. All the best to you!

[@StephenGates]

Glad it was helpful!

[@evatoca562]

This is soooo good, Stephen! What a great masterclass. Thank you so much for your work. Cheers from Spain!

[@laimahsungaplaimahsungap5211]

Your classes are super helpful. Tq

[@StephenGates]

Thanks

[@CorrieJohnson]

Thank you for the details.

[@troymcdonald]

Masterclass Volume 2 - Please 😊

[@celiainsidemusic]

wow, excellent tutorial! thank you!

[@Gr95dc]

Pretty cool! I've had a mac for almost 3 years and this is the first time I decided to finally learn more about this apps. Wish I knew lots of this things while I was still in uni

[@StephenGates]

Good luck! It is harder to learn than it should be

[@josephsmith787]

THANK YOU!!! SO HELPFUL!!!!

[@jlautoglass1]

Hey Stephen been watching a lot of your KZbin videos on keynotes - wow Thank You. Have you figured out how to add simple pop up menu boxes (as in day: Mon Tues Wed, etc select one)? Crazy all the things you can do on slides for apps in keynotes…but pop up menu boxes nah? Or have you dissected there secrets to doing this? Thank You Kimmie

[@studyeffectivelymathengine3855]

Great, Stephen, clap the hands for the brilliant explanation!

[@StephenGates]

Thanks so much!

[@xgzftue1]

Great video. Well done!

[@StephenGates]

Thank you very much!

[@RebeccaLMorgan]

Agree with the others that this is fabulous. I consider myself a master Keynote designer and I learned a few nuances that will up my game!

[@robertburtonrobinson7063]

This is super helpful! Thanks so much!

[@vandanasangameswaran4679]

I cannot thank you enough for this video , I cannot publish it yet anywhere but I was able to create a nice animation for my logo !

[@sachio8136]

exactly what I needed! thank youuuuuuuu! i'm gonna try all the things you've covered here.

[@StephenGates]

Thanks and glad it helped.

[@tashsenhaji]

Very helpful, clear, concise and overall beautifully presented! Thank you!

[@StephenGates]

Glad it was helpful!

[@aizacastillodomingo6782]

So helpful and so much info packed in one video tutorial!

[@erasmusplus3112]

thanks, really need to go to the ex part espeially with transparency ..:-)

[@SandraGerberding]

Hi, thanks for the great Video. I have a question: Can I make endless loop animations with keynote? Like these architecture diagrams that are being made everywhere with PowerPoint. Where you can see how the data flow runs between the elements all the time, for example.

[@amnashahid8844]

Its really gonna help me out in my upcoming business presentation. Thanks a lot sir. Looking forward to discover more from you!

[@StephenGates]

Glad it was helpful!

[@siobhanparker8292]

This is just what I was after - Great job

[@piamsakshigekijr.7422]

This video is so useful. Many Thx.

[@StephenGates]

Glad it was helpful!

[@jayakishnani5104]

I never knew that these things were there in my keynote app and this is really informative I prefer everyone to see this video the animations are literally so cool and the way you did it was way better than what I do I am literally shocked and I wasn't wrong that keynote is better than powerpoint

[@StephenGates]

It is better when you finally break through and figure out where everything is hidden

[@GK-ec5df]

I would like to see one of your presentations so I can see what is possible. I have worked with PowerPoint and have stayed away from Keynote thinking it was a wimpy substitute but you have inspired me to explore it. But seeing your work would help me let go of PPT as my major tool.

[@StephenGates]

You can see my decks in any of the keynotes I have done at different events which are also in this channel

[@jaceejoef]

I always like playing around with MS powerpoint. Now, I'm discovering how flexible keynote is as well. And you really got me with that masking. Nice trick!

[@StephenGates]

Thanks so much!

[@kingdomreign71]

Ferocious, I love it!

[@StephenGates]

Thanks!

[@jagdishpatra9676]

Thank you very much for sharing!! DO make more such videos..

[@kencur9690]

I know all this stuff as I create some (pretty good) presentations. Yesterday I was having some issues as I wanted to have a controlled move in transition. During my research I stumbled on your video and watched up to about the 18 minute mark, and was asking myself “yes, ok, but _how_ is your move in behaving like that?” I figured out it could have been something related to a template you were using for charts or something, so I continued my research. Eventually I read up the solution elsewhere. As so often happens when we become good at something, we look for complex solutions to simple problems, and while I would probably have come up with this DIY workaround when I was newer to the task, I would probably never have thought of masking now (looking instead for actual solutions like start points and paths, travel distance, etc.) Today I decide to continue watching your video and first thing you mention is the masking technique. Lol. I should have stuck around a little longer.

[@kencur9690]

P.s. I think your own solution is itself a bit over and unnecessarily complicated. You could achieve the same result by simply screenshooting in keynote to your clipboard the lower part, placing it in place and simply layering the colors behind it (so send to back for the cutout - in order not to mask the text - and send to back the color - in order to be masked by the cutout). You don’t even need to screenshot anything, in fact, if you use shapes. Same methodology, just apply a shape which is suited: in your case it is tricky given the pill like shape but in cases with squares for instance, as was mine, simply draw a blank square as the mask, and send it to back but just one layer in front of the thing to be masked.

[@jaishreeprasad2115]

really helpful! thank you

[@StephenGates]

Thanks!

[@SarahAndBoston]

Great video, I learned a lot. Thank you!

[@gregbraun4008]

Absolutely fantastic instruction! You've just doubled my animation capabilities!

[@wejdanmu.8726]

I have seen the light after clicking on this video....THANK YOU SO MUCH!!!! THANK YOU!!

[@StephenGates]

So glad it helped!

[@khaven06]

bravo! very useful video, i have been using keynote for 3 years and only now that I have discovered this tool bar customization..

[@StephenGates]

You are not alone using it for years with no idea all that functionality was there. Glad this helped.

[@joewilliams5396]

Great Vid and explanation.

[@StephenGates]

Thanks so much

[@adecole859]

OMD’s Stephen. U r a flipping star. I was watching a video of someone who added these effects and I was tryna replicate but they never reply when u asked them. That flip change colour effect, i was at that for a whole day tryna figure it out, hovered over ur video whilst watching other tutorials but ONLY u spoke properly about these extra features. Shoulda have watched urs all along and I would have done this in seconds. 😭. Either way. Thank u for this. And would seriously want more vids from u about more animations or the photoshop masking process. SUBSCRIBED.

[@StephenGates]

Thanks so much. The problem is that these effects are easy once you understand how to do them, but getting there is so hard and so confusing. Glad it helped.

[@maximusuniversity]

Thank you very very much you really are a master !

[@StephenGates]

Thanks so much.

[@lorensims4846]

I really don't give a hoot about presentations but I'm all about simple animation tools. With the way you can link shapes to another page or an external webpage I'm beginning to wonder if Keynote might be the modern incarnation of HyperCard. All you would need would to be able to link a shape to one of these actions. Since you can set the action to fire as soon as the page comes up, linking to that page IS linking to that action. My next project it to try to replicate one of the classic HyperCard games in Keynote. I'm betting I can do it!

[@giantamina3107]

Next ti, can you install one of those apps that creates a circle around your mouse pointer? Sotis it’s hard for to find where

[@CometPartyTV]

This is SO helpful! Thank you so much!!!

[@michaelgray1223]

Wow, absolute Awesomeness 🍿

[@StephenGates]

Thanks!

[@bryanvanmaalsen2697]

I watched this video in amazement! You explain it very clear so it's easy to follow. I see endless possibilities with this software. Would like to see a tutorial where you use people characters and create kind of a short animated movie. Thanks so much for sharing. This really inspires me to dive into Keynote 👍🏾👍🏾

[@MakingMakers]

You blew my mind, thanks brother

[@StephenGates]

Glad I could help

[@pirol0815]

Thanks and greetings from Berlin 🇩🇪

[@StephenGates]

Welcome!

[@enterprisingtech]

Hello Stephen, thanks for this excellent 🔥 content. Care to share the template 💭

[@yohoabq8]

You can use the tools under [format]>[Arrange. and then [unite] or [intersect] or [subtract] or [exclude]

[@sybilleweigand9896]

that's great! Thank you!

[@yay-cat]

Holy cow that was great!

[@StephenGates]

Thanks so much.

[@XAdonorX]

Bro thanks got from an c to an a helped me a lot

[@cheetahking9114]

THANK YOU SO MUCH. IT WAS VERY HELPFUL🙏🏿

[@StephenGates]

Glad it helped!

[@koukouvania]

loving the glasses

[@StephenGates]

Thanks. I have a bait of making sunglasses into my new glasses.

[@hgwei3897]

thank for the video big brother .

[@StephenGates]

My pleasure

[@tkyhollun]

U are a good teacher

[@Tejakonduri]

Nice explanation. Is this slide-deck available to share?

[@KatsuraSunshineRakugoChannel]

Wow my friend - really clear and really efficient. Thank you so much!

[@StephenGates]

Thanks so much.

[@earlgrayman982]

Brilliant!

[@MattDavis_BeechingsGhosts]

How are you creating the lozenges with equal shapes in the sliding graphs?

[@Lkf2525]

I wish you could do a chart lesson. I'm trying to do the exact same thing and I don't get it.

[@yochito]

this is just amazing, Thank you!

[@StephenGates]

Glad you like it!

[@lisaschmidt7881]

Fantastic video - much appreciated!

[@markgoldfarb6029]

Question...When I use the "presenter notes" view in Keynote, I am not sure if my animations work; specifically having the bullet points appear one at a time via my click. Is it possible or once I'm in presenter votes view, i only have the ability to advance the slide by the right arrow key and the entire slide appears at once. Thanks. Your tutorials are fantastic and incredibly helpful

[@MalikSmithEng]

Dope video... really informative!

[@StephenGates]

Thanks

[@IRIETech]

how did you make that bar chart? the shapes clipping mask

[@Psychedelics22]

Can you do a class on the animation that makes it look like you are traveling into space through the stars?