top of page
Writer's pictureMarina Lotaif

iMovie Animation: How To Animate Graphics In iMovie | Animation In iMovie Tutorial

Today we’re going to talk about how to animate graphics in iMovie. Last week, we covered how to add text to iMovie, if you haven't watched that video yet, you can find the link to it in the description box below, and today you'll learn how to animate that piece of text, or other kinds of graphics such as your logo and icons, so that they pop, move or drop in your video. The cool thing is that you can do this with Keynote and iMovie, which are both free applications for Mac and are super user friendly.



Stay tuned until the end of this video to learn how to animate graphics in iMovie using Keynote, and to get a FREE cheat sheet with 9 other brilliant tools that you can use in your online business to save time and boost your productivity. Also, make sure to subscribe and hit the bell to be notified every Tuesday when I post a new video.

Alright, so let’s get right into how to animate graphics in iMovie.


If you don't have graphics or icons yet, you can use a free graphic design tool called Canva to create them. Once you've logged in to your Canva account, which you can get started with today for free by clicking on the link in the description box below, click on the blue 'create a design' button on the top left, and then on 'Instagram post'. We're selecting this design since it has a square shape.


Now click on 'elements' from the menu on the left, and then in the search bar, search for the type of icon you wish. For instance, let's say I want to create icons so that when I say 'make sure to subscribe and hit the bell', YouTube and bell icons appear. So let's search for YouTube, and choose this first icons that appears, and on our second page, let's search for bell, and choose this one that shows an alarm bell sound. If you wish, you can change the color of these icons from the color picker up top to match with your branding, or you can leave them as is.


After you've edited your graphics to look the way you want, and wish to save them to your computer, click on the downward pointing arrow on the top right, and make sure that the file type is PNG. If you don't mind that this white background or whatever colored background you're using appears on your video, just go ahead and click on 'download'.

But, if you want this white background to actually be transparent, so that the graphics overlay whatever it is that you're showing in the video, you need to click on this 'transparent background' checkbox before downloading. Transparent backgrounds in Canva are a Canva Pro feature, which you can try out for free for 30 days by clicking on the link in the description box below. So as you can see, what we have here are the two icons, without anything in the background.


Now that you've downloaded your graphics, it's time to animate them using Keynote. To open Keynote, you can either go to finder, applications, and then select Keynote, or use the search tool in the menu up top to open the spotlight search. Start typing in Keynote, and click on the app to open it up. Select 'file' from the menu up top, and then 'new'. From the 'wide' presentation themes, choose the 'white presentation', and then click on 'choose'.


Let's delete those two textboxes that are on the screen, and import the graphics we just created in Canva. To do so, click on 'insert', 'choose', locate and select the Canva graphics, and then click on 'insert'. You can resize and reposition them so that they look and are arranged in the way you wish. I'll add each one to the top corners of the document.


To animate the graphics, click on the one you want to animate first, and click on 'animate' from the menu on the top right. Where it says 'build in', click on 'add an effect', and then select an effect of your choice from the available options. Let's say I want this YouTube icon to 'drop', so I'll go ahead and select that. You can also increase or decrease the duration of the effect, so let's decrease that to 1 second, and preview what the effect will look like. Under order, you can choose which effect will come first, so since I want these graphics to appear when I say 'make sure to subscribe and hit the bell', I'll want the YouTube icon to be number 1 and the bell icon to be number 2. To animate the bell, click on it, and repeat the exact same process.


Just like we saved our graphics with a transparent background in Canva, we need to save this animated presentation with a transparent background. To do so, click on 'format' from the menu on the top right, and under 'background' change where it says 'color fill' to 'no fill'. As you can see, the background will change to black when we do that, and that just means that there's no background. In other words, it's transparent.


Once you're happy with the animation of your graphics, and wish to save it to your computer, click on 'file', 'export to' and select 'movie'. Where it says 'resolution', click on 'custom', and select 'Apple pro res 4444'. What this will do is save this animation with a transparent background, the same way we save images with a transparent background as PNG. Click on 'next', and save the presentation with your animated graphics.


Now that you've animated your graphics, it's time to add them to your video in iMovie. To open iMovie, you can either go to finder, applications, and then select iMovie, or use the search tool in the menu up top to open the spotlight search. Start typing in iMovie, and click on the app to open it up. In iMovie, click on 'create new', then on 'movie', and on 'import media' to import the video clip you want to add your animated graphics to, as well as the actual animated graphics.


Now drag and drop the movie clip onto the working area, and the animated graphics above that. When you click on 'play', you'll notice that your animated graphics will appear. You can drag the animated graphics so that they start and stop at the exact moment of your choice, and trim its clip if you think that it's too long. Subscribe and stay tuned for next week's video, where I'll be covering 'how to edit a video with iMovie'.


Now you know how to animate graphics in iMovie. As promised, to get a FREE cheat sheet with 9 brilliant tools that you can use in your online business to save time and boost your productivity, just click on the link in the description box below.


So what kind of graphics are you adding animations to? Leave your answer in the comment section below, and make sure to click on the link in the description box below to get the free cheat sheet, as well as a free 30-day trial of Canva Pro to access transparent backgrounds.


If you liked this video, give me a like below, share it with your friends, and make sure to subscribe and hit the bell to be notified every time we post a new video. Thank you so much for watching, and I’ll see you in the next video!


--


HOW TO ANIMATE GRAPHICS IN IMOVIE. Want to learn how to create animated graphics in iMovie so that you can add custom graphics iMovie and create text animations in iMovie? In this iMovie tutorial you'll learn about iMovie editing to create animated graphics in iMovie and motion graphics in iMovie. If you've been wondering how to create animations in iMovie, such as how to put animations in iMovie, how to do animations in iMovie and how to animate with iMovie, this iMovie video is for you. You'll discover how to animate in imovie, how to create moving graphics iMovie and how to add animated overlays iMovie. We'll cover an easy way to animate iMovie so that you can find out how to add graphics in iMovie, animate in iMovie, namely animate text iMovie, and iMovie animation tutorial. We'll be using Keynote, so that you can learn how to use Keynote animations in iMovie, how to use Keynote graphics in iMovie, how to import Keynote to iMovie and how to use Keynote for iMovie.


GET A FREE 30-DAY TRIAL OF CANVA PRO: https://canva.pxf.io/jA4Q5


CLICK TO TWEET: https://ctt.ac/NexM6


SUBSCRIBE FOR NEW VIDEOS EVERY TUESDAY: http://bit.ly/youtubeyestotech


WHAT YOU’LL LEARN IN THIS VIDEO:


How to animate graphics in imovie, create animated graphics imovie, how to create animated graphics in imovie, motion graphics in imovie, animations in imovie, how to put animations in imovie, how to do animations in imovie, animate in imovie, how to animate in imovie, moving graphics imovie, how to animate with imovie, animated overlays imovie, easy way to animate imovie, how to add graphics in imovie, text animations in imovie, animate text imovie, add custom graphics imovie, how to use keynote animations in imovie, how to use keynote graphics in imovie, how to import keynote to imovie, how to use keynote for imovie, imovie animation tutorial, imovie, imovie tutorial, imovie editing


RESOURCES MENTIONED:


Get a FREE 30-day trial of Canva Pro: https://canva.pxf.io/jA4Q5


FREE cheat sheet with 9 brilliant tools to run your online business: https://www.yestotech.com/onlinebusinesstools


How To Add Text To iMovie: https://youtu.be/a1hPWvLXlY8


How To Edit A Video With iMovie: https://youtu.be/9Mnvu3nPQwM


RELATED VIDEOS:


WEBINAR TUTORIAL: HOW TO DO A WEBINAR WITH LEADPAGES - Webinar Registration, Thank You + Live Pages: https://youtu.be/VLA-QkAjmew


WEBINAR SALES FUNNEL TEMPLATE: Get This 90% Done For You Webinar Sales Funnel Template: https://youtu.be/yqD8SgJBuPA


DISCOUNT CODES & EXCLUSIVE OFFERS:


- ConvertKit (email marketing software): a 30-day free trial - https://convertkit.com/?lmref=7SUoRg

- Viraltag (social media marketing tool): a 14-day free trial and $15 off - https://viraltag.grsm.io/MarinaLotaif914

- Leadpages (landing page and website builder): a 14-day free trial - https://try.leadpages.com/yestotech

- Interact Quiz Maker (quiz, poll and giveaway maker): a 14-day free trial - https://www.tryinteract.com/#oid=59709_4020

- Hostinger (web hosting): 10% off with code YESTOTECH - https://www.hostinger.com/yestotech

- Wix (website builder): 50% off yearly premium packages (first time users only) with code EDU_Mar17411703 - http://bit.ly/wixforfree

- Canva Pro (graphic design tool): a 30-day free trial - https://canva.pxf.io/jA4Q5

- Visme (presentation, infographic and visual content creator): a free forever plan until you decide to upgrade - https://partner.visme.co/?ref=MarinaLotaif

- Teachable (online course platform): a free forever plan until you decide to upgrade - https://teachable.sjv.io/c/1134751/933427/12646


SHOP THE STORE:


- Brilliant Branding: https://mlotaif.lpages.co/brilliant-branding-evergreen/

- Wonder Website: https://mlotaif.lpages.co/wonder-website-evergreen

- Traffic Takeoff: https://mlotaif.lpages.co/traffic-takeoff-evergreen

- Webinar Sales Funnel Template: https://yestotech.teachable.com/p/webinar-sales-funnel-template

- ConvertKit Tech Training Tutorials: https://yestotech.teachable.com/p/convertkit-tech-training-tutorials



MY FAVORITE TECH, TOOLS, AND RESOURCES: https://www.yestotech.com/resources


JOIN THE CONVERSATION!


- Website: https://www.yestotech.com

- Facebook: https://www.facebook.com/yestotech

- Pinterest: https://www.pinterest.com/yestotech

- Instagram: https://www.instagram.com/yestotech


Welcome to our YouTube channel! It's our mission at Yes To Tech to empower online entrepreneurs, bloggers, and small business owners like you to maximize your online presence - even if you're not tech savvy! Subscribe to our channel for tips and tricks on DIY website creation, social media marketing, e-mail marketing, branding, blogging, webinars, and video creation, for the tech needed when you're just getting started with your online business, and for step-by-step video tutorials created especially for the non-techie online entrepreneur's point of view.


DISCLAIMER: This video and description may contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. This helps support the channel and allows me to continue to make videos like this. I only recommend products that I use and love. Thank you for your support!




Tags: how to animate graphics in imovie, create animated graphics imovie, how to create animated graphics in imovie, motion graphics in imovie, animations in imovie, how to put animations in imovie, how to do animations in imovie, animate in imovie, how to animate in imovie, moving graphics imovie, how to animate with imovie, animated overlays imovie, easy way to animate imovie, how to add graphics in imovie, text animations in imovie, animate text imovie, add custom graphics imovie, how to use keynote animations in imovie, how to use keynote graphics in imovie, how to import keynote to imovie, how to use keynote for imovie, imovie animation tutorial, imovie, imovie tutorial, imovie editing, yes to tech

3 comments

3 Comments


run 3 unblocked a game that is both enjoyable and challenging. I prefer straightforward genres for amusement, such as this one, as it helps me unwind after a long day of work. Thank you for sharing, or you can play at Skribbl io.


Like

In Build Now GG , players can test their building skills while engaging in intense battles. The graphics are impressive and the gameplay is smooth.

Like

Hi, thanks for the video tutorial about creating animations, but can you please tell me why the video is in 720p? It is very uncomfortable to watch on a phone, many of your actions are not clear.

I can suggest you to try Movavi Screen Recorder for recording in Full HD or the same OBS Studio. Or is it a matter of editing?

Like
bottom of page