After Effects - Liquid Logo Animation Tutorial

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
hey everyone welcome back again in this video I am going to show you exactly how to create liquid logo animation in Adobe After Effects this liquid animation will be very easy to create and the result is pretty amazing so let's get started so here is our composition you can download this after effects file to get started using the link in the description below here we have a logo as different layers for each letters and a color palette and background that's all we need for this cool the first step is to pre-compose each layers press Ctrl shift C to pre-compose a layer you can name the two [Music] [Music] okay so let's get into animation first open the letter s layer let's copy paste the color palette to S composition select the ellipse tool [Music] make sure the fill option is turned on draw the circle above the S letter as it covers it we don't need to maintain the perfect shape of the circle okay press Y and move the Anchor Point around here now move the playhead to 1 second press s and add a scale keyframe go to zero seconds and set the value to zero easy ease the keyframes and go to graph editor and drag this point all the way left and modify graph something like this let's move the palette layer upward and set the trackmate option of s layer to Alpha matte [Music] select this two layers and pre-compose it again duplicate it two times offset the layer by couple of frames select the bottom two layers and add fill effect [Music] we can select different colors from the color palette cool okay let's animate the M letter we can copy and paste the circle from past composition use shortcut Ctrl C and paste it on here by Control Plus V we can move and cover the letter m you can modify the length like this let's decrease the scale value as it covers at the track matte option of letter M to Alpha matte like before pre-compose and duplicate the layer two times and offset by couple of frames [Music] add fill effect for the bottom two layers and pick colors you like okay cool now we have animated the two letters like this we need to animate all other letters I think you got the idea how I made it so I am going to speed up the process [Music] [Music] foreign foreign [Music] [Music] [Music] okay now we can hide all the color palette layers that used in all compositions I think the revealing effect of these O2 layer is very slow so I am going to make it speed by decreasing the offset distance of this layers looks good again I am going to offset each layers by a frame okay let's make the animation more interesting by simple position animation move the playhead around here and add a position keyframe [Music] go to zero seconds and make the layer downward [Music] and easy ease the keyframes modified the graph to something like mine [Music] let's copy the keyframe and paste it on all other layer like this looks good to me so the final technique is to create a liquid Splash effect so grab the pen tool turn off the fill and set white color to stroke and set the stroke width to 30. draw a smooth line like this click this Arrow go to contents shape stroke and change the line cap option to round cap and line join option to round join foreign the taper option here set start length to 80. star T's to 25. and start width to 15. now add trim path effect [Music] around here add keyframe on end and start set start value to 100. move playhead around here and set value to zero [Music] easy ease the keyframes again and modify the graph like this the start value by few frames forward I think the animation speed is little high so select all keyframes and hold out and drag back now it looks perfect let's rename this layer to liquid Trail search for stroke width add keyframe here and set value to 0 at end now we can make some splashes by duplicating this layer and modifying foreign duplicate and make couple of other splashes too [Music] [Music] [Music] foreign
Info
Channel: Logo animation service
Views: 518,736
Rating: undefined out of 5
Keywords: motion graphics after effects, line animation in after effects, text animation in after effects, liquid motion graphics in after effects, logo animation tutorial, logo animation in after effects, liquid logo animation in after effects, liquid animation in after effects, create a liquid animation, logo reveal animation after effects, liquid logo reveal., after effects, after effects tutorial, liquid logo animation tutorial in after effects, animation logo after effects
Id: 531Ae7AWvKs
Channel Id: undefined
Length: 12min 10sec (730 seconds)
Published: Wed Oct 26 2022
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.