Create Realistic Liquid Bubbles in After Effects | Step by step tutorial

hi what's up welcome back so in the past i've made a tutorial on how to create some really cool liquid bubbles in photoshop by the way i'll leave a link in the description if you want to check it out and you guys keep telling me in the comments to create this in after effects so you know you can animate them and today we're going to create exactly that all right let's get to work all right so let's create a new composition uh compound 1920 by 1080 30 fps all right let's create a new adjustment layer let's call this bg and make sure you disable this one by clicking on this button and let's now search for gradient ramp effect so for the first color i'm going to use f7f 1d3 and for the second one i'm going to use 41c 0 f6 all right let's also take these points let's move them in the top right corner and the other one in the bottom left corner something like this all right now let's lock this layer just so you don't move it accidentally and now let's create a new shape so double click on this rectangle tool actually let's take this pen tool and let's create the first bulb [Music] all right something like this now let's rename this to original bulb now let's create another shape so let's take this rectangle tool double click on it then right click on the rectangle pad convert this to base your pad and take this pad now take the pet of the original bulb so i'm going to press u on the keyboard twice and i'm going to click on this top watch just so we can access this better by pressing u and now i'm going to link this pad to this one all right and this will be just bulb simple all right now let's disable the original bulb because we're going to use this one just for the pad and now let's create some layer styles so double click actually right click on the bulb layer and then go to layer styles and then level numbers alright go to blending options then go to advanced blending and here i'm going to change the fill opacity just to 20 percent then go to bevel and emboss and i'm going to change the depth actually let's make this 100 then increase the size to about 50 then soften it a little bit maybe 15 and let's also change the shadow color i'm going to choose this pink purple color right here maybe decrease the opacity 50 i think it looks pretty good and let's play around with the angle and the altitude so 115 for the angle and for the altitude let's see maybe 60. now let's add a gradient ramp effect so double click on it and for the first color i'm going to choose here 48 a a b and for the second one one d8 ba7 let's take these points move them a little bit closer to our shape all right let's also add some turbulent displace effect and for the amount i'm going to choose 20 and for this size let's make it 80. now we want to animate a little bit this turbulent displace effect so i'm going to hold the option key or the alt key if you're on windows and click on this evolution stopwatch then i'm going to write here time multiplied by 100 and now we have a little bit of animation let's try to maybe split a little bit rounded something like this all right now let's change this mode of the layer so i think i'm going to select linear light but you can choose any other mode it's up to you and now let's create a new shape so double click on this rectangle tool now let's create a mask so again take this rectangle tool make sure this time you have selected this button right here create a random mask and now i'm going to go here in the mask pad and i'm going to link this one to the original bulb pad all right let's add again some bevel and emboss style and this time i'm going to go here in the advanced blending option and i'm going to select zero for the advanced blending then for the bevel of emboss let's choose here plo ambos and smooth 100 maybe that's too much you can't really see for now what you're doing but i'm actually trying to create a little bit of of internal shadow right here so let's see maybe if i increase the size you can see it right there so i'm going to choose about 70. let's soften it up a little bit maybe four then i'm going to play around with the angle a little bit maybe 180 and for the altitude let's see 80 yeah that's fine all right and now for the highlight color i'm going to choose some pink color maybe this one and for the shadow opacity just make it zero and now you can see this line right here so without end with again maybe we can we can soften this up a little bit more maybe nine something like this and again you can play around with the settings as much as you want you can create a lot of variations by playing with this right let's call this internal shadow and for the mask let's also create some feather maybe 10 that's enough for the opacity maybe 80 and for the expansion let's see maybe minus 30 that's fine because if we let this to zero you can see this line is on the outside of the bulb so we want it to be inside so i'm going to decrease this to minus 30. all right now let's create another shape so again double click the rectangle tool right click on it convert base your path and i'm going to link this pad to the original bulk pad now i'm also going to create a mask again make sure you click on this tool creates mask button this time create a random mask and then link the mask pad to the original ball path let's call this external gradient external gradient and let's now add for color gradient effect all right and for the first color i'm going to choose red for the second one i'm going to choose pink for the third one i'm going to choose this violet right here and for the last one i'm going to choose this green all right let's also take these points move them closer to our bulb all right and let's see maybe we can decrease the blend to 10. all right now let's add a glass effect to this so cc glass double click on it and for this surface i'm going to choose here on the bump map i'm going to choose original bulb then for the softness i'm going to to increase it let's also decrease the resolution so we can see better what we're doing so softness maybe 50 for the height yeah 25 is good and for the displacement i'm going to decrease this a lot let's say minus 90. all right let's also go in the light settings and maybe we can choose here a lower value maybe 70 but before playing with this i'm going to change this mode to let's see maybe color burn so i'm going to switch through all this mod and you can do that by holding the shift and the plus button just so you don't have to click any time on this panel right here so i'm going to hold shift and the plus button and i'm going to toggle between all these modes and i'm going to see which one i like better so for example soft light looks pretty good or maybe overlay yeah i think i'm going to go with overlay this time and now let's change again so light intensity i'm going to decrease it by 30 and line height let's see maybe 80 that's fine now let's also add a turbulent displace effect all right and i'm going to choose 15 for the amount and for the size 80. so i want to animate this so in order to do that hold the option key or the alt if you're on windows click on the stopwatch again and the right time multiply by 100 all right and we have the first bubble now let's create some text so take the text tool let's write here liquid and put this layer beyond all these layers now let's add a cc globalize effect all right go in the blob in the settings and here make sure you select original bulb for the softness let's go all the way up to 50 40 cutaway maybe 34 then let's go in the light settings actually i'm not going to change anything here i'm going to add another effect so this one will be the liquify effect and i'm going to select this one right here increase the brush size by holding ctrl or command key and drag with the left click of the mouse and i'm going to click once here maybe twice and again once or twice in this part then increase the size again and click once in the middle all right now i'm going to change this name to liquid inside duplicate it with ctrl d or command d and this will be liquid outside let's delete all these settings and let's add the set matte effect for this one i'm going to choose original bulb again and make sure you click invertment now i'm going to move this a little bit up just so we have some offset between the text on the inside and the text on the outside and one thing we can do is go back to the liquid inside layer and let's add a turbulent displace effect so 24 the amount and 80 for the size let's animate this time multiply by 50. all right now let's also take these two layers duplicate them let's move them lower and to the right and i'm going to change the text to bubble and also for this one bubble and let's also change the color of these two let's make them white all right and for the first one i'm going to take the liquefy effect delete it and select it again take the brush tool so one or two clicks here one or two clicks here increase the brush size and one here all right and now take all these two layers and just move them a little bit lower now take only the liquid outside and move it a little bit lower something like this so we have the first the first bubble and now we're going to create the second one so take all these four layers duplicate them move them on top move them to the right something like this then i'm going to press u on the keyboard twice and i'm going to change this expression to be original valve 2 here and another one here another one here and i think that's all yeah all right and now i'm going to select this pad and i'm going to change the the pad so we have another shape of this second bubble all right something like this now let's go in the in the bar to layer and i'm going to actually we forgot something so we go to bulb layer and we forgot to add a glass effect here so cc glass surface bulb is fine then for the softness i'm going to increase it let's make it 50 for the height i'm going to make it minus 32 and for displacement minus 120 yeah that's fine let's go in the light settings maybe we can change the light a little bit so 110 and the line height maybe 65 all right now let's copy this effect go back to bulb to layer paste this move it above the turbulent displays for the bump map make sure you select the bulb to layer all right now for the displacement effect 20 and 80 that's perfectly fine and i'm going to select maybe another mod here actually let's stick with linear light and we're going to change this later if we think we're going to need it now let's go to the bevel and emboss settings here and let's play around with these settings again i'm going to change the shadow color so let's make it 20 a e a a and now we have this green bulb and let's play around with the size again maybe decrease the size a little bit let's see for the depth this is fine 100 yeah we're going to let this as it is and now i'm going to go in the external gradient to layer and i'm going to move these points to be closer to our bulb and then i'm going to select other colors here so for the first one 25 c8 e3 for this one i'm going to choose this dark blue for the second one actually for the third one it's going to be 46 ccad and for the last one knight b6 613 something like this and i'm going to change the mode let's see to hue maybe q looks pretty good all right maybe we can play around with the mask opacity let's stick to 90 percent now let's go here on this season glass effect make sure we have the bump map linked to original bulb 2 then for the light yeah we're going to let this to 30 and this one to 80 that's perfectly fine we also have to blend this place effect that's cool and all right now we have this one done and i'm going to duplicate these four layers to create the last bubble so press you twice change this to original bulb 3 and also here and also here all right that's all select again all these layers move them in the bottom left corner and i'm going to change this path right here [Music] all right something like this now let's go to the ball to layer and i think i'm going to change the fill color so change it to 10 c e a d i don't think it has any influence but anyway i'm going to change the bump map of the c single s so make sure to link it to bob tree and then let's go to the internal shadow tree and maybe we can play around with the bevel and emboss settings again but before that i'm going to go to the external gradient 3 and i'm going to change these settings right here for the color gradient and for the first one will be e2 de20 for the second one will be 9 f 1 3 f 6. for the third one we're going to have 0 c 8 f c 6 and for the last one d f 4 7 d something like this now let's take these points and move them closer all right and i'm going to change this u mode so let's see i think hue is fine but i don't like how these colors meet right here so let's see maybe we can play around with these points move them apart a little bit or we can change the opacity yeah so i'm going to change the mode to color maybe blend a little bit more make it 80 and now let's go back to the internal shadow and i'm going to duplicate this let's call it internal shadow 3 underscore 2 and go in the bevel and emboss settings again and let's see i'm going to change this so let's make the angle -50 let's also change this pink make it make it yellow all right and i'm going to go back to the internal shadow tree and again maybe change these settings a little bit here all right something like this so we now have two internal shadows layer so i played around a little bit more with settings and what i've done i've changed the blend i've increased it to 300 and i've set the mod to add of this four color gradient i've also increased the opacity of the mask to 100 for the mod i'm going to to choose you and yeah now i have something i like more and now let's take this one call it bubble inside and the other one call it bubble outside now let's take the liquid inside let's duplicate it and let's add sediment effect let's choose here original bar 2 for the wikify i'm going to delete it now go to blobbiness and make sure you change this to to original val2 now let's add liquefy effect again let's take again this tool right here increase it so one or two clicks here now let's take the liquid outside select again the set matte effect and i'm going to choose original bulb 2 and invert matte alright now let's take the bubble inside duplicate it make sure you change the blobbiness to original bulb too and let's select again a segment effect original bulb 2 and take the liquefy delete it edit again and this time i'm going to select this part of the bulb now take the bubble outside layer duplicate this element effect link it to original bulb too and yeah we now have this bubble effect in this part of the text now let's create some animations for these layers so let's take all these let's see yeah for the ball 2 take internal shadow to bulb 2 and external gradient 2 link it to original bulb and let's press p4 position go at the end create again a keyframe and for the first tone let's put this right here and for the second one let's put this right here something like this now let's take the external gradient 3 layers and link this to original bulb 3 press r for rotation hold option or alt if you're on windows and click on this and let's write time multiply by 10 and now we have this bulb right here rotating a little bit let's create another composition call it final take the one which should be liquid bubbles so take this one move it right here create a new adjustment layer and let's add some noise effect so noise hls and for the lightness i'm going to go with 10 percent and if you change the resolution to full it's going to take a while to render but it's going to look something like this maybe change this to grain or to squared yeah change it to squared and this will be nice all right so that's pretty much all if you enjoyed this video and if you got some value out of it make sure you leave a like or subscribe it would mean a lot to me and yeah talk to you soon bye

Channel: Aleksander Vlad

Views: 46,267

Keywords: liquid bubble after effects, how to create bubble, after effects liquid, after effects liquid tutorial, after effects liquid flow, after effects liquid bubble, liquid bubbles after effects, aleksander vlad, after effects liquid splash, after effects liquid motion, liquid after effects animation, liquid drop after effects, liquid droplets after effects, after effects liquid drop, after effects beginner tutorial 2021, after effects beginner

Id: X3DiFPX77WY

Length: 26min 18sec (1578 seconds)

Published: Thu Dec 16 2021