Hey everyone, Kelsey here and welcome back to Gal today.
I'm showing you a super cool effect how to make buildings dance to
music.
You've probably seen this effect in.
Seems popular music video called make Bubba.
It has different objects in the music video dancing to the music.
So even telephone lines a different buildings dance.
So with this effect, you can essentially make any object that
static dance to music.
You've probably also seen this effect done by cash bunny a visual effects
artist on Instagram.
So for this tutorial, I'm going to show you how to use the CC bend it
tool in After Effects to make buildings move side to side.
And how to use the puppet tool to squish buildings expand them and
make them wiggle.
So it's a super fun tutorial and all of the building shots for this
tutorial are from envato elements and you guys can get 70% off elements
using my link below you can get more than stock videos such as templates
and music, but I'll tell you more about them later on for now.
You can download the project files in my description box below and let's
go ahead and Jump On In For this Eiffel Tower shot.
We first need to duplicate the video clip in the composition by pressing
command + D on a Mac or Ctrl + D on a PC.
And then let's rename this layer by pressing enter and let's call it
Eiffel Tower.
This will be the clip where we will draw a mask around the Eiffel Tower
to separate it from the background to create the mask zoom into the Eiffel
Tower.
So you can easily see the edges then press G on your keyboard to bring up
the pen tool.
Then begin to click and Trace the Eiffel Tower carefully around the
edges.
If you need to move around as you trace, I recommend pressing H to use
the hand tool to reposition the frame and then press G to go back to the
pen tool to finish the mask.
once the mask is done we need to toggle down to open up the mask and
from here you will change the mask to subtract and now we need to turn off
the visibility of the background layer and then there is an empty
hole inside of where the Eiffel Tower is and then we can use content aware
fill to use Adobe Sensei technology to fill in the background and
predict what it would be if the Eiffel Tower was not there so let's
go to content we're film and choose object as the fill method and for
the range we're going to select the work area which is the starting and
ending points of the work bar here that you can adjust at the top of
the composition then click generate fill layer then after effects will
begin to think and it usually takes some time to generate the background
fill layer so I'd recommend taking a break while this works once it's
done move the fill layer beneath the Eiffel Tower layer and then go To
Eiffel Tower and change the mask mode back to add and now we need to turn
on the visibility and now we can turn off the visibility of Eiffel Tower
layer and you can see that adobe created a pretty believable fake
fill background for us and now to make the Eiffel Tower Bend side to
side go to effects and search for cc bend it in double click to apply it
to the Eiffel Tower layer, then from effect controls.
We need to reposition the start.
Art and the end of the bend it tool so select the Start Control and we
will move the start point to the bottom of the Eiffel Tower and then
we will select the end point and move it to the top of the Eiffel Tower.
Now when we change the been value you can see it will move side to side
but now we need to animate it.
So first click on the stopwatch next to bend to enable the keyframes.
This will make the first keyframe then move ahead in the timeline and
then change the value.
You of this Bend then move the playhead farther ahead again, and
now move the been value in the opposite direction to the left to a
negative value to make it go left.
And then you can just repeat these steps make the Eiffel Tower go left
and right as many times as you want and if you have a music track and
you want to animate the tower to the Beat of the Music just drag the
audio into your composition as its own layer, then you can expand the
waveform and this will help identify the beat it's at the top of the
waveform.
So then you can begin to place your keyframes at those beads and animate
it accordingly.
So now let's move on to the second clip in this clip.
We will animate to building so we will need to duplicate the
background twice and let's go ahead and rename each of these duplicated
layers to building one and building two and then we can name the
original layer background layer.
Then we will need to quickly create a mask around both of the buildings
just like we did for the Eiffel Tower.
Once it's done instead of using content aware fill which can take
some time because in this shot, we have a lot of sky in the background.
We can actually create a mask of the Sky and use it as the fill to do
that change the first buildings mask to subtract a now we need to turn
off the visibility of the background layer.
And now we have the whole we need to fill next.
Let's duplicate the background layer again, and let's rename it to
building fill one.
and now we need to turn on the visibility and then we can drag this
beneath building one layer and here let's draw a mask around the part of
the sky that we want to be the fill inside of our first building then
let's move the position of this entire building fill one layer so
that way it'll fill up inside of the building subtracted layer once
that's done now we can go back to building one to the mask and change
it from subtract to add again and now we need to turn back on the
background visibility so we can refine the fill and then from the
building fill one mask parameters let's add in some Feathering so it's
less of a hard line and it's more of a smooth fill layer and of course
you can make some basic adjustments to the mask as well so it better
Blends in with the background and this will make a pretty good fill in
background without having to use content aware fill and now let's
quickly do the exact same thing for building number two and I'll just
fast forward as I quickly that now the next step is to animate the
building layers this time.
We will use the puppet tool.
So select the puppet tool and click to make some points up at the top of
the building and then at the bottom of the building this will create a
keyframe on the puppet effect on the building layer and let's hold shift
in select each of the puppet points up at the top.
So what you can do now is move the playhead forward.
Word and now click on the top puppet points again and drag it up to
expand it.
So then we can move the playhead forward again and let's drag the
puppet points up at the top down to bring it back to normal size.
And then you can move ahead again and this time you can move the building
to the right and then move ahead again and move it to the left and so
on in any direction that you want.
Another thing you can do is add puppet points at the half way point.
So the building So that way you can have more fun side to side movement.
So using the pen tool in the puppet tools, you can animate any object or
building to dance to the music just like this.
So if this video tutorial helped you out be sure to give it a big thumbs
up and also hit that notification Bell.
So you're notified when I publish new tips on this channel.
Also if this video gets 5000 likes then I'll publish another.
Our video tutorial on how to do the same dancing effect on buildings,
but this time with the moving shots, which will involve some more
advanced motion tracking.
So definitely give this video a like if you want to see a more advanced
tutorial of the same effect also a huge shout out to all of the patrons
scrolling here on the right for their monthly support.
If you join my patreon community, you can get free templates and some
direct message support and other perks.
So, thanks.
Again to the patrons and now here's a little bit about today's sponsor and
Enva elements.
So for this whole tutorial, I found buildings through the Envato
elements Library.
So I just went to involve two elements and I searched for
cityscapes buildings Eiffel Tower and I was able to test several different
shots out to the beat of the music and the great part about about Envato
elements is that you get unlimited downloads so you don't have to pay
per asset and using my link.
Below you can get 70% off your first month, and this is huge because you
can sign up for less than $10 and get as many assets as you like,
including music templates Transitions and stock video, so don't miss out
on this opportunity, and thank you guys so much for watching, and
that's it for this video.
See you next time.
Bye.