Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Creating Fluid Gradient as Video Overlay

New Here ,
Mar 06, 2025 Mar 06, 2025

Hello- I am wondering if there is a way to create an overlay for video in which there is a subtly moving freeform gradient overtop. I am needing to create a video, where there is a highlight reel video underneath and overtop there is a subtly moving freeform gradient (like illustrator with points), almost creating a border on top and bottom,  and then there will be animated type overtop.

 

I am wondering if there is a way to do this. I have watched tutorials on creating animated gradients but mainly find they are used as backgrounds where I need one with transparency so it can be an overlay?

 

asobecommunityex-02.png

Similar to this, but the gradient (pink) would subtly animate and with text animation overtop. 

 

TOPICS
How to
189
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 06, 2025 Mar 06, 2025

Are you thinking something like this?

The animated GIF lowers the gradient quality, so I included some 16-bit color depth stills for reference.

 

Ae25-Layering-for-Animated-Gradient-Mortise---Warren-Heaton_ProRes-Proxy---Resize-to-960-by-540.gif

 

Ae25 Layering for Animated Gradient Mortise - Warren Heaton_PNG 960x540.png

 

Gradient Mortise 001_030624 (0-00-00-00).png

 

Gradient Mortise 001_030624 (0-00-03-00).png

 

 

Gradient Mortise 001_030624 (0-00-07-00).png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 11, 2025 Mar 11, 2025

Yes, this is similar. Thanks for the help! 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Mar 07, 2025 Mar 07, 2025

Thanks for writing in, Lauren. Here's how I created it.

1. Created a solid and created a mask on it so that only the top and bottom of the solid layer are visible.

2. Apply the Turbulent Displace effect to roughen the edges. You can animate its Evolution to give it subtle movement. I applied an expression (time*80) to the Evolution to animate it throughout the timeline without any keyframes.

3. Apply Gaussian Blur to blur the edges and apply 4-Color Gradient to give colors to your liking.

 

Let us know if it helps. I am sure that there are other methods to do it.


Thanks,
Nishu

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 11, 2025 Mar 11, 2025

This is helpful, thank you!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Mar 14, 2025 Mar 14, 2025
LATEST

Glad to hear that. Feel free to reach out. 


Thanks,
Nishu

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines