1. envato-tuts+
  2. Home
  3. Design & Illustration

Create a Rainy Window Effect Animation in Adobe After Effects

Jonathan LamLessons: 14Length: 1.7 hours
Previous

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

5.1 Thanks for Watching!

In this video, we’ll go through what we’ve learnt in the course, and I’ll give you my final thoughts on the process of creating the Rainy Window Effect animation in Adobe After Effects.

I hope you’ve learned something during this course. My name’s Jonathan Lam, and from all of us here at Envato Tuts+, thanks for watching.

1.Introduction
2 lessons, 07:13

1.1
Welcome to the Course
00:40

1.2
After Effects Setup
06:33

2.Window Raindrop Map
5 lessons, 38:56

2.1
Envato Elements
06:38

2.2
Rain Droplets
12:01

2.3
Rain Streaks
07:12

2.4
Rain Streaks Animation
08:06

2.5
How to Adjust the Raindrop Map
04:59

3.Create the Window
2 lessons, 16:53

3.1
How to Add a Window Effect
04:25

3.2
How to Customise the Rain
12:28

4.Final Touches
4 lessons, 38:50

4.1
How to Create a Neon Light Sign
11:57

4.2
How to Create Glow Effects for the Neon Light Sign
10:48

4.3
How to Create a Focus Blur Animation
13:57

4.4
How to Render Your Video
02:08

5.Conclusion
1 lesson, 00:51

5.1
Thanks for Watching!
00:51

5.1 Thanks for Watching!

So with that, we've come to the end of the rainy window animation in After Effects course. Now that you understand the basics of how to create a rainy window animation, you can experiment with different animations of your own. Such as using different photo backgrounds from Envato Elements, and using different neon light colors, or even using some footage for the background instead. I hope you've learned a lot in these demos and that you can apply these skills to your own workflows. I hope you've learned some new things in After Effects that you haven't been able to use before, and that you can use them to create your own future animations and designs. I had a lot of fun creating this course, so thanks for watching. Good luck creating your own rainy window animations, and I'll see you next time on Tuts+.

Back to the top
Jonathan Lam
Jonathan Lam
Hi everyone! My name is Jonathan Lam, and I'm a digital artist on a mission to empower, educate and inspire creative students just like you to gain the creative skills you desire! Currently I work for Ubisoft as a concept and game artist. My skills range from graphic design to illustration, animation, 3D modelling/sculpting, concept art, and video editing. Some of the projects I've worked on include Hungry Shark World, Hungry Shark Evolution, Starbeard, and the Kickstarter-funded game called Eminence: Xander's Tales. I've also worked as a graphic designer and illustrator with many high-profile clients, including Riot Games, Sony Entertainment, Hasbro, and Google.