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.3 Rain Streaks

Hi everyone, and welcome back to the rainy window effect course. In this lesson, we'll continue to create our raindrop map by creating some rain streaks. So you can see here that we've got these white blobs animating on screen at the moment, which will become our range droplet. Now it can be quite hard to imagine how everything will look like once the effects have been added in. So don't spend too long editing the particle effects just yet, as we can always come back and adjust them later on. So you can see that as this is animating it's starts with a black screen, now we want the particles to appear straight away in our animation. So let's go ahead and select both small drop and large drop layers here. And then the time line we want to click and drag this backwards like so. And this will make it so that the particles will appear straightaway in our timeline. And then you can see here that we've got almost half of our timeline empty and we can rectify this by clicking on the edge of these layers and dragging it along all the way ten seconds. And now you can see we've got particles appearing at the beginning of our composition and at the end of our composition, which is exactly what we want. Excellent. So now that we have our range optics working and animating, but wants to add these rain streaks, sort of drip down the window, which will really help sell the look of our animation. So let's do this. Let's create a new solid. So go to layer, new and solid.. And in the solid settings, you want to make it a width of 200 pixels, as it's going to be quite a thin composition. And the height we want to keep the same at 1080. Make sure that the color is set to white, and then click OK, cool. Now let's go ahead and pre-compose this white solid now. So let's go ahead and go to layer and select Precompose. And let's go ahead and call this Water Streak. And then select Leave all attributes In Rain Drop Map, and then click OK. Now you'll see that we've got a composition here in our layers, and also in the project panel here. You can see that we've got both the range of map competition and also the water streak competition. So now we want to double-click on the water streak competition to open it up. And now at the top here, we want to click and hold on to the rectangle tool to bring up a new menu of shapes that we can choose from, and then select the rounded rectangle tool. And then from here, we want to select our white solid. And then just use the rounded rectangle here to draw a mask, just a sort of thin strip. Here, like so, and then use the select tool. Double-click on the mask here to sort of move it into place. I just want to move it into the center, and this will represent the drip. Now once you've done that, we want to slate another shape. So let's go ahead and go back to the Shape button again. Select the Ellipse tool this time. And now let's go ahead and zoom in this. So let's press Ctrl and the plus button in the keyboard to zoom in, or the mouse wheel to zoom in and out. And then you can press the space button on your keyboard which will turn your mouse cursor into hand we can drag into the position that we want. We just want to come down to the bottom position of our water drip here. And we want to draw an ellipse tool. So let's go ahead and draw the head of our drip like so. And again, if we want to reshape this shape or move it around, double-click on the mask using the selection tool. Like so, and now we can sort of move it around like this. And now let's go ahead and zoom back out. Then once you happy with the shape and next thing you want to do is we want to create this sort of fade out on the top of our streak. Now how to do this you want to go back to the shakes button again and this time, let's go ahead and choose the Rectangle tool. Now we're going to draw a large rectangle which takes up a about a third of the drip. And then in the drop down menu here in the mask three we want to go a head and select from at to subtract, like so. And now once we have opened this mask three we can increase the feather value like this. You can see slowly we can start to see a sort of fade out gradient on our drip like so. Now if we want to increase the values here or decrease the value set we can do so and also we can Increase the fade by editing the mask shape here, awesome. Now, once you do this, you can see that if we bring all the way down here, also starts to affect the head of our drip. Let's go ahead and make this little bit less faded, like so. Bring this up a bit. Let's just sort of rearrange the mask layers. So let's drag the mask layer here, and bring it into the middle like that. And that will make it so that the mask doesn't affect the tip of our drip. And now we have a nice little water drip to use for our raindrop map. Awesome. Now the next lesson we'll go through how to animate it, so that it appears like it is running down the window screen. See you all there.

Back to the top