Animate On Footage: Using Procreate On The iPad And iPhone

1. Class Introduction : Welcome to my Skillshare class about animating on footage. Animating on footage is a great way to differentiate yourself as a video creator. It really allows you to hook the audiences and spice things up. It creates that special element of surprise and you can really explore your creativity even further. It's another tool in the toolbox you can whip out to make something unique. No previous experiences needed. My name is Jasper from Oby Vision, I'm a freelance video creator, I work with brands, dancers, artists, I make music videos, stuff like that. In this class, you'll learn how to decide what kind of footage lends itself to be painted on. You will learn different use cases and learn to use procreate to make an animation on footage you shot yourself, or you can download my video clips in the projects and resources tab and follow along. You'll need anything so far, like Davinci Resolve, a premiere and procreate. Ideally, you need an iPad but you can make it work on iPhone as well, to procreate. It's only five box on the iPhone and $10 on the iPad Pro. An iPad pencil is optional but not needed. By the end of this class, you'll be able to make your own magic. It's going to be awesome, and I hope to see you in the next class. 2. Choosing A Video: The first step is to choose a video. What kind of video or lens itself to be animated on? You can create titles and footage ideally with empty space in it. You can highlight certain moves like dancing, playing with shapes, and highlight certain elements in a frame. If you have a lot of patience and time, you can even rotoscope, the whole frame and create interesting looking animations or even better, create your own hair if you're bald like me. The first assignment is to choose footage you want to work with. It can be something you shot yourself or you can use a clip of mine which you can find at the project step. 3. The Easiest Way To Animate: As you can see, my background is a bit different right now. I'm now in Mexico City. Previous video, I was in Costa Rica. It was always my dream to be able to travel and create videos. If you want to learn how to do freelancing and be able to travel, just drop a comment in the discussion. In this video, I want to teach you how to [inaudible] on footage the easiest way. You want to gradually make things more difficult. Tim Ferriss always talks about when learning something new, what would it look like if it were easy, so that way you don't over-complicate things too fast. How can you make the learning process as much fun as possible and as easy? That way you retain the information way quicker and just becomes a more enjoyable process. Idea here is that we directly take our footage and drop it in Procreate. For learning the tools and experimenting, this is fine, but sometimes you want to have more ability to change things afterwards and I'm going to explain that in further videos. First, we're going to have some fun and experiment. I made this animation without the use of a laptop. I used an iPhone to film it with [inaudible]. [inaudible] emulates eight millimeter footage. I then air dropped this to the iPad and I will show you how that is done in the next video. I'll also show how you can use WeTransfer if you have a PC. If you already know these steps, you can skip the video. 4. Transferring A Video With Airdrop (For Mac Users): I'm going to quickly explain how AirDropping works. To turn on AirDrop on your iPad, just swipe down in the right corner. Press in the middle, hit this AirDrop icon and select "Everyone". Switch on AirDrop by swiping your iPhone and press in the middle of these four dots, then hit AirDrop on and select "Everyone". Go to your finder and hit "AirDrop". Here you see all the devices which have AirDrop, select the file you want to AirDrop and drag it onto the icon right there. Then it will appear on your iPad and hit "Accept", and then hit this little Share icon, scroll down and Save to Files. Then you can save in a file you like, I always like to make my own folder for the project, like this one Costa Rica, and hit "Save". Now you can open it in Procreate. 5. Transferring A Video With Wetransfer (For PC Users): In this video, I will explain how to use WeTransfer. If you don't have a Mac, go to your file and go to WeTransfer, drag to this window, enter your email here, and also down here, and then hit ''Send''. Then in your email, you will get a verification code and just copy and paste that code, verify, and it will transfer to your email. Go to your email app, there's my WeTransfer, download. Now, go to this little share icon and save to files. Save it where you want. I always like to make my own folders like this, Bla, and hit ''Save''. Now, you're ready to open it in Procreate. 6. The Mindset Of Experimentation: Now you've imported your footage. I'm going to explain how to import it into Procreate. For the next step, I really encourage you to try things out and experiment, make a mess, you can always go back. Something I like to do is duplicate my project and make other iterations. That's the beauty of digital painting, you can always go back or change things. 7. Animation On The iphone: Now, you're ready to open Procreate Shimbun. The next step you want to do is hit "Import". Then find the video, and there you have it. Now, we're going to delete every other frame, so we're left with 12 frames per second video. That way, your animation will look more analog and less digital, selected by swiping to the right, and then hit "Delete layers". Hit "Done". If you don't see this animation assist, this little window, then you should update your Procreate. It should open automatically. Do you want to go to settings. Here, I'm going to explain you about onion skin frames. How you would explain onion frames is that it shows the previous frames what happened or what will come afterwards. My animations are a bit simpler, so I always just select one onion skin frame because that will keep things more clean and hit "Blend primary frame", so that's the previous frame. I always put it at 60 so I can see what I'm doing, and put it on 12 frames per second. If we don't do that, then the video will play twice as fast, so go to your image. I like to put my iPhone like this so I can see more. If that doesn't work, you might have your lock on so unlock it. First, I just played the footage and think about what I want to do. How we animated this? It doesn't matter. We can still make something cool on this. If you want to use another brush or another color, you can go to this little brush icon and select something you like. I'm going for this oriental brush, you probably have it too because it's inside of the default brushes. If you want to go a step backwards because you don't like what you did, just tap with two fingers like this and it's gone. If you want to redo again, do three fingers, and then it's there again. I'm going to start with just a simple ball going to the frame, which I want to animate, you can select your frame here, and here, I want a ball to appear from the white fluffy dandelion. I go to next frame like this, make it even bigger. Now, I'm going to move the ball a bit to the right, and frame by frame, I'm going to draw on this. Now, I'm going to make it even bigger, slide this energy ball. Make it even bigger. Just don't be afraid to make a mess, we're just experimenting and learning the tools. Now, I'm going to make it smaller again. They have that and it disappears again. Let's play through and see what we've made. Yeah, I like where this is going. If you want to export your video, go to the wrench, "Share layers", and hit "Animated MP4". Make sure it's on 12 frames per second and hit "Export". Now, we can AirDrop it to your MacBook, or you can save the video on your iPhone. In the next video, I will explain how to do this on the iPad. 8. Animation On The Ipad: Use it, Import. Go to your file, mine is here, should bring it. Wait till it imports, and now all the footage is split up into frames. If you don't have this Animation Assist on yet, I will show you how to do that. Go to the wrench, and then to Canvas and select this "Animation Assist". Now, I'm going to delete every other frame because I want to work in 12 frames per second. That's because animation looks more analog and less perfect in 12 frames per second. Now that we have deleted every other frame, we have to select the settings and put it on 12 frames per second. That's because if we don't do that, then the video will play twice as fast. Hit "Play" and look at the footage, see what you want to do. I already animated this, but for purposes of showing how it works, that doesn't really matter. I want to create this energy ball growing from the dandelions. Make it bigger like this. One thing I want to explain is how onion skins work. In the animation process that's a really important step, sometimes less important with less complicated stuff. Essentially what onion skins are, it will show you the previous frames where you have painted before or the next frames. I always like to keep it simple and just select one onion skin so it doesn't get messy. Then the opacity, I'll put it on 60 so I can see what I'm doing. I also will select "Blend Primary Frame" that will make sure that the onion skin frame will show the previous frame. You can also select secondary frame, then it will also show what happens after the frame you've painted on right now. But I don't really use it, but you might find it handy. Loop will just loop the video. Ping-pong will ping-pong the video like a boomerang, and one-shot will pass the video when it's done. Let's get started. Select your brush, I like this one. It's a default brush in Procreate called Wet Acrylic. You can select your color in the right corner and select like this, you can select like this. If you want some green, have your palette ready, maybe like yellow. Let's go for some yellow. Now we're ready to paint on our image. I want to first play and see what I want to do. My idea is to create this energy ball when she blows. Hit "Pause", go to the first frame and when she starts blowing, then I will start my little ball. That is too big. If you want to go back hit two fingers, and you will correct the mistake. You can also hit three fingers, and then it will reappear again. Like this. Go to next frame by swiping the Animation Assist. Make it bigger so here you see the onion skin working, even bigger. I will always look to the previous frame so I know that my ball is moving a bit. Like this. It can be messy with this, it doesn't need to be perfect. Now the camera pans, so I will just follow that movement and exactly paint the onion skin before. I like the imperfectness of the brushes and it gives it character. Now we'll make it bigger, and then we go smaller again and there are the space. Let's play back and see what we've got. I'm taking this. To export your video, go to the wrench hit "Share" and then Animated MP4. Put it on 12 frames per second and hit "Export". Then you can AirDrop it, or you can save the video on your iPad. You can send it to your PC or your MacBook. There you have it. In the next video, I will teach you how to get your animation separately from the video so that way you can change your paint if you want to impose. You can also create some really cool effects if you have your animation separately, like give it some texture for instance. 9. Creating Digital Tracing Paper: The clip we're going to animate is me waterbending. That's going to be fun. I'm a huge fan of the Avatar, so let's get bending, bro. If you have decided which clip you want to work with, import it in your editing software. I'm first going to explain it in Premiere, and afterwards, I'm going to explain also in DaVinci. Choose the one that you use or want to learn to use. In this step, we want to teach you how to put it separately from your animation so you can change it afterwards. It's called nondestructive editing because you can change things. If you draw directly on your footage you can't change it afterwards, or it's going to be really difficult. Also, you can grade your footage separately without affecting the paint. We will create a whitish layer, which we're going to draw on, and later, we'll move this in our editing software. You can also skip this step and import the video directly in Procreate, but you have to create a clean layer for every frame and group each frame and layer. You then animate on the clean layer, and in the end, you'll have to uncheck every video frame. Either way works, but with the white layer, it's faster once you get the hang of it. 10. How to Create Digital Tracing Paper (In Premiere): The first thing we want to do is change our frame rate to 24 frames per second. Because when we're going to animate, we're going to animate it in 12 frames per second, because that looks a bit more analog in my opinion. It's less smooth, less perfect. Go to Sequence, Sequence Settings and then to Timebase, 24 and there you go. The second step is to make a white layer on top of the video. Do this by going to New Item and then click on "Colormap" hit "Okay" and just make it all white. Click "Okay". You check it on top like this. Boom. Now go to Effect Controls and make the opacity 85 percent. Now you can still see a bit underneath. On this layer we're going to draw whatever we want to draw and remove the white. The last step is to export this. Go to Export, Media. Make sure that your width and height are 1920 by 1080. Because if you export in 4K, then you will have less frames to animate with in Procreate. Just keep that in mind. Hit "Export". Once you exported your video, airdrop it to your iPad, and go to the next video. 11. How to Create Digital Tracing Paper (In Davinci Resolve): In this video, I will explain how to create a white layer in DaVinci. Go to Effects Library and go to Generators, then drag the paper onto your footage. Next, go to the Inspector window, hit ''Settings'' go to the Opacity and drag it down to 85. Next step is to export this. Go to the deliver page you can use the YouTube preset, make sure that frame rate is 24. It's because when we're going to animate, we're going to animate it in 12 frames per second add to Render Queue, save it somewhere you like, and hit ''Render''. Now you can airdrop the video to your iPad. 12. Drawing On Digital Tracing Paper: The first thing you want to do when you're on your iPad is go to your photos, your clip, which is saved, tap on it, and we immediately want to save to files. Go to your procreate a folder, just save it there or somewhere else, and now we can access the video in Procreate. The first thing you want to do is hit ''Import'' and then find your file. Next you want to delete every other frame, so 2, 4, 6, 8, etc., because we want to work in 12 frames a second. This looks more natural, more analog, and it's also less work, so you're going to be twice as fast, and then you hit ''Delete'', and now we can start animating. Pick a brush that you like. Just test some brushes out and see what fits your drawing style and what fits the movement. I'm going for Blackburn, for this one, you can find it at drawing, and then you can choose a color you like, I'm going with blue for water, because of water bending, so let's go to Settings and put the frame per second to 12. There you go. Play our footage, just want to look like what you all going to do. I want to make a ball, then let it go behind my back and fro that camera. Let's start. Go to the first frame. Let's first change the brush size. You do that at this bar, and opacity can change here. I will put it on full capacity. I want to start my ball between my hands and then go to the next frame, and just start painting your ball where it belongs, and now I'm starting to move my hands, I'm going to follow along with that movement, and now it's going to go behind my back, so I'm going to change my size and just give a little hint of a ball behind my back, and now it's beyond my back, so I'm not drawing anything, and there it appears again. Just give a hint, like I have half of a ball, and then, boom, then we go full size again, and now I'm going to throw it at the camera. We have four frames left, so I'm going to make it bigger and bigger, and now it's almost hitting the camera, and here it hits splash, hit the play button, and you can review what you've done. I think that looks pretty cool. Now, the last step is to export this to your computer, go to the Wrench, hit ''Share'', hit ''Animated MP4'', so where are you on 12 frames a second, hit ''Export''. Now you can AirDrop it to your laptop, so that's it. See you in the next video where we're going to overlay this on top of our footage. 13. Overlaying The Animation (In Premiere): The last step is to overlay the animation onto your existing clip. You can delete the Color Matte and drag your animation clip on to the footage, like that. Now you see that it's too small. So we're going to increase the scale by 200 percent because we are working in 1080 and this is a 4k clip. Next you go to Effects and find the ultra key effect. Drag it on your animation clip. It's normally used to remove the green and green screens, but this time we're going to use it to remove the white, because you can pick any color you like. Pick the eyedropper and click on something wide. This looks like a mess, but we're going to clean it up. Go to Matte Generation and increase the transparency. Something like 89, and the shadow we drag it all the way down, it's looking way better. Next we're going to go to the Matte Cleanup, we're going to increase the choke by seven percent and now we remove all the white, and there you have it. Your first animation on footage. 14. Overlaying The Animation (In Davinci Resolve)): I'm going to explain how to remove the white layer in DaVinci Resolve. We are on the edit page, track the animation onto your footage. Now, go to Effects library, hit Filters, and then find the 3D key, go to the eyedropper and drop the blue. It's a bit different how we would do it in Premiere but this is faster. Now you see that the blue is gone, but we uncheck invert and we just removed the white. 15. Experimentation In Post: Now, you can color grade your clip, even can change the color of your animation. If you wanted to change the paint, you can go to the effect called the Change Color, and click the eyedropper, drop it on your paint. Now, you can change the hue to something else. Can also play with the Blend Mode to give it another effect. Like for instance, Difference gets this trippy vibe. Or you double your animation layer, then you can really make some unique-looking clips. The key is to really experiment, and just look what you like, and just try things out, and that's the way you develop your own style in this. I'm going to quickly explain how to give texture to your animation like you see in this video. The way I accomplish that is to first disable the video track of me and you're just left with this black background. Then I created this texture stop-motion video. Essentially, it's dozens of pictures of one big painting. The painting I've found on unsplash.com, which is copyright-free. You can find this texture overlay in the Projects tab. Go to Inspector, and go to Composite, and put it on Darken. Now, you see it has texturize the paint. I then exported this video, I then overlaid this onto the footage we already created, like this. Now, we just have to remove the black. Go to Filters, and find the Luma Keyer, and drag it onto that texture layer. Go to Effects. First, you want to go to this little triangle and select "Open FX Overlay". Then you go to your eyedropper and track on the black. Now, we have removed all the black parts and we're left with the overlay. That's it. I want to encourage you again, try things out and see for yourself what you can come up with. 16. Final Thoughts : There you have it. Now you have the tools to paint on footage, create some magic. I want to encourage you to have a lot of fun with this. When you finish your video, please upload it at the Projects tab, and I will just give some feedback, give some points, if you want. Hope to see you soon. All the love and create something good. Make yourself proud man.