How to add video backgrounds to your infographic video

This lesson is exclusive to members

Course contents
SECTION: 4
Camera – 1 Node 9:36
SECTION: 5
Preview & Playback 6:45

Questions

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Course info

52 lessons / 7 hours 1 projects Certificate of achievement

Overview

Hi there, my name is  Dan. I’m a Adobe Certified Instructor and I LOVE animating infographics & bringing potentially boring data to life using After Effects.

This course is for beginners. You don’t need any previous knowledge in AFX or any motion graphic experience. We’ll start with the super basics, taking simple icons breathing life into to them with After Effects.

We’ll work through a real life projects, connecting Excel into After Effects to transform your boring spreadsheet data into approachable visual information. We’ll experiment with lighting & cameras. We’ll do some fun things with masking, looking at how important sound is in your presentation, all the way through to exporting for Youtube, Powerpoint and all sorts of social media including animated GIFS.  

There are projects for you to complete, so you can practice your skills and use these for your portfolio. There is a cheat sheet and I’ve got exercise files so you can play along. I will also save my files as I go through each video so that you can compare yours to mine - handy if something goes wrong.

Know that I will be around to help - if you get lost you can drop a post on the video 'Questions and Answers' below each video and I'll be sure to get back to you.

What are you waiting for? Lets get making!


What are the requirements?

  • You will need a copy of Adobe After Effects, Illustrator & Photoshop CC 2017 or above. 90% of the course will be done in After Effects but a few things are better done in Illustrator & Photoshop. A free trial can be downloaded from Adobe.

  • No previous motion graphic skills are needed.

  • No previous After Effects, Illustrator or Photoshop skills are needed.

What am I going to get from this course?

  • 48 lectures 5+ hours of well structured content.

  • You'll learn to take Excel spread sheets and animate this in After Effects.

  • You’ll learn how to make animated pie charts, line charts & bar graphs.

  • You’ll learn how to create percentage counters.

  • You’ll learn how to animate icons making beautiful infographics.

  • You’ll learn how to create 'voice over' infographics.

  • You’ll learn all the animation techniques needed to bring your data to life.

  • You will have the finished files so you never fall behind.

  • Downloadable exercise files & cheat sheet.

  • Forum support from me and the rest of the BYOL crew.

  • Techniques used by professional motion graphic designers.

  • A wealth of other resources and websites to help your new career path.

What is the target audience?

  • No previous After Effects experience is necessary.

  • This course is for people completely new to After Effects. No previous animation or motion graphic design experienced is necessary.

  • This is a relaxed, well paced introduction that will enable you to produce impressive video for your business or organization. Only basic computing skills are necessary - If you can send emails and surf the internet then you will cope well with our course.

  • There is a 100% refund if you don’t find this course useful. Just message me, no questions asked, I’ll refund your payment in full.

Course duration 5.5 hours + your study.

Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

instructor

I discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.

Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.

Certificates

We’re awarding certificates for this course!

Check out the How to earn your certificate video for instructions on how to earn yours and click the available certificate levels below for more information.

Downloads & Exercise files

Download Exercise Files

Transcript

In this video, we're going to look at adding Video Backgrounds but also, watch, he faded out a little bit. And the Icon's along the top. Even better, this video is not long enough so we're going to extend it at the end so it covers the whole video by freezing the last frame. All right, let's go and do that now in After Effects.

So what I'm doing is I'm starting with an old project. This is kind of the end, we go out with this Icon. Remember, this is kind of moving around and zooming in a bit, with these Icons popping up. So I'm going to get back there, I'm doing a 'File', 'Save As' just so I don't wreck it. I'll call this one-- I'm going to put it in my Desktop under 'AFX Files', I'm going to call this one 'Video Background'. Hit 'Save'. And what I want to do is, I don't want to do this camera work where it moves around, so I'm going to click on the camera, delete it. And because the camera's gone, I don't need these 3D shapes now. If you're just working without—

I'll turn the Motion Blur off as well. Turn it off for the Project. Just to make sure I made things running nice and smoothly. And now hopefully maybe in my Preview, I'm going to turn the Resolution to 'Third'. Hopefully now, when I preview, the camera's not moving around, I can see the whole thing again. I'm going to go even lower. Also, I'm going to go from ‘2-Views’ to ‘1-View’.

Now, if you are just starting this video you don't want to start with any of that, you can just start afresh, that's fine. What I'd like to do is put a video in the background. Doesn't sound that hard, we're just going to import a video. Now if you don't have access to Adobe Stock you can just go into the 'Exercise Files', and under '01 Icon Pop' there's this one, 'Sleeping man turns slightly towards…'. You can bring him in. What we're going to do though, is we're going to export Adobe Stock. And how it's built into After Effects. And we're going to show you some tricks on how to kind of make it work without animation here.

So what I'd like to do, is over here, see this little search bar here, it's quite small. I can type in 'Sleep'. What it's going to do is, it's going to go check out Adobe Stock. Now Adobe Stock charges for its videos and images, so go check it out. If you get a subscription with it you get something like 10 images a month, or 20 images, I can't remember. It's not that bad, I pay for it anyway. And I can't remember off the top of my head what it is.

Now by default it's going to give you both video and images, probably a lot more images. And if you want to use any of these images, watch this, I just kind of drag this in. Give it a second, the lower res is because of the watermark. So you can actually just work with these until the client signs them off. And then, back in my Libraries, if I delete that, there's a cool option in here that says-- right click, and say, 'License Image'. Because I am a paid subscriber it's going to actually license it. And it's going to become high res, and the watermark's going to disappear. It's quite a handy little inter-connection.

So that's one way of doing it. I don't this want image, and I don't want you, gone. You, gone. So I'm going to use that same thing. I want that to disappear, go away. There he is there. So in Search, I'm going to type in 'Sleep', and what I'm going to do is, this one, where it says Results, I'm going to click on just 'Videos'. I'm going to decide which one is going to work for this thing. I feel like this one-- can you see, I'm not holding anything. I'm just moving my mouse back and forth, and it kind of previews it for me. So what I want to say is--

Drag it in. Great! It's not slightly big enough. You can download 4K versions if you need to. I'm going to make it just slightly bit bigger. Move him down. That's perfect. Hit 'space bar'. I'm going to right at the beginning, hit 'space bar'. And there's this guy. So you might just leave it here, and that's how to get images in from Adobe Stock. And just put them in the background. Now, in the background means, to be all the way in the background.

We're going to do a couple of things. Couple of little tricks, just so that you know. So back there. So I've got my Text to start appearing at the top. It's a little bit hard because of this Adobe Stock watermark. But we have to live with that. So what I'd like to do, is to start up, and after some time I'd like it to actually blur out in the background so that it's not taking away from my Icon. It might get blurry the whole time. I'm going to have mine kind of a nice start, focusing, and then blur out as it gets to getting into these Icons here. So, what I'll do is, about here, after the Text kind of disappears I'm going to add an Effect.

So over here-- I'll close down Preview. 'Effects & Presets'. In here, I'm going to grab the world famous 'Gaussian Blur. Everyone uses it. And I'm going to drag it onto what? It's hard to work it out. So I'm going to drag it into the Layers down here. The sleeping man. And you can Keyframe effects just as well as you can Keyframe any of the things down here. So this is my Effects Controls. It's very similar, you can see the little stopwatch. It's the stuff down here.

So what I'd like to do, at about here, I'd like to turn on the stopwatch. I'm going to move along a little bit. How far? We'll practice. And I'm going to crank up the Blur. How far does this go up? You can just click and drag it. Just kind of keep an eye on it. I want to get my Blur, so it's kind of in the background. Sleeping Dan. That looks good. So that when my Icon start going, I guess you're not going to be distracted by the video. So let's preview it, let's see if it works. Preview. Yes. And watch the background. Here you go. You kind of may get an abstract kind of background thing. That could be the whole time. You wouldn't have to put Keyframes in. Just make it blurry the whole time.

One of the next problems, when dealing with videos it might not be long enough. So, like this video here, it gets to a bit, plays along, but then watch what happens. Disappears, and we can see the background again. So a cool little trick you can do with videos is you can right click them, go to 'Time'. There's one in here that says 'Freeze On Last Frame'. It kind of extends itself all the way along. And look what happens now, it goes past there. And watch him, he's moving. He stops moving, and just freezes for the rest of the video. So he's animated up here, doing his little roll over thing, but later on, he just freezes and pauses for the rest of that video.

Cool. So we learned some new things, we learned Adobe Stock. And we looked at how to Fade it out and add Keyframes to Effects. And then treat that video all the way along to the end and hold that last frame. All right, that's going to be it for this one.

  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2024