Line to Bouncy wave: Animation

New Here ,
May 25, 2022 May 25, 2022

Copy link to clipboard

Copied

How do you animate a straight line bouncing into a waveform? More like a line squeeze into ripple turning to a waveform. I don't want the path to travel, but transform rather. Attached a Reference below

TOPICS
Expressions , How to

Views

228

Likes

Translate

Translate

Report

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 Community Professional ,
May 25, 2022 May 25, 2022

Copy link to clipboard

Copied

Are you specifically needing this to be audio-driven, or more of an abstraction of that kind of look? 
Since you're saying "transform, not travel," I take it to mean you're NOT looking for left-right movement, but just having these extensions "bouncing" up/down off the flat line - is that a semi-accurate description? 

Likes

Translate

Translate

Report

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 ,
May 25, 2022 May 25, 2022

Copy link to clipboard

Copied

Hi Kyle, thanks for prompt reply. What im wanting to have is a definite shape and not a random wave structure. And I don't think audio driven expression will give me a definite form of wave. So, like you said, more of an abstraction. Your description above is pretty much accurate. 

Likes

Translate

Translate

Report

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 Community Professional ,
May 25, 2022 May 25, 2022

Copy link to clipboard

Copied

LATEST

Cool - I may have an answer for you, then! 

If desired, you can have total control over every one of the peaks and valleys, if that's what you're looking for. Using multiple shapes within a single shape layer, and making use of Merge Paths, you can create some pretty complex shapes while still being able to keyframe the position, size, etc. of each component. 

Screenshot 2022-05-25 171557.jpg

Of course, these shapes' positions could all be driven by expressions (even simple ones like wiggle), if you're just looking for MOVEMENT, but don't want to keyframe everything yourself. I've attached my simple example here, in case you want to poke around and get an idea how to approach this. 

 

This tutorial doesn't address this exact use case, but is good for getting an understanding on how shape layers work, and how you can combine (and subtract) shapes to create more complex setups like this. 

https://youtu.be/heYi6xLWvB0 

Likes

Translate

Translate

Report

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