Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
by
Lessons:14Length:1.8 hours
400x277 liquid titles 1
  • Overview
  • Transcript

4.2 How to Create an Impact Splash - Part 1

In this lesson you will learn how to create and animate impact splashes using splines and the liquid animation settings.

4.2 How to Create an Impact Splash - Part 1

Hi everyone and welcome back to the liquid animation course. In this lesson you'll learn how to create an animate impact splashes using splines and the liquid animation settings. So first of all, let's make a new composition by going to Composition and New Composition, and let's name this composition Splash Lines. So we're going to once the composition to be 1080p, so 1920 by 1080. The frame rate, we want it at 30. And let's have the duration at around 5 seconds. So 5, 00, 00, and then click OK. Now to get started in creating the splash effects, we want to use the pencil again to create some splines. So let's go up here and use the pencil, or press G on the keyboards and let's create a curved path for our liquid strokes to follow. So click around here and then create a another point and then just click and drag to create a cast path like so. Make sure that there's no Phil selected as we had before. And that the stroke color is going to be set to whites. Now this is quite a thick line for now. So let's bring this down to about, let's say five pixels. I remember we can manually adjust the curve on the path by pulling on the handles. So let's go ahead and select the path again with our pen tool. And just pull in the handles like this to just adjust the curve of the path, to your liking like so. Once you're happy with the shape of your spline, we can now go to the shape layer, which is over here and let's open that up. And now we want to select contents and then open up shape and open up Shape 1. And let's go to Stroke 1 here and set this from a bottle cap to a rounds cap here like so. So where it says line cap we can use the drop down box to say it's a round cap. And then now we can take a look at the top of the layer here. And on the same line as contents, you can see it has Add and a little arrow button here. Click on the arrow button. And from here we want to select Trim Paths. Now you can see that we've got Trim Paths inside our contents here. So let's go ahead and close down strokes for now. And now we can use these trim paths. So let's go ahead and open this up. And before we do anything else, make sure that we're at the very beginning of the timeline by making sure that our timeline is scrubbed all the way back to the beginning, all the way to the left. And now, from here, using Trim Path, we want to add a key frame, by clicking on the Stopwatch option, which is next to Start and End. Now let's make a small animation for this line. So move let's move forward, about let's say let's zoom in here. And let's move forward about half a frame. So if you were to move forward to about here. Like so, and now we're gonna add two more key frames so one for starts and one for the end again like so. And now let's move back to the first key frames. And we want to set the end, so let's set the end from 100% to zero like so. And now we're just going to highlight all four key frames. Right click, go to keyframe assistance and select easy ease or press F9 on the keyboard. And now with all the frames still selected, let's go to the graph editor. And now what we're going to do is, we're just going to use the selection tool. And just clicking on one of the handles here on the left, just dragging it out, just to slow down the beginning of the animation a little bit, like so, excellent. Now if we go back to our timeline and we play our animation or scrab backwards and forwards you should be able to see that our line is animating. Now let's go ahead and make the stroke of our line a little bit thicker so we can see what we're doing, And now you should be able to see the line and the animating like so. Cool, so you can also press play to preview that and just test out the speed of the animation. Let's make this little bit faster, so let's go ahead and go back to our graph editor. Make it that faster, slow at beginning and then faster at the end. And let's go ahead and play that again to see what it looks like. Cool, now the next thing we want to do is we want to make it so that the stroke also disappears as it moves towards the end of this animation. So let's select the end start key frame here. And let's bring this value all the way up to 100%. So now, if we press play, you'll see how this animation starts, and then at the same time, disappears, right at the end. So in order to make this line last a little bit longer, let's highlight the first two star key frames like so and let's bring this forward a little bit like that and hopefully. Yeah, so if we play this now, you'll see how the animation sort of starts and then ends let's have a little bit of an overlap here. Starts and ends at the same time. Let's bring this back just a tiny bit. Just want to make it seem a little bit more natural. So rotate that, cool. So that's one of the animations for our line. In the next lesson we'll learn how to complete our Impact Splashes. See you all there!

Back to the top