Fast and Realistic 3D Paper Highlighter Animation in Adobe After Effects 2021 (no plugins!)

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
In this video I'm going to show you how you can take a static page, animate it and create a highlighted effect. Hey everyone, Kelsey here and welcome back to Gal. Today I'm going to show you how to create the famous highlighter effect. You've probably seen this effect in Vox videos or Johnny Harris videos or any other documentary where you just highlight a portion of the text. So in this video I actually took a sample page from Google Books from a book I'm reading called Primal Branding and I just scaled up the resolution so you can do this with. Any screenshot page that you have, and then I'm going to show you how to add paper texture to it. How to create the highlighted mask? Animate it an add some cool 3D motion on top of it. So per usual the time codes are below and before we jump in. A huge thanks to involve the elements for supporting today's video. I have a surprise for you at the end of this video, but I wanted to let you know you can get 70% off unlimited templates. The link is just down below. Alright, let's go ahead and jump into part one. The page set up. For this tutorial you can also download the project assets if you want to follow along. So I've included the link just down below so you can download the project file and now let's jump into after effects. So once you have after effects open, you're going to click on create a new comp. And then we're going to make a comp that is 1920 by 1080, which is the standard full HD. And then we're going to drag the page file from the project panel into the composition. And then to scale it up, you're going to press S to bring up the scale parameters and scale it to fit the frame. So if you want to give it an older paper texture, you can download any paper texture from Envato elements. I have this paper texture here already downloaded and I'm going to drag this into the composition on top of the paper file, and now I'm going to scale this as well so it fits nicely in the whole composition. And now we need to change the blend mode. If you don't see modes here, you're going to right click on the column and then go to columns and add modes in. Here, we're going to choose the multiply mode and now we can see the text beneath and you can see that there's now texture and now it's time to make our highlighter effect. To create the highlighter effect, first we need to create a solid, go to new solid and for the color. I already have the yellow highlighter color chosen, but you can select that color and choose any color that you want for the highlighter. Then from affects, search for stroke an apply the generate stroke effect to the solid, and now we need to draw a mask over the words where we want the highlighter to be on the page. To do that, turn off the yellow solid layer for now. But keep the yellow solid layer selected as we're going to draw the mask on top of this layer. So first let's zoom in a bit, then go up to the pen tool and let's begin to draw over the text that you want to highlight. Now you're not going to click and draw a straight line here. You want it to have some imperfections, so to make it more human, you're going to click and then you're going to click again in hold to make it a little bit curved, and then you repeat this and click along to make a random line. Until it's complete to preview how it looks, turn back on the solid layer by clicking on the icon and then go to effect controls in from the path. We're going to choose mask one, then change the paint style to on transparent and then you can scale up the brush size to the thickness of the line. You can then use the color tool to select the yellow color from the mask in our composition, or you can change it to any color that you like. Now we need to change the blend mode of the solid to multiply. So now we can see the text beneath and the texture and then we can also make some adjustments to the mask. You can just select the yellow solid and make adjustments to the mask path if you like. And now it's time to add the stroke animation to this mask path. To animate, let's move the playhead to the beginning of the comp, then go to the effect controls and from the end parameter. Here we're going to lower this to zero and then press the stop watch to enable keyframe animation. Then move the Playhead forward to about a second or so to when you want the animation to complete, and you can always adjust this later on. From here you're going to type 100 to the end parameter so it will be complete, and now when we play it back, you'll see that it animates in. If you want to make a second stroke, you don't need to repeat this whole process, just go to the pen tool and quickly draw the mask over the second line and then from yellow solid go to effect controls and check the box. Next to all mask in. Now be sure to select stroke sequentially and now all of the mask. Animate One after the other sequentially. Now we can press H to use the hand tool to go down to the next section that we want to highlight. Then from yellow solid layer we're going to duplicate it by pressing CMD D on a Mac or control D on a PC with the layer selected, press enter to rename it and will call the first one. Section 1 then will select the next one, press enter. And call it Section 2 on this duplicant what we can do is open it up to delete the two former mask and then we can use the pen tool to draw our new mask over the new lines that we want to highlight and then go back to the comp again. Select it from the composition and then go back to the composition window in draw the other line and repeat for however many lines that you want. And just like before, you'll see that each mask has its own color. Now I'm going to fit it to fill the full screen and when we play it back you can see that both sections are highlighted at the same time and the reason for this is that the animation is exactly the same. But let's say you don't want the animation to start at the same time. This is where we can stagger the layers. So to do this, select both of the layers and press E to bring up the stroke effect and here we can see the keyframes better. Then we can drag the Section 2 comp layer in, move it to the right so that way. Animation starts after the top section is finished and you can play it back and move the timing around until it's just right. I'm actually going to open up the stroke effect here on the second layer and I'm going to drag the second keyframe over to make the animation longer since there are more lines in this animation. So now this is looking good so we can move on to the fun part. The more interesting part, adding 3D camera movement. So let's select all four layers in our comp by holding down shift and then right click and select pre compose and let's call this pre composition the highlighted page. So now it's pretty composed an. Now we want to make our page a 3D layer. To do that simply check the box underneath the cube icon. And now let me open up the transform parameters, because when I go up to the page with the 3D controls here you can see that as I move it, the numbers change. So for this I'm just grabbing the X orientation and moving it down so it's more in a flat perspective. And now we need to make a camera layer to do that, go to layer new camera and I'm going to choose a 35 millimeter lens and press OK. And now we can go to the program monitor and we can press C on our keyboard to bring up the camera rotation. And here you can just click and move the camera's rotation anywhere to change the perspective. If you press Y again, you can move the camera's position by clicking and dragging, and if you press Y again you can get the camera zoom controls so you can click and push forward to zoom in and you can zoom in until we fill up the screen and then of course you can press the again to go back to the rotation. And rotate it back to any perspective that you like. So using the C key allows you to quickly go through and change the cameras position, rotation and zoom. Next we can open up the cameras, transform tools and press the stop watch next to point of interest and position of the camera so we can begin animation. Then we can scrub to the point where we want the animation to end, and from the com window we can then move our camera using the C keys. To move it into the exact position we want our camera to end on, I'm going to rotate it and then use the camera position controls to move it over a bit and you can play around with the controls until it looks just right. Now we can play it through and see a nice movement. If you want to make a quick change, just place your playhead at the end keyframes and use the C keys to make your adjustments. To make the keyframes more smooth for more smooth out animation you can select both of the keyframes, right click and select easy ease. And now when we play it back it's just a bit more smooth and less of a jolted stop to the animation. Now this part is really cool. You can add a depth of field to your camera so to do that go down to your camera options and turn on the depth of field and from here you can increase the aperture until you start to see some blur. You might see a little bit too much at first. But next you need to play around with the focus distance value, so to make sure that the first part of our pages in focus, you're going to have to change this value so you can play around with it until the value is just right for your scene. And once the focus distances right, you can turn off the depth of field to see the before and after and you'll see after there's more blur at the bottom of the frame, which is exactly what we wanted. Then we can. Press the Stop Watch next to the focus distance and we can scrub to the point when we start to see the second section closer to the camera and we can adjust the focus distance to make sure the focus changes as the camera moves so we will move our playhead ahead a bit to the point where we want the second line to be back in focus and then we can change the focus distance value until it's in focus and you can see if we move it too much. It'll be out of focus, so depending on your camera placement you'll need to. Play around with us until you get it just right, and when we playback you can see we have a really cool in depth animation and now we can export this and bring it into Premiere Pro for some cool sound design. So from Envato elements I downloaded a documentary music track as well as some highlighter marker sound effects in Premiere Pro. I'm just going to drag the music track down onto the audio track one to give it a documentary sound, and then I'm going to open up the sound effects track and I'm going to select this first marker sound and drag it into the timeline, and then I'm going to play it back and move the sound effects into place to align with the visuals. Since there are multiple sounds that I'm working with, I'm going to select different marker sounds from the sound effect and drag him into the timeline to stack them up to align with the visual. And then I'm going to last one, select all of the sound effects clips, and then I'm going to go to a central sound and mark it as sound effects and then select auto match to make sure that they all are at the correct level. And now we can play back to see how it looks and sounds together. So this is the way to do it from scratch, but if you want to do it more quickly and more complex document or highlighter effects, I would recommend using the document highlighter template. From Envato elements you just have to download it once you can use it in as many projects as you want and all you have to do is replace the pages there with your own page and you can easily change the highlighter effects with their dashboard and you can even invert it to be in a darker theme so it's just. An easier, quicker way to get started with the highlighter effect in a little bit more options to work with and with an invite to element subscription you can get more than just this one template. You can get unlimited number of templates, sound effects, music, whatever you want with the single subscription and This is why I love in photo elements and I have a call. When you're stuck and you're not moving forward and battle elements is the place for you. Unlimited download, freedom to explore templates, folder, music, everything needs to elements. OK. Yes, and I'm not down to actually this week. We have a product of the week. Doc case just came out with a brand new USB C hub has its very own visual display that will show you what ports are connected and the temperature of those different ports. There's also an SD card slot, a micro SD card. And the USB C has 100 Watt charging capability as well as an HDMI 2.0 that can connect to a 4K monitor. There's also three other USB ports that you can use to connect your devices. You can get 30% off using my discount code below from Amazon, so that's all there is to the product of the week signing off. Well, thank you hologram Gal for that product of the week and thank you guys so much for watching. I hope that you guys found it useful. If you did, be sure to give it a big thumbs up and also subscribe and hit that notification bell. And as always, keep creating better video with Gal.
Info
Channel: Premiere Gal
Views: 133,540
Rating: undefined out of 5
Keywords: Highlighter Effect, Vox, 3D highlight effect, Stroke Effect, Adobe After Effects, Premiere Gal, Adobe After Effects 2021, Newspaper highlight effect, how to use camera in ae, after effects 2021, vox.com, after effects tutorial, vfx tutorial, Animated Highlighter Effect, after effects, adobe, johnny harris, tutorial, after effects keyframe, after effects animation, 3d
Id: qHuHkccPIAQ
Channel Id: undefined
Length: 15min 20sec (920 seconds)
Published: Tue Mar 30 2021
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.