Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
by
Lessons:14Length:1.7 hours
Rainy window effect 400x277
  • Overview
  • Transcript

2.5 How to Adjust the Raindrop Map

In this lesson, we will go through how to adjust the raindrop map to make it look more realistic using effects such as “turbulent displace” and “fast box blur”.

2.5 How to Adjust the Raindrop Map

Hi everyone, and welcome back to the Rainy Window Effect course. In this lesson, we'll learn how to create a more natural and realistic look for our water streaks. So now, let's select all the water streaks that we have in our raindrop map composition by selecting the first layer up here. And then scrolling down to the last layer. Press Shift on the keyboard, and then select the last layer to select all of them. And now, we want to precompose all of these. So go to Layer, and Precompose. Make sure to select Move All Attributes Into the New Composition. And let's call this Squiggly Streaks, Squiggly Streaks, like so, and then click OK. So to give these streaks a squiggly and more natural look, we need to add some effects to this layer. So let's go ahead and add a turbulent displace by going to Effect And then go to Distort, and select Turbulent Displace. And you'll see straight away how this starts to affect the look of our water streaks. So now let's go ahead and click on the eye icon for these small and large waterdrops, just so that we can focus on the streaks again. Let's move further on the timeline just to see some more streaks. And now, in the options here, we can play about with the options here just to adjust the look of these streaks. So next to this displacement here, we can have a look at the different types of animations in this dropdown menu. So you've got bulge, and you've got twist and so on. So we'll just make this twist for now. And we want to keep the amount at 50, and change the size here to 50. And we want to keep everything else about the same, cool. Now we can start to see how the streaks are starting to take a more natural look to them. But we want to add some more details in here to help sell the look of the streaks even more. And do this, we can duplicate this turbulent displace. So select this Turbulence Displace effect. Press Ctrl+D on the keyboard duplicate it. And now, to add the smallest squiggles, let's turn this from a twist to a turbulence. And we want to change the amount from 50 to 60, and the size here to 25. And you'll see how this is giving a more smaller, squiggly look to our streaks. And now, we press the Preview button, just to take a look at how it's all animating. Great, so now let's add a blur to this. So let's stop the preview. And from here making sure that Squiggly Streaks is selected, go to Effect, Blur and Sharpen, and now let's find Gaussian Blur. Cool, now let's drag Gaussian Blur to the top here. So let's click and drag it to the top above both of our Turbulent Displace effects. And now let's set the blurriness to about ten. And let's click on Repeat Edge Pixels, like so. And finally, the last thing we wants to do for this to work properly, is to add a black solid for the background. So let's go ahead and select Layer, New and Solid. Make sure the width and the height is set to 1920 by 1080. And then make sure that the color is set to black, and we'll call this BG for background. Click OK, and then send this to the back, like so. Excellent, now we have a fully animated raindrop map ready to be used for our animation. In the next video, we'll learn how to create a glass-window effect for our animation. See you all there.

Back to the top