Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


Need help with a specific logo animation technique

New Here ,
May 12, 2021 May 12, 2021

Copy link to clipboard

Copied

There's this animation technique that makes it look like a symbol morphs. Can anyone assist? It seems like there are masks involved but not sure how in particular. I have attached an example.

TOPICS
How to

Views

187

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 12, 2021 May 12, 2021

Copy link to clipboard

Copied

Nothing too fancy, actually. The only real trick here is that they use the initial angled stroke also as a matte, which makes it look like the arch is growing out of it while the line animates. Easily achieved by pre-composing the strokes and using duplicates of them as track mattes. The rest is just clever keyframe timing for the relevant properties. I suggest you read the online help on these things and then give it a try.

 

Mylenium

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 13, 2021 May 13, 2021

Copy link to clipboard

Copied

Do you have any tutorials that you can recomend that go through steps to do something like this? Having trouble searching for one on youtube.

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 13, 2021 May 13, 2021

Copy link to clipboard

Copied

LATEST

The reveal of the logo can be accomplished with a single stroke as a track matte to reveal the straight line and a second animated matte as a radial wipe to hide part of the straight line and reveal the semi-circle. All you have to do is load up the clip in a timeline and look at the frames and think about dividing the action into pieces. You just don't do everything on a single layer.

 

The text animation can be done on a single layer with a single text animator for scale and position. That's pretty straight forward and there is even an animation preset that is pretty close right in the text section of the Effects and Presets panel. 

 

The whole comp would take 1 layer for the logo, one for the text, two or three as animated mattes and a few keyframes. 

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