EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login
Home Design Design Tutorials After Effects Tutorial Ripple Effect in After Effects
Secondary Sidebar
After Effects Tutorial
  • Effects
    • Crop in After Effects
    • Color Grading in After Effects
    • Text Effects in After Effects
    • After Effects Templates
    • After Effects Bounce Expression
    • Time Remapping After Effects
    • After Effects Gradient
    • After Effect Font
    • After Effects Duplicate Composition
    • After Effects Expressions List
    • After Effects Green Screen
    • After Effects Loop Composition
    • Drop Shadow in After Effects
    • Background in After Effects
    • Blur in After Effects
    • After Effects Freeze Frame
    • After Effects Move Anchor Point
    • After effects?Quicktime
    • Text in After Effects
    • Motion Blur in After Effects
    • Mask in After Effects
    • Color Correction in After Effects
    • Blending Modes in After Effects
    • Track Matte in After Effects
    • Transparent Background in After Effects
    • Slow Motion in After Effects
    • Animation in After Effects
    • Text Animation in After Effects
    • Logo Animation in After Effects
    • 2D After Effects Animation
    • 3D Effects in After Effects
    • 3D Text in After Effects
    • After Effects 3D Objects
    • Shape Layers in After Effects
    • Export in After Effects
    • Morphing in After Effects
    • Twitch in After Effects
    • Snowfall in After Effects
    • Rain in After Effects
    • Masking Layers in After Effects
    • Group Layers in After Effects
    • Glitch Effect in After Effects
    • Ripple Effect in After Effects
    • Composition in After Effects
    • After Effects Transitions
    • Typography in After Effects
    • Slider Control After Effects
    • Motion Graphics in After Effects
    • Wiggle in After Effects
    • After Effects Portable
    • Wiggle Expression in After Effects
    • Keylight in After Effects
    • Rotoscoping in After Effects
    • After Effects Render
    • After Effects Expressions
    • After Effects Presets
    • Duik After Effects
    • After Effects Split Clip
    • Trapcode in After Effects
    • Plexus After Effects
    • Logo Reveal After Effects
    • Mocha in After Effects
    • Twixtor in After Effects
    • Lens Flare in After Effects
    • After Effects Particles
    • After Effects Timeline
    • After Effects Tracking
    • Camera Tracking in After Effects
    • After Effects Repeater
    • After Effects Cartoon
    • After Effects Loop Expression
    • After Effects?Optical Flares
    • Glow in After Effects
    • After Effects GIF
    • After Effects Motion Tracking
    • After Effect Kinetic Typography
    • Cut Clips in After Effects
    • Lower third after effect
    • Masking Layers in Adobe After Effects
  • Basic
    • What is After Effects
    • After Effects Versions
    • After Effects Software
    • After Effects Shortcuts
    • Adobe After Effects Plugins
    • How to Use After Effects
  • After Effects Tools
    • After Effects Tools
    • After Effect Hologram
    • Pen Tool in After Effects
    • Puppet Tool in After Effects
    • KeyFrames in After Effects
    • Adding Keyframes in After Effects

Related Courses

After Effects Training Course

Adobe Premiere Pro Training Course

Design Training Course

Ripple Effect in After Effects

Ripple-Effect-in-After-Effects

Introduction to Ripple Effect

In this article, we are going to learn how to create a ripple effect in After Effects. The ripple effect occurs when a disturbance is created on a smooth surface and it propagates to an increasingly larger surface which we see usually in water when the drops or any object fall into it. We can create this illusion in after effect using mostly the radio wave effect. To break the continuous shape, we will also use Turbulence displace and some blurring effect to give is a natural look. We will adjust various parameters of the effect and also, we will create a water drop animation to signify the origin of the wave.

Step 1: Let’s start by creating a composition from either the Project panel or from the menu with a width and height of 1920 px by 1080 px and give it a name and keep all the settings to the default of HDTV 1080 29.97.

Ripple Effect in After Effects 1

Step 2: Now let’s create a New solid from either the Composition panel or the Layers panel. Right-click on the Composition panel and then New -> Solid.

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

Ripple Effect in After Effects 2

Step 3: Let’s call it background and give a suitable color, purple in this instance.

Ripple Effect in After Effects 3

Step 4: Next create a Text layer again either from the composition panel or from the menu. Right-click on the Composition panel and then New -> Text.

Ripple Effect in After Effects 4

Step 5: Give it any name and give it a big font size and align it to center vertically and horizontally from Align panel. Font should be preferably bolder so that we can see the effect clearly.

Ripple Effect in After Effects 5

Step 6: Then create a new composition by Ctrl + N or from the menu. This will be our wave used for a ripple effect.

Ripple Effect in After Effects 6
Step 7: Then create a new solid named Radio Wave. Keep the defaults for other options.

Ripple Effect in After Effects 7
Step 8: Apply Radio waves effect from Effects and Presets panel. By default, it will create the effect as shown.

Ripple Effect in After Effects 8

Step 9: Set the frequency to 0 and adjust expanse and lifespan according to how long you want the ripple to last.

Ripple Effect in After Effects 9

Step 10: You can also set the reflection so the wave will bounce from edges along with the start width. Along with that fade in time and fade out time can be adjusted if you want to delay or prolong the ripple effect.

Ripple Effect in After Effects 10

Step 11: Then we will apply the Turbo Displace effect to break the uniformity of the wave. Adjust the amount and size according to the needs. The displacement type will be turbulent.

Ripple Effect in After Effects 11

Step 12: Then apply Fast Box Blur and increase the blur radius to make the ripple fuzzy and less sharp. Iterations will be 3 and blue will be applied horizontally and vertically.

step 12

Step 13: Now we will change the producer point of the wave somewhere bottom left. Click on the point in effect control panel and then click in the composition at the position where you want.

step 13

Step 14: Similarly duplicate the layer and create the effect on the top right side by changing the producer point.

step 14

Step 15: Now we will duplicate the wave and adjust the timing so that two ripples will be created at the same position but at different times.

step 15

Step 16: Now in our main composition create a new Adjustment layer from either the composition panel or from the menu. Right-click on the Composition panel and then New -> Adjustment Layer

step 16

Step 17: On this adjustment layer drag and drop caustic effect from the effects and preset panel and for water, surface select the wave layer.

step 17

Step 18: Now adjust the wave height, smoothing, water depth, surface opacity, and caustic strength to get a nice ripple effect.

step 18

Step 19: Now we will create an effect in which a drop of water is falling to create the ripple for which we will duplicate the Background comp and rename it to Waterdrop the apply the CC lens effect and adjust the size.

step 19

Step 20: Next we use the pen tool to create a mask.

step 20

Step 21: Then change the position where the ripple is going to happen.

step 21

Step 22: Also adjust the scale and then set key points for position, scale, and opacity.

step 22

Step 23: On this keyframe set the opacity to 0.

step 23

Step 24: Then move up one frame you can also use Page Up button as a hotkey and then set the opacity to 100%.

step 24

Step 25: Then move the current-time indicator near the start of the timeline and set the value of position, scale, and opacity. Set the position of the water drop to the top of the letter and the scale to around 40%.

step 25

Step 26: Then again move up one frame you can also use Page Up button as a hotkey and then set the opacity to 0.

step 26

Step 27: Similar effect we will create of the water drop on the ripple effect on top right side. First, we will look at the info panel for the position of X and Y coordinates. Then we will subtract the position of water drop 1 from water drop 2 and get the differences that will be used later.

step 27

Step 28: Duplicate the water drop layer and alt-click on the clock icon for a position that will let us write expressions and we will write the following expression as shown which will add the difference.

step 28

Step 29: Next we will delay the frames of water drop 2 such that it starts after the frames of water drop 1 is finished.

step 29

Conclusion

In this article, we have seen how to create a ripple effect in After effects. First, we have started by creating the main component which is a simple text and a background. Then we have created a new comp in which we created the waves and set their different parameters to make it look natural and then integrated with the main comp which an adjustment layer with a caustic effect. Then we have created an animation for water drop so that we can see the start of the ripple effect.

Recommended Articles

This is a guide to Ripple Effect in After Effects. Here we discuss the Introduction, how to create ripple effect in After effects. You may also have a look at the following articles to learn more –

  1. After Effects Loop Expression
  2. Glow in After Effects
  3. After Effects Optical Flares
  4. After Effects Motion Tracking
Popular Course in this category
After Effects Training (3 Courses, 3+ Projects)
  3 Online Courses |  3 Hands-on Projects |  25+ Hours |  Verifiable Certificate of Completion
4.5
Price

View Course

Related Courses

All in One Design Bundle(280+ Courses, 100+ projects)
AutoCADHoudiniAdobe Premiere ProPhotoshop
SolidworksVFX Visual EffectsCorelDrawUnreal Engine
Price
View Courses
280+ Online Courses | 100+ projects | 2000+ Hours | Verifiable Certificates | Lifetime Access
4.6 (65,012 ratings)
Adobe Premiere Pro Tutorial (4 Courses, 7+ Projects)4.9
All in One Design Bundle (280+ Courses, 100+ projects)4.8
0 Shares
Share
Tweet
Share
Primary Sidebar
Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

ISO 10004:2018 & ISO 9001:2015 Certified

© 2022 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA
Free Design Course

Banner Creation, Object Selection, Sky Replacement, Advance Filters & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more