Transcripts
1. From Concept to Completion: A Real Client Project in Apple Motion: There is a lot of
trend right now on motion graphic content that appears on your
social media feed. In the past few years, I was commissioned to
produce work that resembles some of the motion
graphic elements you see on your social media. In this video, I would like
to show you one of them and what goes behind the scene
in a project like that. This is the audio that I
was provided by the client. This was a very simple
project, very straightforward, brief where I had to work with the audio that was
provided by the client. You can see that there are lots of elements
that come together. This lawn was carved out of a random picture that I
found on the Internet. Also this small circular
element is depicting the sun. This is just a gimmick that I came up with for this video. All the elements you see here are put in place after
extensive research, like the paper crumbling
and the scissor coming in and the window falling down with the typewriter phon. This typewriter font, each
individual piece was crafted, and this took a lot of time, and it became part of this extensive call to
action for this video, which was an important
piece of information. So whatever you see on social
media that is being put together in form of a
motion graphic element that is presented to you is a very powerful
tool and can be used to promote an idea or sell a product in a
very creative manner.
2. Class Trailer: Hello, my name is I'm a YouTuber and a video
content producer. I have worked with a
number of clients in the past few years using
motion and Final Cut Pro. These are amazing softwares. And in this class we're
going to go through the basics of motion
from very basic, all the way to creating our
very fun animated video. By the end of this class, we'll go through
keyframing using light 3D cameras
and putting them all together to make
our final project. At the end, I have
designed this class for someone like
yourself who can get introduced to the concept of what motion is all
about keyframing 3D cameras and how we can use this entire space to
create a basic animation. By the end of this class,
you will be able to have your final video that you can actually show it to
friends and family. So what are you waiting for? Let's jump into this
class and see what we are able to actually
achieve within their software. I'll see you in the next one.
3. Motion Interface: You've decided to take this motion graphic journey with me. I thank you very much. And in this class we will talk about the interface. These are some of the things that you will be interacting with on a daily basis whenever you will be working on, but it's good to know them before you actually start any project that you will be working on motion, Let's jump into the software and see what we have. The first time you open motion, you'll be greeted or you'll be given this project browser. In this project bar, there are different kinds of projects that you can work on. You can see the list here. Since this is a basic class, you need to know the basics of this in future you will, these things will make a lot more sense when you get your hands dirty with with motion. We're going to work with motion project here. And over here you have some presets. The sort of video are the dimensions of quality that you actually want from your video. You can choose those presets here. For the sake of this class, we will, we are going to stick to 10 ADP. That is most of the work that I do for our clients come in 10 ADP. So that is what I've been recommending here. But if you feel that you have the latest and greatest computers available for you, you can go for four K altro, but let's just make it simple and go for 10 ADP. Next thing is frame rate. I always go for 24 frames depending on which frame rate is another class on its own, what we're going to choose 24 frames per second and the duration of my entire project, I have kept it to thirty-seconds. I can always change it to 20 seconds if I want or maybe you want to keep it at 30. I like to keep it 30 to give myself more time than what is required. You can also choose other aspects for this project. How you actually want to time this or what sort of length you want. You can choose frames and seconds, but I'm going to choose time caught and I want you to Jews timecode as well in this one that's open ocean and see what we have. When you open motion. There are a lot of windows and they can be very overwhelming, but we're going to go through them one-by-one and see what do we have. Everything that you actually see here is you can either call it a window or a pain on Apple software as it's called pain. So we've got the library pain or library window, you can call it anything. Either of these could actually, we will not argue on that. We've got our library pain motion comes with inbuilt presets and soft presets and a lot of different things that you can work on. For example, you've got generators that you can actually put on your, on your projects. You've got shapes so you don't need to draw them. Go. You can see that there's a shape here. You've got diamonds, who you've gotta heard of. So, and then you've got particle emitters. I would highly recommend, I encourage you to actually go through this after you're finished this class, both through all these inbuilt library that comes with motion. And try to understand what exactly because when we, you are working on a project, the creative with the you are in the flow. And when you know that where you can get all these things, it'll be very easy for you to actually make that Oscar winning project that you, that you always wanted to. You've got smoke. Brilliant. There's so many things. I mean, you just click on them and you can see the preview in this particular area. It's, it's absolutely amazing to actually see this at motion comes with particular thing. There are also some 3D objects that you can look at. For example, there's a to-be pencil. You can see that as a tool we've bent. So there's a book that you can actually work on. These are 3D object three-dimensional, so you can actually move them in the space and do really crazy and cool things with it. The next thing we have is is actually inside a library. Pain we've gotten inspector. Inspector is a place where you can make changes to your to your objects. So let's say if you're working with a picture or anything similar that motion except motion accepts videos. There are a lot of things we will talk about that. But let's say if you're working on them, this is where you will be able to actually change the size like the scale, the position of that object will be able to actually use this window. Right now, we do not have anything that we are working on. We will not be able to show you this, but let's, let me just give you an example here, just beside the inspector pane that you see. We've got the project pane. Now this is the area where all the items that you will be working on will appear in this one area. I can bring in items. And once I have objects or elements in this area, then the inspector pane would light up and then you will see a lot more options. So let me show you that. Click on import. And I am going to go into my folder. And let's say, let's bring in something like, okay, I like Woody, let's call this booty. Now that you see that I have a layer, now it's in a project pin, everything will be put on Darwin. It's, the title is layer. I can always change. I can double-click on this and change it to Woody. Let's call this character Woody. We'll be working with Woody quite a lot. And you can actually see that what is now here. When I click on properties. Now you see here, I'm able to actually change the scale and everything. That is what inspector Allows us to do, and you can see that you are able to actually change the X, Y, Z values for, for our projects. So you can actually make it move from here to here. That is what all the animation is about. You, you play with these values and you start with 11 place in your area and then move them to another. Now with that, when we have this particular picture or layer we worked with Photoshop you, that layers concept will be actually familiar to you. I mean, just bringing another one to make more sense. Lineages bring, let's say again, bring the rocket. I can double-click this. Let's call it a rocket. And I can see that these are being put under one group. Groups are important in your project pane because right now I know that both these items are images, so I can actually double-click on it and rename this to, let's say images. So I know that my group consists of images and all of these, this group has all the images that I'm going to be working on this project. So I've got this rock and I can actually move, let me just click on this rocket and let's just move it here and see. So I've got two items that are here. If I can put them on top of each other, you can see the rocket is on top of woody in our project pane, our layers, which means rocket will appear. Every time rocket appears, it will be on top of Woody. I can actually change this by moving woody above rocket. Now you can see it has changed. So this is how you can manipulate this environment. This is just the beginning. There will be a lot more things that you will be doing and you absolutely love it. The other thing that we have is our preview area or are they Canvas? This is the area where all the animation or anything that you are actually doing will appear in this area. And all the changes that you make will be able to actually preview them in these areas. You can see I'm moving things in, inspector. And and those changes are appearing here on, on, on are on our Canvas. Anything outside of this Canvas, you will not be able to see that, but there's a way to actually see that. It's always good to have that. And you can always zoom in and out of this canvas by pressing Command Minus key and plus. To do that, and that way you'll be 0. So let's just leave it here and you see this option here, view. Let me just click on that NC short full view area. I'm going to click on that. And now you can see anything that is outside will be a little bit faded. But you know that there is an item that you can always bring in that say for example, this rocket was supposed to go from here to here, should know that this rocket is lying somewhere here in your project and you can move it anywhere you want. That is your canvas area. Now, the other important thing that you'll be working on would be our timeline. Remember we had a timeline for thirty-seconds and this is exactly 30 seconds off of Thailand that we'll be working on. And now you can actually see that anytime I put an item or an element here to work on, you will be able to see that in your timeline. So motion will actually stretch that all the way to the exact length of your timeline. And you'll be able to see that here in your timeline. So this is where the items will be S on the timeline starts at 0 000. You can actually see the time here. Let's say I don't want this item to appear for the first three seconds, so I can choose maybe rocket to not appear for the first three seconds. So I'm going to click on the rocket layer and move it here. Now you can see what he appears for the first three seconds I'm playing, this is playing for 36, and then rocket appears. So this is just basic of what is possible and what you'll be doing. So it can be a lot of texts that appear zooming in, zooming out that you've seen. So we'll be able to actually create that during the duration of our class. The time being is one thing that you'll be working on. Another thing that we have is the audio. Let me just bring in a few more items to make sense of what I'm talking about, let me just click on import. And I want to bring in a layer of video. That's my video. And I am going to praying MP3. So they are two different items that I've run. Okay, this is my video. You can see when I click on my video or any item that you actually bring in here, you will have these blue dots and you can hover over them and press Shift to actually uniform scale up and down to do a uniform scale up and down, you can do the same thing with Woody also, you can click on it and then you can actually press Shift and up and down. You'll be able to do that. You can do the same thing here. Also in the center you have this line that will help you move or rotate the item in his area, and you can do that with anything that appears. We can see that I've got three different items or three different elements. I can do that with a video as well. So you can see all these things are possible within that. Now this video comes with audio because I know because I shot this and it's definitely going to come with audio. But what we see here is that let's rename this to video. And also let's make a new group so you can right-click and create a new group. And I wanted to name this group video. So you can see that I have now two groups. I have an image group and I have a video group. Alright, if I want to disable all the, let me move this. Maybe let me reduce the size. If I want to disable all the images, I can just disable the group and everything will be gone. This is good because when you're working on a project, you don't want to see other elements. You just don't want to see them. You can just uncheck them or you can uncheck them individually and they will not appear. For the sake of this example, I just want to work on the video and I want to show you something that this video had. This video comes with audio, but here you can actually see that there's only images that will appear on your timeline. There's this option here, the button which is like a volume button show and hide audio timeline. When I click on it, I will be able to actually see the audio for this item. I can click on this, but the audio will not appear in your project layers. Paint audio will appear in the audio pane. So I can click on this and I can increase or decrease the volume off. Remember, I brought in via SSH sound as well. So that's a, I disable the audio. And this you can it was too loud but you can actually hear it. So that is what we have. You can do a lot of things if you are, if you are good in sound design or other things as you get better with editing or all the other things that you are actually pursuing right now, you'll be able to actually manipulate these things and do a lot of things. Again, I can see that my audio pane and then in my properties because I can't move them, scale them, will only thing I can do is audio track and I can make some changes pennant right and left. And those are some of the things that you will be doing. And I can always disable these, but it's always good to have it enabled. But since I'm not going to be working with, with audio too much, but for the sake of this tutorial, we'll keep it open and will work more as we make our project even, even better. I'll see you in the next one where we'll try to consolidate all our projects into one bin and then start working from there.
4. Updated 2025 Motion Interface Tour: Hello, and welcome. I'm
recording this in June 2025. Motion has not changed much when it comes
to the interface. Over the past few years, I have gathered a
lot more experience, and I've worked with a
lot more clients using motion graphic softwares like Apple Motion and Final Cut Pro. While going through my
Apple Motion tutorial, I noticed that
there are some gaps that I would like to fill
in with some add on videos. This is the first
video that I'm doing, which is part of the
interface section of my Apple Motion tutorial. In this video, I will share
some of the things that I actually use when I'm
working on client project. Those are time restricted
projects where I have to deliver the project in
a short amount of time, and there are some interface
tricks that I actually use. As a beginner, if you start
incorporating them in your journey while learning
and mastering Apple Motion, they will help you
in future projects and will help you
reduce a lot of time. So let's dive into these and
figure it out for ourselves. To start with Apple
Motion project. I'm using Broadcast ten ATP. It's better because
my computer is not as fast as the latest
MCs processors. I'm going to use 30
frames per second. Doesn't matter
what you're using. And let's open it up. The very first thing you
notice in this interface is like we discussed in
our interface class, we have a library, we
have an inspector paint. Then we do have our
layers where we see all our elements
that we are working on. And inside inspector, we have behavior filters and objects. Um now, obviously,
there are a lot of other options as well that
I will not go deep into. But what I want to talk about
here is that what sort of shortcuts you can actually use to manipulate this
entire environment? I'm going to go into
motion menu here, and then I have command sets. Now, you can actually see that I have a couple of
command sets that I have a final cut pro set. Then I have 15th of
January and June 2025. Now, by default, you will
have standard command sets. You can either import
command sets from other places or like what
we're going to do here, we will learn how to
customize your command sets. This is the command editor. It's important in
the beginning stages of your motion journey, you identify some of the keys that you will be using
on a frequent basis. Now, what I want you to focus on since we're talking about
the interface here, I want you to focus
on main command menu. Now, in here, I want you
to click on Window Menu, where you can actually
see that some of these commands are for these different sections
that we talked about. We talked about
library, inspector, these layers, and some
of these options here. Here, you can see that
there are show layers, which is Command four and
we have Command seven, which is a video timeline, which is what you see here, and we have an audio timeline. Let's see them in action
and sort of figure it out. So the first one we
have is Command two, which is our library. So I'm going to just close
this and press Command two. Command two, and
you can see that my library option right here
appears and disappears. Command two appears
and disappears. So by keeping track
of these shortcuts, I'm quickly able to
go between my library and I not having library and
having a library like that. The next one is Command
three, which shows inspector. And if I continue Command four will show the project
lane, which is here. The project lane is where
we see all our assets. And if I go Command five, you can see I'm now
in media layer. And then command six is audio. Command four is layers. Command four, again, I remove project pain
from this area. Also, if I continue
Command seven, you can see that the
timeline that I have here is going to disappear. Now, this interface
is by default, Motion's way of telling you that this is how you
should be working. You should have
your projects here. You should have
all your options, all your projects elements in this section inside your
project paint layers. This is where you will
see all your assets. This is the best place.
This is where it should be. You can also see some of
your assets in this area. However, this is
not how I use it. I have my own preference when it comes to using Apple motion. I'm going to click
on Windows here. And here I have Windows layout. Right now, we are in classic
mode, which you see here. But then we also
have a cinema mode. So for cinema mode, we do have shortcuts that are
appearing right in front. So if you press these shortcuts, you will be able to go into cinema mode. So
let's click on this. Now that you see, we have a different interface. Now, this is the interface
that I actually prefer where I have my title or working
project right in the center. I can view all
these options here. Whatever I'm editing, I
can actually see it here. This is where all my
layers will appear. And also, I will have
layers here in this option, and I have my inspector. So again, I can go click on two Command two will
bring the library in. Command two will take it out. And if I press Command three, it'll bring the inspector pan
here and inspector pan out. So having this here is a lot better than having
everything on this side, which appears something like this when I press
the shortcut menu. So you can see that I have to do a lot more dragging
when it comes to this. But depending on
your preferences, I personally prefer
the cinema mode. Let me show you a project that I created inside of Motion five. So this is what a
typical project that I work on looks like. You can see that
I have my layers, all my layers in this option. Now, the reason I want to show you this is
I want to show you a few examples of how I utilize this interface
and how I work with it. Now, like we discussed,
I can press Command two, and it will bring the library here. Can press Command three. I'll bring the
inspector, Command four, it removes the project
paint that I have here, all the layers, it removes that, and I still have access to
my layers in this area. I can decrease the size here, and I can press Command two. It removes the library
option or inspector option. Either Command two, press again, Command two to
bring the library, command to take it out. Now you can see that I
have a lot more room to work on and I can access a lot of things
that I have here. This is how I can zoom in
and out of my project. Now, of course, here, I can use the pinch in and
out option to increase the depth of my timeline options
here or timeline layers, or I can press Command four again and it simply brings
me to this place here. Here, let me just play this for you to show you what
exactly this is. This is a very big project. You can actually see that I have a lot more layers in here. They are close to 100 to 200
layers. Within each folder. You can see as I go each individual layer was
crafted for this project. Now, this is a very
advanced working example that I'm showing you here. But these are some of
the things that you can work towards when you master the interface and
master the basics of motion graphic when it
comes to key framing, animation, interface, and moving objects and moving elements from one
space to another. The following example is what
you can achieve when you get to a higher level of
Apple motion mastery. So I'm going to close
my project pain, which is Command four. And I'm going to bring this in the center, and let's play. Home owners. There's a buzz
and savvy circles about a smart way to help
boost your home's value and help reduce energy
costs at the same time. And here's a hint.
It's not solar panels. We're talking about significant savings on window upgrades. Expert home services offers direct deals and
incredible savings. Click the Learn More and
enter your zip code to get started with a no
strings attached free quote. It takes less than 2 minutes. In case you are wondering
what these lines are, these are just safe zones
that I've created for myself when it comes to some of the requirements from different
social media platforms. They are very easy
to bring about. You can click on View and ruler, so that is what the ruler is. So enable your ruler
from this option here. And just drag from the top a line and you can
see you can put it anywhere you
want for yourself. So there are a lot of ways
to modify this for yourself. Unfortunately, there's no way to save a new window layout. You are stuck with
these two layouts, and you're always playing around with what actually
works for you. For example, if I
do not want to see my timeline and I only want
to see my window pane, I can press Command seven
and press Command four. Now here I have a view
of my window pane, which I have here, project pane, where I can see all the
elements that I have here. If I don't want to
see that, I want to see the inspector menu. I can press Command three, and it will only show me the inspector menu
that I'm working on. So let's click on
something here, and you can see that these
are some of the things that, um that are there,
that are available. So I can always play
around with these options. Now, of course, this
is a vertical video. If you have a horizontal video, it will appear in a
different manner. Motion has other
advanced features that I will not go
through in this video. That is a different lesson
that I'm actually working on. So if you're watching this,
I thank you very much, and I hope this added
a little bit of more interface knowledge
and workflow idea of how you can use
motion interface. I'll see you in the next one.
5. Get Orgranised: Import and Save media : In our previous
class, we learned about the motion interface. We also brought in some
media to actually see how we can manipulate that
media, change the size, scale it up and down using our Inspector tool and also some of the
library option that inbuilt software
features that we have within motion that you do not find in a lot of
other softwares. In this class, we will get
organized and we'll try to save our project and try to import the media that
we will be using for our next few classes, a project that we'll
be working on. So let's jump into motion
and see what we have now, I have absolutely
nothing in my project. And we're going to start building our project
from the beginning. Now, before we actually do that, I'm going to minimize my screen and create a new folder here. Now, this folder would be
called our first animation. I know that this is an
empty bin that I have, an empty folder that I have. But there are other
projects that are worked on e.g. Motion project. And I know that there are
some media that I have. Actually I'm going to be using. The previous media that I
actually pulled off was, was this rocket and this woody manic when
that I've created. So you can see that
there's a video and everything is available in
this particular folder. Now, when you're working
on these projects, chances are they will be
available somewhere on your computer and you
need to get organized. You can either put
everything in one folder and name that folder and pull
Media off of that folder. Or what I would really recommend is let motion copy
all the things that you're working on into
a separate folder where you know that this
is available in that area. What we will do is we
will import some media. So I want to import a few things from that
folder that I showed you. I want to import,
let's say Clouds. Now this is the clouds. I can always, you can see that it has been
brought into a group. I can press shift and do
a uniform Zoom or scale. I think I'm somewhere here. I'm happy with
this. This is done. I also want to let say, bring in something else. Let's say I want to
work on the rocket. I want to work on the mannequin, and I also want maybe
the worst sound, okay, so three items. Alright, so you
can see I brought all these three items
now they are here. Actually start working on them. You can see they are put
on my timeline as well. Not in the way that
I want them to be. But you can actually
see that they are available in this
particular area. I can always move them around. I can click on them, and that is what items
are going to be. Now you can see here
that this is untitled. This project has
no name, nothing. What I wanna do is
I want to click on File and you need to do that with all your projects when you actually
start building them. Click, Save As now, motion is going to ask you, where do you want to
save this project? And as what? I know that I made that folder, Skillshare
project animation. And I want to name this project as Skillshare motion class. Another thing that you
will get collect media. Now, if you leave this off, it is not going to do anything. It will just access the media on your external drive or any
other drive that you have. It will just access
the media from there. But what we wanna do is we
want to copy to follow. So anything that
we were working on these layers are these images are the videos that you put in. All that information
will be put into this particular folder
so I can click Save, and motion is going to copy all these from its location to the folder that
we were working on. So I can minimize. And you can see in that folder, it made that area for me. This is the project file
that we're working on. So you can double-click on this and motion will
reopen everything. So I'm going to
close motion here. Now it's closed. I'm going to
double-click on this. And now you can see motion has opened this project for me. I close it and I clicked on. So it's a good way to actually work on your projects so you know where
all the media is, where all the media
will be copied to and we can reexpress them. We don't need to open a
new motion template or new motion project every
time we are working on. So it's a great way you
can copy this folder and you can put it
on a hard drive. You can share it on Google Drive or Dropbox and give it to someone who is actually
collaborating with you. And you will be able to
actually do amazing things. So this is one way of actually importing and saving
your media so that it makes a lot more
sense when it comes to managing your project. I'll see you in the
next class where we will be discussing keyframes. And we will also create a small animation
which we will be exporting to learn how
exporting actually works. I'll see you in the next one.
6. Keyframes: In our previous
class, we learned about organizing our project, saving our project
and importing media. In this class, we will
learn about keyframes, build our first animation, and export that project. I have that same folder here, so I'm going to access the
same project that we built. I'm going to click
here and click on this Skillshare motion class. I have my media that I exported, file that I imported already. So these are some
of the things that we'll be working
on, not too much. We can actually build a very beautiful animation
just using these. Let's click on this
project and see what we are presented with
in our previous class. This is the project
that we actually left. You can see I've got
clouds, I've got rocket, and I have another picture
which I'm going to rename to Wudi just for the sake
of this presentation. So that is also
easy to remember. Otherwise, you can always
see the preview here. Now what I wanna do
is I actually want to create a new group called just right-click and
create a new group. And this group will
be called background. I'm just organizing my groups here on this group here
is called backgrounds. Now, I know that I have
backgrounds, enabled or disabled. I can always do this. That is the picture that I have. And you can see that
the background is on top of all the
other pictures. So my background is appearing
above everything else. I'm just going to
move my background underneath all the other
layers that I have, like rocket and moody. And this is where we're going to start our project.
Are you ready? What we're gonna do is,
you know that we have a timeline here which
is 4/32, right? And what I want is, let's see, let me disabled rocket and work with click on woody and bring woody
somewhere here. I can always press Command and plus to actually increase
the size one of my canvas. Now you know that this is the project preview
area and this is the final project view
that we're going to get. I can click here and press Shift and increase or decrease the size and bring
it in the middle. Let's work on our Inspector tool here inside our properties. Now, what you see here is that this is a 2D object, right? I can either move
it in its x-axis. You can see that the
values are changing. I can use my mouse to
actually change the value. So you will be able to
actually see these things. Are, these values are
changing as I move this item, or I can move it in its y-axis are x and y axis 2D objects. So I can always freely
move this anywhere I want. And for an animation
to actually work, what you need to decide
is what you want this character to do. So maybe what I want is I
want this character to run from here and go
all the way here. Not exactly you want it cannot
run, it's just an image. But what I want is I want this woody character to move
from one place to another. How do we do that? Now? That is what keyframing
is all about. Anything, any sort of effects
that you see in any title that you've seen or any plugins that you
actually buy and they tell you to add that it can do basic can appear and disappear. All those things
happen with keyframes and where exactly our keyframes. Now the first thing
you need to decide whether your time
or radio play head here on your timeline. Where do you want
this to begin work, which would be the
first starting point. So I'm going to
always choose a zero, you can choose anywhere. But for the sake
of this example, we're going to
choose a zero here, and we're going to go into
our inspector menu here. Now, I know that Woody
will start from here. And these are the
values that I want. Motion to remember. Now how does that work? Now, I know that when the timeline begins or
when the video begins, I want to start from here. So then what I wanna do is you see this option here
is called add a keyframe. When I click on this, it is going to create a
keyframe here at Diamond, red diamond that
will appear here if this is not
appearing for you, which means you have not
enabled your keyframes, show and hide keyframes. I can always toggle on and off, but I like to keep it always
on so I know what's that? I can see. Now. I know that it's
going to begin here. I'm going to move my
playhead somewhere. Let's say you can
read the time here. I'm going to move
my playhead to 3 s. Now, I want to move from
here to here in 3 s. What I'm gonna do is, I am, it has already
created the keyframe and you can see
some options here. I'm going to just hold and drag. You can see that the line will
be created, the red line, and maybe move him out
of the frame like that. Now, I take my playhead
back or maybe click on this option and click Play
or press the space bar. Okay, I have the audio here. I'm just going to disable that audio by
pressing this year. I don't want the
audio in this one. You go. So now you see within 3 s
woody move from here to here. I can zoom out a little bit so that we can
see the canvas. That is a very basic
keyframe animation. You can do that. And if you want to spend, let, go faster between this, I can just decrease. I can hold the last bit
and push it a little bit back and it'll be
a lot faster you go. Or if I want it to
take a lot more time, I can drag it all the way to maybe 12 s. And
now you know what, it will take its sweet
time to actually move. And that is what the basic of all the animations that
you are actually going to do, or any transition effects
that you actually see on lots of different softwares are done with keyframe animation. Let's try to export this
and see what we get. So in order for you to
export your animation, what you need to
do is to click on this Share option and click
Export Movie defaults. Now here you will
get the name and you can also preview the
animation that is happening. You can click on Greetings. And here you will be given a lot of
different video codecs. We will go for h.264 because
S d2x bar will preserve the maximum quality
and also reduce the size of your final project. I mean, you can always go for
high resolution Apple Pro, but that's gonna be like 1.5 gb. Youtube works on that. All the iTune movies
that you actually see on streaming platforms
are on Estar plus X4. So it's, it's
pretty, pretty okay. So we're going to click Next. And it's going to ask us where
I want to actually put it. Remember that folder,
Skillshare motion class. I'm going to create a new
folder here called Exports. Anything that I export
will be in this folder. Let's click Save. And motion is going to do its magic is going
to create this into a video and we will
be able to actually preview that video ingested. There you go. That is the video. And you can see we have woody. Now, this is a very
simple animation, very basic animation. In our next class,
we will try to modify this and we will add a few more layers and create a proper animation that
you will be proud of. In our next class. I'll
see you in the next one.
7. 2D Animation & Keyframes : In our previous class, we
learned how keyframing work, what we can do, and what
we are able to achieve. It was a very basic
thing that we did. We also exported
that project into a video format and we saw
our first video animation. Now in this class we're going
to modify that project, add a few more layers, make it a little
bit more dynamic. And again, exported the way we want so that you will be proud of the project that
you have worked on. Let's jump into this
one and see what we have in our previous class. You know that on our timeline, I'm just going to
disable the audio here, which is this option. So we won't see the
audio timeline, we only see the images. We know that this was our basic animation
that we actually, we only added keyframes
to one element in our group, which is hoodie. We disabled rocket and we
did not do anything with it. Now, if I disabled Woody, you will not see anything
happening on this video. It's empty. But if I enable Woody, that same keyframe
will be there because that information is actually
embedded on our timeline. Let's say if I want
to disable this, all I need to do is
I want to remove the keyframes by what
I mean by disabled. I click on this, I press Delete, I click on this keyframe and
press delete, and it's gone. So what will not
be doing anything? So I'm not going to work
on woody for this one. So I'm just going to disable
Woody and work on rocket. Now, let me bring rocket
here a little bit. Sorry, I'm still
working on Woody. I'm just going to click on rocket so that it's highlighted. Bring rocket here,
you see this handle, I can always rotate. Rocket. I can also increase
or decrease the size uniformly by pressing Shift key and holding this and
dragging up and down. You should be able
to actually do that on your project as well. Now, what I want to do is I actually want to move
rocket from here to here. Now, there are a few things. Let me just zoom in. If I go into my inspector, this would be a good example to learn what inspector
is able to do. You've gotten a lot
of options here. You've got scaling, you
can scale it up or down. You also have position x and y. You also have opacity. You see, imagine
you are working on a sequence where all of a
sudden the rocket ship a bit. You can actually do
that using key frames. You see these keyframes here. You can, each one of
these settings are modules, have a keyframe. You can add a keyframe,
do something, move your playhead in your
timeline and you will be able to actually produce
something that is amazing. E.g. for opacity,
I can increase or decrease and I can choose keyframes that
will actually work on it. We're going to work on
that in a short while. We've got positions
here and then there's a drop-down menu that
you can work on. So x and y, which port through the animation x and y, y and x. You can see that
all these modules you'll be able to
actually play with. But there's one more called Z. Now this is mostly
for 3D objects, but you can also
work on 2D objects that can be moved
in the Z space. I can. It's mostly bringing them
closer and taking them farther. Mostly work like that. But it's a very
interesting thing and it works really well
with 3D objects. And you will be able to actually see that when it
also works great with with 2D objects. So I'm just going to
press the zero on that. And what I'm gonna do is I am going to start animating
our project. Okay? What I want is I want my
play head to begin here, and I want rocket to
be somewhere here. That is where the rocket
is going to begin. I'm going to add a keyframe
here on x and y axis. Because I only want X and
Y-axis, don't want zed axis. And I'll move my
playhead to somewhere. Let's see, 5 s. Now, I will move this
all the way here. 5 s. And I, the keyframe will be
added automatically for me. Now I press play. My rocket is moving
and it stops here. Now I'm only adding
keyframes on the rocket. Let's work on the
background that we have. I can do exactly the same
things on the background. I can click on Background and going into the properties
for that background, play with x and y-axis as well. So let me just zoom
out a little bit. Let's see if the rocket
is moving this way. I want my clouds to move in
the opposite direction. Okay? This is where I want
the clouds to begin. And I'm going to put a
keyframe on x and y-axis. And then I'm going to move it all the way here where that, you know, maybe a move
a little bit more and then move my clouds in
the opposite direction. Drag and hold. Now our clouds are moving in. A rocket is also moving. So let's see how this
animation looks like. We have keyframes on all. I want the animation
to last longer. I can always drag
the keyframes for the cloud and they will be
moving slower than before. But even if my rocket
is in one position, it will give us
the illusion that a rocket is still
moving in space. You can see that. Isn't that amazing. It's, it's, it's
sobered, so simple. And it's an amazing thing that
you can actually work on. Another thing that
we're going to do is we are going to enter our library here and we will work on some
particle emitters. What I'm looking for is
campfire burning match, okay, I'm looking
for a burning image. Once I have burning match, I click on rocket that
I want this to work on. I will click on
rocket. The object that I want this to work on. Click on burning match
and click Apply. Now, I've got this
birthday match thing appearing on my
timeline like this. You can see that it's, it's a flame that
actually burns. Now, this is an object
or an item just like any other item or any
other element on my timeline. And I can always move
it in different places. So I can click on this. And you can actually
see that I have this. And I can, you know where
I'm going with this. I can always rotate this. Maybe I want to move
it a little bit here. Okay. Let's do something
interesting here. I know that this is where my
rocket is going to come in. Stop, right? What I'll do is I will bring the match here and
match it on the timeline. So this is where I want this burning match sort of
particle emitter to appear. And I want to attach this
near the rocket like this. Interesting. And I can also increase the
size a little bit, maybe. Bring it here. Let's see what happens. We know that
anti-matter animation is working. Let's go back. The rocket comes and
it's flying, flying. And then all of them. That is a very beautiful piece of very simple animation
that we just did. We worked on the
inbuilt library. We took things from there. You can see that it actually
stopped after a while. I can always extend this to work to the end of my timeline. And once it's extended, it will keep burning. The flame will be
burning until the, the video actually stopped. So it's a very basic and simple animation
that we just did. Let's, let's do it
from the beginning, that seed from the beginning
and see what we have. So a rocket comes in, coming in, coming in, coming in. And then all of a sudden
we have this object. Now, let's export this and see how it
actually looks like. Click on Export, Export, Movie and settings, H.264. Click Next. It's asking me to play a
class, class animation to. Let's watch this animation. Nice. It's very simple,
it's very basic. And this is what we are able to actually
do with keyframes. And there are a lot of things
you can do with keyframing. But if you are doing animation, keyframing is something
that you'll be working on. Most of the time. You can see that a
rocket is still burning and it's a very beautiful video that we actually worked on and everything it
was within this folder, and it's absolutely amazing. In our next class,
we'll learn about light and how you
can actually use in-built lights that we have and work on some amazing
text animations. Also, I'll see you
in the next one.
8. Lights: In our previous
class, we refined our 2D animation in exporting
that into a movie format. In this class, we will learn lights with emotion
and how we can combine keyframing and lights together to create
some amazing effects. The first thing I'm
gonna do is I am going to create a text. Here. There's an option that I'm
going to look at is texts. So this press on this and
you can start typing. Now remember, when
you type here, it is going to put
that object into your project pane and
also on your timeline. So I'm going to remove
that by pressing Delete. I'm going to go all the way
in the beginning where I want press texts and that is where it's going to
begin is going here. So I'm going to type
light animation studio. Let's just assume that that's the name of the
animation studio. I'm going to press
escape. That way. I'll be able to actually
move this item in its space. Now that I have this, I can just place it
anywhere I want, let's say I put it here. What I want now is I want to increase the size of this
so I can go into inspector, click on my animation
and go to Properties. And now I can actually scale up this animation
studio that I have, maybe a little bit more. Let's just typing
ourselves. One. You can choose any, any, any size you want. I'm going to move it again
so that it's in the center. All right, this is what we get. I can also animate
this in x-y position, but I'm not gonna do
that, but let's just click on the Text option here. And here. When you click on it, you've got three options
within text menu, you've got format, my format, and what sort of font
you want to use. I'm using for your dura
and I'm using medium. Let's just make it bold. That'll be good. Or I can change it to any
other phone I want. Oh, that's a very interesting. Okay. I think let's just use this. And let's just increase
the size that we have. He liked animation studio. It's not very legible, but I think we can
work with this. Alright, so we have this
light animation studio. We can do a lot of other
things also like tracking. We can increase the
tracking a little bit. I mean, this is just for
the sake of this example. I'm just making the
best thing possible. And I'm just trying to make
it look as good as possible. You can always play
with this setting. So we've got our group.
Now let's name this group. I'm sorry. This name this group to text. My texts layer, which is here. And also that is microbes. I can make it more. Okay, Now what I need
is I need a background. Now, what you see is a default background
that we have is black. But in the past, I've always added some
background to this. This background may not be suitable for what
I'm about to do. So what I'm gonna do is I'm
going to create a shape here. We have not discussed
these options, but let's just go into
them and see what we have. So if I click on
this drop-down menu, I've got a rectangle, circle and a line. Let's see what they can do. Let's click on a rectangle and
press and drag your mouse. And you can see that you are able to actually make shapes. Make one shape. I can make it a second shape, third shape. And I can press shift and make
perfect squares if I want. Also, I press escape now. I can delete them if I want. I mean, when you are
making these shapes, you may not see the outline. In my case, there are outlined. So let's just get
rid of them first and then I'll show you
how to get rid of them. You're going to click on
the Shape Layer and create a shape over our text. Now you know that our play
head is somewhere here, so I'm just going to move
it all the way here, there so that my text
layer is on top. So I'll put the text
layer on top and name this group as background. Let's just name
this as our back. I want to click on
the background layer. Here, we've got properties
where I can actually move it in x and y axis. So you can see that I can
move it in different places. I can, I can literally just made this year and
then let it come here. And that can be a very
interesting thing for us, right? So let's, let's try to do that. Let's bring our playhead
here and move this greg tangled somewhere here and place a keyframe in x and y axis so you can have
here and the properties. And then I'm all good
all the way here. And then press and hold, and then we just
bring it somewhere. I'd say here. Okay, now this in itself can be an intro for your YouTube
channel. If you want. There you go. Now this
is taking too much time. Maybe I can. Press and hold and
drag these keyframes. Take less time. There you go. We've made ourselves a very
beautiful animation. If I want, I can
always export these and give it to my clients or any other person that
is actually looking for. So we created our first light
animation studio animation, or probably a preview. Now, what I'm gonna do is I'm going to tell you one
small thing that is here. Now, e.g. this is not a
big project here, right? I want to just move
this until here, and this is where
I want it to end. But my timeline is for 30 s. I don't want to
render a 30-second. I don't want to export
thirty-seconds. So what I can do is I can
click on this option here, this small arrow, and then bring this arrow where I want
the animation to unaware, I want to export to n. So it's only going to render
between these two areas, this start and the end. So you can see it is going to and then continue and
continue like that. So that is one good way of actually reducing the
size of the animation. I can press Export and we can
actually, let's say text. Hey Mason, we can do that. And it is actually going
to export that for us and see that it's
transcoding little bit of time. And this is our animation.
This is not bad. I mean, this is very
simple and not bad. And you can see that a lot of things that you've
actually seen in the past, we're done with
keyframe animation, but this is not
something I want to do. So I'm going to just going
to drag this and I'm going to bring it all the way here to, let's say, end of
our project 49 s. What I wanna do now is I want to change the
background here. Okay, So what I'll click, I'll click on the background
and I will click on Shape. Once you click on Share, you will see the fill. Fill is what's inside. An outline, is this outline
that we have, right? I do not need the
outline for list. Maybe I was working in a project before where I
needed the outline. I'm just going to
disable the outline and change the color to this color. This color is for this shape. I want to change the color. You can actually
play around with it. It's so nice. It's really intuitive
and easy to actually do. Okay, so I made this shape, and now that my font on my text and my background is
pretty much the same color. It's very difficult to
actually differentiate them. So what I'm gonna do is
I'm going to click on my font and click on texts, not properties, but
texts and inside texts, I've got three other options. I'm going to click
on appearance. And in appearance, I have face. Now here I will be able to actually change the
color of my font. You can see that I want
to change it to black. And Council this. Now we go back to our background
there because this is layer and I'm going to remove the animation
that we otherwise, anytime I played this, it's just going to do that page. This is also not bad, right? It's good. So what I'm gonna
do is I am going to move this and bring
this in the center. And you can see
that we are able to actually expand this using
the options that we have. So I'm going to just make it bigger than our
canvas that we have. So now what we do have is
Command Plus Command minus. You can zoom in and out. Now what we have is we have this basic light studio,
light animation studio. What I wanna do now is I want to bring in some lights, right? So we're going to create a new
group and call that light. Alright, now, I'll
click on objects. Click on lights. Now, this is really important. It is going to ask you,
you need to create, you need to convert
your existing layers and do 3D layers for
the lights to work. So let's do that. Switch to 3D. Okay, once I did that, you can see that light
group is really on top. I'm just going to drag it here. We've got the light
group, which is on top. Then we have texts that
we have background. Light is actually a 3D option. And when I zoom in
using Command and plus, you see I can move this and it is going to give
me a preview here. And you can see we are able to affect
this with elevation. I can do the same
with this light by bringing this light
all the way here. And creating a keyframe at
the very beginning like this. Go into light properties and
click on the x and y-axis, and then move my playhead to, let's say 2 s. And then just move this light. This itself can
be your intro for your YouTube channel or anything that you
are looking for. Oh, you are making
something for your client. You can always increase the
length of these keywords, so that will decrease
the speed with which and when you export
the final project, it is not going to be like that. So maybe I can click
on Export Movie. Let's just call it lights. And it is going to work on this depending on how
fast your computer is that a rendering
time will be different. Let's see how this one comes up. Okay? Now, this is project
that we did with lights. This is not bad at all. So let's take a look at some
other option that we have. I'm going to remove
the keyframes that I have put for my lights. Okay, let's click on lights
and see what else we can do. I'm going to drag
this in the center. And let's click on
the Parameters for lights here in our Inspector. Now we've got lights
type and light color. Let's look at light color. I can change this to red, which is very good. Something like
Marvel Studios sort of thing. I can
change it to blue. This is something I like. Red, yellow, red, red, red. Let's make something here. Can also change the
intensity of this light. How intense this slide is. I can change the fall off. You can see you can
always keyframe this. So now that you know how keyframe animation works,
you can always do that. You can always fall off like this and you can play
around with this, is this not pad at all? Right? So all these
things you are able to actually do once
you're happy with this, you can use this. What we're going to
do is we're gonna go up here and right-click. And we are going to
reset the parameters, is going to take
it, take everything back to what was default. We've got, let's look
at lights type here. We have ambient,
directional and spot. Let's click on spotlight
and see what we get. There you go. So when
we do spotlight, you are able to actually see that it is acting
like a spotlight. Spotlight that showed
actually work with. So let's bring this
spotlight summary here. And now you have these three
circles that allows you to move this spotlight in
its space is a 3D space. So by clicking on
this and moving it, you can actually see that
you can affect this and bye. And then you can always do this. Now you can play with the fall off or maybe intensity of
this particular light. Okay. So that's
actually not bad, I guess I'm, I'm pretty
happy with this. I can also animate this. If I want more, if I want, I can
add more lights. Maybe I want to add a
different color light. So maybe I have this slide. Let's name this
light, red light. I'm going to move
this into the group and click on this slide. This slide is somewhere here. You can see that this
light is pointing light. So I'm going to
change this to spot and maybe change the color to red because that was
a red light, right? Cancel this. And then I'm going to move
this light here in space like that and increase the
intensity of this light. So now you can see you've got two lights that are
appearing here. And I can always move
these lights up and down. So this in itself is another thing that
I can actually use. Oh, it's not bad. I can add multiple
lights if I want. And I can key-frame, do the keyframe animation
for all of these lines and make them look a little bit. I can put them on top
of each other and, and do a lot of
things with this. So this is a very basic and
simple thing that you can do within within motion and create some amazing and stunning
animation in our next class, Let's work with lights, create a small animation
for ourselves. You some objects
from motion and, and see what we are able to actually achieve
within this may be able to create
some intro for this. For this fake light
animation studio. I'll see you in the next one.
9. Lights and Keyframe Animation: In this class we're
going to redefine how we can actually
work with lights and use that in our animation and make
our texts look amazing. We left here, and this was the basic palette or this was a basic Canvas that
we were working on. We have our basic texts, we can click on that and
we created our groups. So we have our background, which is just this. And we have our textbook
where we have just this. I can disable or enable this, and we also have light. So I'm just going to
disable the light and start from the
very beginning. Now, what I wanna do
is I actually want to animate the text first. So again, we're gonna go
back to our first bit and click on Text and
go into properties. And this time we're going to look at not moving the texts, but I want to make it visible
and invisible, right? So I want to work
with the opacity. So what I want is I want the, I want our video to
start with no texts. And as we go further or the
text appears magically. So what we'll do is we're going to take the opacity
all the way down. And then there's
a keyframe here. I'm letting you know
that this is where I actually want to
start our opacity. And then I can pay
attention here, maybe 3 s later. I want this. I'm not going to, I'm
just going to make a change on the opacity meter. And that's when it will automatically put
a keyframe for me. So now you can see how our texts magically
appears, not magically. I mean, it's great for opacity. If you have some
background music, this will look very good. We want to bring in a light. Let's go all the way here
and create a new group. Let's call this group lights. And let's bring in
light number one. Okay. I want to call this light. Let's choose a color, yellow. Okay, we're gonna make
this light yellow. Let's click on that again
and create one more light. And this would be red. Okay. I'm going to bring them
both into R group. You can see I can
enable or disable them. Alright, Let's click
on the red light and try to move it
somewhere here. Or maybe let's put light here and then click on the yellow. I'm going to make
some changes here. Now. I'm going to move the yellow
light all the way here. So I've got two light sources. I have the red one
and the yellow one. Let's change the color. Let's go into our
properties are in our Inspector pane and
click on light module. Now, we have properties
where we can actually move the light from here to
here in its z or y axis. Or we can work on light
here and change the color. So this one was yellow, so let's change this
to a yellow color. Alright? And I want a spotlight. Alright? And what I wanna do now is I, actually, you can see
these three circles. These three circles are there to actually move the
object in its 3D space. So I can click or I can just
hover my mouse here and then click and actually move the light the way I
want it like this. So now we have a light which
is facing towards our text. And then I can use these arrows to move them in y and x-axis. That's wonderful, right? Okay, Now let's go to our
red light, which is here. Change that to, again, we are in the light place. We can change that into point and we will change
this to a red light. All right, great. Now we are going to move this light also
facing this side. And I'm going to move
it a little bit here. Okay, now what else can
we do with these lights? Now there are other options
that we have, right? We have the fallout option. We can increase it. Let's increase it all the way. Let's click on the yellow light and this is completely optional. I mean, it's totally up
to you how you want to, you want to actually do this. And then we also have the
intensity of the light, right? How intense this
light supposed to be. Alright. Now what we're gonna
do is we are going to animate this light for us. So I'm going to click on yellow
and going to properties. And what I wanna do, I'll kit, we will stick
with, with lives. We want more of it
here. We will be here. What I wanna do is I want to change the intensity
of this light, right? So right now this
slide is here, is off. And then I want to come
all the way to 100% here. 100% will be good, 0-100%. It works like the opacity
that we were working on. So what I will do is I will create a keyframe here and then move my play head to
where I want it to be, and then just type. Okay? Okay, Nice. Let's do the same
with red color. I want to create. Let's create a keyframe,
which is this. And all the way here, we'll create another
keyframe which is at 100%. Alright, so now you can
see you when I played, okay, our texts
appears like this. Maybe. Let's play around
with it a little bit. Let's click on yellow
and yellow light, and let's move it in its x
and y axes a little bit up. Maybe let's pull it back
a little bit like that. And let's do the same
with our red light. Pull it back a little bit. I think it's not bad, right? We got a very good light here. I'm going to go back. Bring it a little bit lower. Okay, now, I'm not looking
for a specific look here. I'm just playing around with it and demonstrating
what can be done. But more so making sure that
we get something which is, which is really, really nice. Now if you go back and see
we have our animation. If you want, we can click on the light animation
studio text here, which will, which are
highlighted here. And we can basically
reduce the size of the animation when you
click on it like that. So half that. So our animation texts
will appear before the light's not bad. All right, okay, good. So we have this. Now, what we can do is let's
make it a little bit more. I'm happy with what I have here, but I want to go into library. And this time I want to work on, let's say 3D objects. Okay, I, I was looking
for something. Now the great thing is
you have a search bar. I want to look for a plane. I've got airplane. Let's add another thing I
wanted to show you was you can change the view. If you click on
this button here, you can actually view
the objects even better. That's completely up
to you, my computer instead of rendering
this information. But you can see
there are a lot of options that you can
play with, right? What I wanna do is I want
to work with the airplane. I have an idea that will be
suitable for the airplane. Okay? So we have the airplane. Let me move it above my text. Okay? Now, airplane is a 3D object. Now you can see by
moving it up and down, it is actually
changing a few things. So what I wanna do is I want to rotate the airplane and I want to go into my inspector
and going to properties. Now, I want to play
on the x and z axis. I wouldn't say it actually does, is it brings the
object near or far that you can see in the
preview on active camera, which is appearing on the side, when I increase the z axis, the, the plane is nearer
or farther, right? So I want to take the zed axis and drop it all the way here. Okay? And now I want to put
the plane somewhere here. When I zoom in, zoom
in on this airplane, you can see that I am still able to actually move the plane. And it's added because
it's a 3D object. I can do a lot of
things with it. Try it when I'm
animating this thing. So wouldn't it be nice
if we can just animate this and make it do some things
for our animation studio. Okay, let's try to do that. I have an idea, see if that
we are able to pull that off. Okay. Um, let's see if I can go into the zed axis
a little bit more. It's completely optional for
you if you're doing this. You don't have to. But for the sake of these keyframe
animation and all that. So what we'll do is we will
take this out of our frame. You can see that it starts here. I want it to begin from
the very beginning. Okay? I'll click
on the airplane. And I want to go and animate
on all axis x, y, z. I'll click the master, or I can click each one of them. And then I'm going
to come all the way here and animate the buff. And this airplane
is going to take, alright, so it has left. So if I go ahead and play this, you can see that our plane
is flying over that. And okay, great. Now, what we can do is
we have only played with the position which
means from here to here in XYZ axis, right? There's also rotation that
we can play with, right? So what I want is
I want the plane, when it comes somewhere here, I want the plane to
rotate on its axis. Or maybe when I, when we start the airplane here, I want the airplane at
a specific axis, right? So what we can do is we can create a keyframe
here on rotation. We've already created
on, on position. We know that it's going
to start from here, but now let's work on rotation. I'm going to move
this like like that. And once we start, okay, let's create
a keyframe first. Once we begin, the plane
is moving like that. And when it actually
comes somewhere here, I want the plane to rotate. So now what we can do is we can either click
on the rotation here. So we are telling motion that this is where I
want the keyframe to happen and we can actually
change this to like that. Okay, Let's see how it looks. Our plane enters the scene. Let's go back. I'm going to zoom in. So you can see our
plane is rotating. Alright? Now, now that we are here
are Blaine has fully come back to its
shape like that. And you can see our plane was rotating and it came
all the way like that. So now when it touches here, I want to create
another frame and actually move the plane in
the other direction, right? So let's just create
a keyframe here and move our plane in
other direction like that. Okay? And then keep going
until animation. And maybe over here, we want the plane to come
back to its position. That's, let's see how it looks. We can always change that. Alright. So here we go. We have
the plane coming in. We can add some audio behind
that or some sound effects. And then from here
that plane changes, and then it goes back. That's how it actually looks. We're pretty happy with this. Let's try to render this
and see what we get. I'm going to click on
Share, export, the movie, and I'm going to put it back in playing
with lights animation. Here's a line and that's
where our plane comes in. And we are able to actually see our airplane right above making those rotating on its axis and then disappearing the
way we wanted it to be. Now, this is a very basic,
very simple animation. We use 3D tools from
there and use Keyframing. Like I said, you can
use the keyframes for anything that
you are working with and they will be able to
actually help you a lot in producing the animated
content that you are doing. So far, we've been working
with images and 3D objects. Let's bring in the
video and try to track the motion within
that video in our software. I'll see you in the next one.
10. Tracking objects: Previous class, we created a beautiful animation
with an airplane. It's a very basic thing
but has a big impact. If you're new to this, you
must have enjoyed that. And I highly recommend, I highly urge you to
actually go ahead and create one for yourself and share this as a
project in this class. In this particular class, we are going to learn about another feature we
learned about lights. We're going to learn
about tracking, which is also an
important thing. And you will know what
you are able to actually achieve with tracking
inside of motion. The previous project,
we left it here where we built all
our animation. Now, what are we going to do is we worked really
hard on this. We are just going to
scrap this in this class. I actually want to
bring in a video where we have not
brought a video in yet. Let's click on
important for tracking. If you want to track,
it's better to actually track a video. I've made a few videos that I thought would be really great when we want to track. Okay, let's get this video
in and see what we get. Okay, I'm going to name this
video as tracking video one. All right. It's got sound and
it's about 10 s long, so that is where it actually
ends. It's on my towel. Again, my timeline
is thirty-seconds. And I'm going to
name this as you. Alright. You can see it has audio here. We can always reduce the audio or mute the
audio if you want. By doing this, we are
in the audio pane here. We're going to go
back into our layers. And now what I wanna do is I actually want to track
something in this video. I think it'll be better
if I can track this car and then do some
amazing things within motion to make our
life a little bit more exciting when we are
working on any animation, let's, let's begin
the tracking process. I'm going to click
on the video and click on Behaviors this time there are lots of
different behaviors that you can work on. But for the sake of this class, we're going to work
on motion tracking and we will use analyze motion. What it does is it
reads the entire video. It's very graphic intensive. It reads the entire video, focuses on a point
and then gives us those key points
automatically made for us. So we don't have
to go every frame. Click Next and then put a free keyframe like we
did for our plane here. It will be able to
actually give us. So now you can see that
we are an endless motion. This behavior was attached to our video and then we
have nothing to actually, so we need to tell
motion what to track. So you've got this in the
center of your screen. If I zoom in, you have this red dot that we
can actually move. And you, as you move, you
can see that you're getting a preview of what
you want to track. Now, I actually want to track
something in this video. Let's track this
area of the car. Right? Now we're going to
click on Analyze. And it's going to analyze
for us, like it's analyzing. Right now, is creating
all the keyframes here. Okay? Now what has happened is
it has lost track of what that place was and it happens
and it happens a lot. So what were you going to do is, we're going to click on
that again and bring it back to this area
and click on Analyze. One more time is
going to continue. I think it may lose the object. It may lose the
object a few times, but here we have the
path created for us. Okay? Zoom in on that so
you can see that on our analyze motion track, it has actually track
this small point and created all the key points
that we would work on. Otherwise, if you had
to do this manually, you will have to stop in one
frame and make a keyframe. So it's a very great tool. Let's say we work with a shape. I want to create a shape here. Let's say I click on the shape
and I create this red box. Now my default is
going into that. So let me click on this shape, go into my Shape Properties. So I click on the
shape that I have, and then I've got property. So I'm gonna be in the shaping and I don't
want the outlines, I'm going to disable that. And I want it to be somewhere,
maybe, maybe yellow. Okay, now what we can do is we're going to
expand this a little. And now I want to add
maybe some texts to it. You can see that it's actually moving here within this area. What I wanna do is I want
it to be somewhere here. Now you can see
when I play this, the car is in front and our banner is
left somewhere here. I want this banner
to actually follow the car like attached
to it in a way. So that's what
we're going to do. Let's just click on this and
maybe add some text to it. Iron Man. Okay. Again, I can click on escape. We hit Escape. And this time we are going to go into our text appearances. And I'm going to change the face to something dark like that. And maybe what I wanna do
is I want to go into Format and increase the size of my text here and then bring
it back like that. Okay, That's good. Iron Man here. Now, if we actually run
our text and audio, you can see that they're
both attached to each other, but they're not
following the car. Alright. Now what I want is, I want, let's say, let's,
let's draw a line. Forget, let's press and
hold. Click on this. And let's draw a line
that say something. Okay? I want the
line to be again, I can go into shape
and the outline. I don't want the outline, but let's see if we
click on the outline and click on this link here, I can go and match
this to my line. And now inside this line, now my line is clicked. I can increase or
decrease the width. This should be good. We're just going to be doing
it for this class purposes. So it doesn't have
to be really fancy, but you can see that our car
is going to leave very soon. Alright, great. So now we've got our rectangle, Iron Man and line already done. Now what we need to
do is we need to tell motion that attach this rectangle to the
motion that we actually do. Remember we had a
video retract this, let's name this track, which
is the motion tracked. It has all the keyframes
that we are working on. Let's name these
Iron Man car track. Okay, now we named this and we will always
remember this one. Okay? I'm going to click on rectangle
and go into behaviors one more time and click on motion and then click on match. Now, when I click on that, it is going to ask the
motion is going to ask me, what do you want to
match this movement to? I want to mask this moment
to Iron Man car tracker. So here in our project pane, we can see that we have
rectangle underneath rectangle Match
Move behavior has attached to our rectangle. And in our Inspector
pane, we get, we go into our behaviors and we get to see
track video one. And then there's
drop-down menu here. Now, it is asking me
what I need to track it. Remember we named this
Iron Man car tracker. So we will use this
car tracker here. And now you can see
as our car is going, it is actually getting tracked to our car and it's
moving with a car, right? I can always bring it
closer to the car, like closer here. The car. That way it is always
next to the car. All right, great. Let's see. Now, It's never going
to leave the car. It's always going
to be next to it. Okay, Great. Well, we did that
for our rectangle. Let's do that for
our Iron Man texts. Again, we're going
to go into behavior, motion tracking, match move. And here it's going to ask us What do you
want to match it to? I'm going to match
you to again to our Iron Man car trigger
and it will be distorted. So I'm going to bring the text back to our place like that. And now you can see it is, it will be attached to
our environmental policy. Great, we're gonna do the
same thing to our lane, go to behavior, and click
on match move like that. And at this time I am going to, okay, let's click on Home and go to match.
Move on the line. And this time that's tracking to our car again and I'm sorry. Let's bring it somewhere here. Okay, Now, all
three are attached. Now let's click here. I'll play the video
and see what we get. Now you can see that
it is following the car bath that
we built earlier. And you can see it is
always going to follow. And there were instances
where it actually left because those were some of the key frames that we have. But again, it's a
very great tool that you can actually use
when it comes to tracking. You can use that on a
lot of different things. In our next video, we'll use our previous slide studio
animation video that we built and try to do something
with the plane in its motion and see what we can, where we can actually get to. I'll see you in the next one.
11. 3D Cameras in Motion : In our previous class, we
learned about tracking. We imported the
video from our drive and use tracking feature within motion and added
some elements to that video and utilize
the power of tracking. In this video, we're going
to work on 3D cameras, which is another powerful
feature that motion has. How we can actually use our canvas to 3D
cameras, tracking, keyframe animation,
and everything altogether to create
something very beautiful, Let's jump into 3D cameras
and see what they are. This is what we were able
to actually achieve, wave motion tracking
within emotions. After you can see that I'm following the car
and tire banner or this element is attached to this cart which we
actually tracked. And it's a very beautiful way
of utilizing this feature. You can use it on a lot
of different things. This was just an introduction. You can use this to, to get to a lot of different places when it comes to creativity and imagination. A couple of other videos
that we actually made. One was this light video
that we worked on. You can see that was
basic animation. We just move the light
from one place to another. And that gave us a very
interesting thing. So we use key frames
in that one as well. One of our first animation
that we actually did was, was disrupting, that was
flying and we add it in also. So these are some
basic things that we were doing in 2D
animation where we brought in a lot of things and we were able to do that. I'm
sure you have done that. If you have completed one of these projects while
doing this class, I would highly encourage you to actually share those
projects so that other people can get motivation and inspiration
from your project. We create if you
can do anything. And then we actually did this. We used light, we use
texts animation as well. You can see our text is
from opacity zero to 100% and then lights come on and then we have
our plane flying. And these are some of
the things we've slowly been able to actually do using the interface
and all that. In this video, we are going to introduce 3D cameras and how those TV cameras
can affect your, your, your creativity,
how it can be beneficial to
whatever you are doing. So let's open our project
and see what we have. I'm just going to delete
everything that is here, select and delete so we get
a blank canvas that we have. I'm going to expand our
timeline to 2090/32, which we can see here. Okay, What I wanna do here is I want to start
with texts e.g. let's start with hello. Okay. I can double-click on this
and increase the size and press Escape and then
move it somewhere here. Remember I'm in texts, I can change anything. I'm using flat brush on. You can use any
font that you like. But I think for the
sake of this example, this font looks really
amazing for me. All right, Great. So we have this font, and this font is all
the way straight. So we've got our elements here. Let's rename this group to text. Alright, great. So now we know that we have texts coming all the way here. What I'm going to do
is I'm going to add another object just
like we added lights. I'm going to add a camera. In this instance. It's a, it's asking me
to convert this to 3D. Let's just do that
and see what we have. Now, my camera is added here, and you can see that there are some new controls
that we have here. We have 123, we have
different controls here. Now, if I click on this
one and drag up and down, you can see that I am moving in 3D space and my canvas is
giving me the location. What is happening is that the camera that we attach
on top of this text is being moved in
different places and we are able to actually
see the impact, e.g. you can add keyframes
and start from here. Then all of a sudden do a quick jump and
then move it here. So you can do a
lot of things with these cameras that we have. That feature we
have is this one, so I will just rotate. You can see you can always rotate all the way if you want. How great is that? It's amazing. All right, next
feature we have is this button where we
can zoom in and out. So that's more like
dolly, dolly movement. You can close, get close to this object and then go
away from this object. And I'll let you, and you
can combine all these together and create something, something really,
really amazing. So what we're going to do
is we are going to work on, I'm going to click on the camera and get rid of all the changes, go back to default, right? So I'm gonna click on
that, which is the camera here in our Inspector pane. I'm going to click on
the camera properties, and I'm going to right-click
here and recent parameters. All right, great. Now nothing has been done. So what I'm gonna do
is I actually want to maybe I want to start by. Maybe somewhere here. That is where I want to start. And let's say I move this
somewhere here like that. Okay, Great. So let's put a keyframe here, somewhere here. So I'm going to put it in X, Y. Remember, we're also
moving in extra, this is 3D space, so we're moving in x,
y, and also rotations. I'm gonna, I'm gonna have
to do that for both. I'm going to put keyframes for both rotation and position. I'm going to move
somewhere here, 3 s. And now I want to say more fear. Okay, Let's see what
we get to play. I'm moving. I am moving. The text is moving, the dimensions are moving, everything is moving with it. When you find, when you
do the final export, you will not see this grid. This grid is just
for our reference. Now that is what we have. And now I want to actually
stop here and zoom in. What you can do is you need to give a reference to
Motion software. Where do you want
it to begin from? So let's say I create another
key frame somewhere here, e.g. one in two. Remember, I have my keyframe
which comes and stops here. Now I'm going to create another keyframe with
the same properties, with the same thing here. Now, this will be my
stopper or freeze-frame. And from here, I'm going
to animate something else. Let's say I go to
seconds further. Now, I want to actually
dolly in like that. So now we get this. So we are coming in and
then zooming in like that. It's great. It's
a great feature. Alright, great. So we were able to actually
do that very, very smoothly. It's share this project
and see what we get. Okay, So now, like I said, we will not see the grids. Let's see what we get. We have hello and then we are moving in space and then
zooming in a little bit. That is just a basic
example of what is possible with with
with these cameras. You can always use
these cameras too. Zoom in and zoom out. Let's remove these keyframes
and see what we can do. I'm going to add another camera. I've deleted that camera. Let's controls that. I'm going to press on this
camera and remove this. And I'm going to
create a new camera. And this time I actually want
the camera to be far away. Before. Play with this quite a lot. That is where my hello is. I want to start there. I'm going to go into Properties
and I'm going to create a key frame on
position and rotation. Remember, we are
moving in 3D space. I'm going to go somewhere
On 3 s like that. And this time I am
going to do it. You must have seen
those those effects that you actually
see on TV, right? Let's move it a little
bit here in the center, like that and zoom
in a little bit more and maybe like that. Okay, so now we have
something like this. I can always, maybe I want
this to happen in 1 s. Don't want to do it. You can be like like that. This is just camera zooming
in and zooming out. And I'm just playing with
the camera and the elements are just there in
my video today, I can do the same thing with an image also
or any other object. It will work exactly
the same way. But let's share this
and see what we get. Okay, let's play it back. It isn't bad at all. You can see that it
looks pretty decent. Now, this is just a
basics of cameras. Another thing that you need to understand is once you
are in this space, you can, because we're
in a 3D environment. So you can click on
this option here, active camera, and then you can click on perspective and it will give you
different views. So this is the camera view
that is actually getting. And you can see that the camera is actually moving
as we keyframe did. It would be nice to
see it from the front. This is how the camera looks. And let's look at the back. Okay. Let's look at the left side. Okay. That is where our text is. So you see our camera is
actually moving in its space. Can see it's from back zooming in all the way
and then stopping there. So that's where we get our
This is our camera, right? And if I go to my active camera, this one, and this is what
the camera was doing. The camera was going all
the way back and then zoom in on this particular
object that we have. Yeah, let's go back
to the right side. You can see the same
thing is happening here. That is one way of working with cameras and it has
a lot of potential. You can do a lot of things. You can use multiple cameras and move between those cameras. And you can do a lot
of great things. That is the basics
of, of cameras. In our next video, we will bring in the video that we have
created with our plane.
12. Final Project: Animation: In our previous classes,
we learned about a lot of different things
that motion has to offer. We worked on keyframes which are very
essential when you want to animate or do some effects within the motion or
any other software. The principles are the same. It's just that the interface will be a little bit different. We also worked on
how we can import, save, and organize our projects. We built 2D animation projects. So small videos
that we worked on. We worked on light, how you can manipulate the
environment using lights, different colors, and
how they will look. We also attract a few objects
when within our video and created some beautiful
animation out of that. Also, we learned about cameras, which are very interesting and very super useful feature
that we can actually use. In this final class, we are going to take a look at all
those things and try to create our final
project and bring it out as exported video. And if you are working on this, if you have been following these videos and
you're finding here, I would recommend
and encourage you to actually share
your final project with other students
who are going to get inspiration and learn
from what you have done. I am going to import
a video and this one, let me just work on this. This is the video that we built. It has light, it has the video that we
want to actually work on. You can see that this is
where the plane comes in. I actually want to track this airplane like we did in our previous video when
we were doing tracking. I want to track this and have
a dialogue box on top here, and then use a camera to zoom in and track our airplane
as it goes in it's base. So I want to actually do that. I hope we will be
able to actually achieve that in this
particular video. So let's, let's
see what we have. The first thing I'm
gonna do, I'm gonna get organized and I'm going to rename this
group as airplane. Okay? I'm going to create a new group. And I'm going to
name that elements. Let's see alignments. And then I am going to make
another group called cameras. Let's click on elements and let's build our elements. Okay? What I'm gonna do is
I'm going to come here to shapes and
create a rectangle. Again. You may not have the same
default color that I have, but once you click
on the rectangle, you will need to
go to properties, shape, and then you will be
able to actually see it. So I don't want
the outline and I want the fill color to
be somewhere like that. Maybe a very fancy yellow. I'm okay with that. I'm just going to
take this yellow and put it here in my Canvas. It's easy for me to choose and pick colors if I want
to draw something else. Also. Great. Next thing I wanna do is
I want to put in text. Let's click on Text. Click on this yellow portion
or anywhere on the screen. Let's say our pilot is
trying to say hello to us. I'm going to
increase the size of this hello and press Escape. Now I can move this here. I want to change
the color for this, so I'm going to click on Hello, click on texts and
appearances here. And you will have the face. So let's click on face and maybe I want something
dark like that. Okay, hello, done. Great. Next thing I want
to have is a line. My line is default
with this color. Again, you can click on line depending on what
color you have. I'm going to click on the width here and make it as thin as possible when
you click on the color, remember we chose
a palette here. We fill this palette.
I'm going to just choose that yellow color. Close this. And now we have this
on our timeline. You can actually see that all these elements appear
after a certain time. So I'm going to
select all of them and move them to the very beginning of
our timeline like that. So they will appear. Now what I wanna do is I actually want to
add some tracker. So let me just disabled. I made elements so we
don't get to see that. I want to click on
the plane video and this time I'll
analyze its motion. So click on behavior, motion tracking and analyze
motion that we get. I'm going to go back
where the plane actually enters like
somewhere here. Now, my play head is here and that is where
the plane is coming. I will move this
tracker and put it on top of maybe the
windows somewhere here. And you can see the preview here where
the tracker would be. Let's click on analyze. If it skips, I'm going
to have to tell, Let's see what we have. It's tracking so far it
looks good. It looks good. Thing with this motion
tracking is that you can actually use this feature for a lot of different
things, right? Depending on how large
your project will be, it will actually
track this for you and there are a lot of
fancy things you can do it. The limitation is only
your imagination. You are able to do a lot of things here with
motion tracking. This feature is available
in other softwares. Also, this is how you do it in in motion, Apple
motions after. And I feel that it's very intuitive and it's
very easy to do. And I think after you do a
couple of these projects, when you're doing
motion tracking, you will be able to use this the way you
actually want to. Okay, so now we're almost done. Great. So it has made these
keyframes for us until here. Awesome, Great. Now let's click on the video and we have this
motion path analyze for us. Let's rename this to
flight path for airplane. Okay? Now we named this motion path, this area as flight
path care plan. Great. Now what we
wanna do is let's bring back our elements. Great. I want to match this to this. I want this rectangle to
follow this flight path. How do we do that? I click on the rectangle and
click on Behaviors. And now I'll be going into
motion tracking and match. Once I click that, you will see that in our
Inspector pane under behavior, we will get this
option where we need to choose which path
you want to follow up. So I'll just choose
flight path airplane. Now, it is going to follow
our airplane whenever. So let's say the airplane starts here and I'm going to bring
my rectangle somewhere here. You can see the motion match
move is attached to it. So let's see what we get. I want this to be
closer to the airplane. So I'm going to click
on the rectangle and move it somewhere here. Okay, That's great. All right. Okay, let's move our playhead. So there you go. You can see that it's being
tracked. Okay. Now I want to put hello. I also want to use
Hello As Motion bath. I'm going to click on Halo
motion tracking in Match Move. And what it does is that it actually matches its
movement with a rectangle. So it's automatically following the rectangle that
we have, right? So all you need to do
is you need to click on this little part here and then put it somewhere
in the center like that. It will remain in this area. And then we can just
match this length here. And now you can see
we've got our plane, which the pilot is saying hello. Now we do the same
thing with our line. Let's bring our line. Same duration. Click on our line and click
on motion track, match move, and it automatically
tracks that to our hello, what we need to move it so
that we can get close there. Okay, it looks good. Now you can see
once our animation begins, you're tracking this. It's going really well. Now. It's going all the way here. And this is, this is
where I want it to end. So now you can see that the
**** does not make sense. It's leaving the frame. So that is where
I want this to n. So what we'll do is
we'll go in and we will. Okay, Another thing that you can actually do is you can click on the element and press 0, and it's going to cut
everything so it's OUT points. So that's the endpoint
and this outpoint, you can do the same
thing here and press 0 and it will cut
everything that is behind. So this is where
until this area, I want this to happen. So I can do the same thing here for my rectangle, and that's it. So now we get the
plane and then boom, message is gone and
then the plane leaves. Okay? But what I want is when the plane
is somewhere here, I want the camera to
actually zoom in and then follow the plane
as it's leaving, and then zoom out so that we can see our
animation studio. Let's see how we can do that. Let's another thing. You also have the
Groups option here. You can always zoom them in and out so that
you can actually see. So now what I wanna do is
I want to add a camera. Let's click on our group and. In a camera. So we need
to switch this to 3D. Can see our camera is here. I want to create
a position here. So I will be
creating a position. For how long have you create? I will be creating
a keyframe for position and rotation here. And that is where
we started again, see the diamond appearing. And then we go all the way. Here. I'm leaving the camera as it is. Now. As this plane enters this area, I want another keyframe here. And maybe let's move
a little bit more. And now I want to
use the zoom feature and zoom all the way here. We can see this. Maybe I also want
to add this here. Okay, great. Now we have actually
zoomed in like that. Now the plane is here. Until here. I want it to. I will create another
keyframe here and here. So we know that
from here to here, it is going to stay
in this position. Now, a few frames later, I'm going to create
another keyframe. Now this grief aim is
to lock this position. And now from here, all the way, all the
way to this place, I want to track this. What I want is I want
the camera to follow. So I chose this place
here, somewhere here. And now I'm going to use this
feature and actually track the plane as it goes.
Let's see what we have. So we zoom in like that. And now we are
tracking the plane in its area. Okay? Now that has happened. I'm going to make another
keyframe, this area. And then maybe go a
little bit further. And I'm going to go back
here to the center like that and use this zoom-out
feature and go all the way. Outside. There you go. So now you can
see if I play my animation. So we've got our
plane coming in. And then we added
another keyframe where it zooms in, I eat that. And then keyframe where
it actually follows. And then resume. Like that. Great. You can see that we've added all these things and then
it goes out like that. And that is our animation. So I'm just going to end
this somewhere here. So I'm going to bring
our cursor from this area where our animation
actually. So there you go. So we've added cameras. Let's get we added an airplane. You can see the airplane
is actually moving now this was done on
the video itself. We exported this video before, and then we added
this tracker where we can actually see
what's happening. So maybe what I want to do
is you see this really nice. Just zooms in and zooms out. Like that. It's really, really fancy
and amazing to actually, let's try to add something else. Remember, we made that rocket
that we were working on. So let's bring that rocket
and see if we can actually use that to animate in
this, in this area. So I'm going to
create a new group. And this group would be
called, let's say rocket. And I am going to
maybe bring the rocket somewhere here
where it zooms out. This is the area where I want the rocket animation to start. So I'm going to click on import. Now, this is the rocket, but we are going to work on the rocket glare,
isn't worried here. So let's move this rocket place. This is where I
want the rocket to appear in the last few places. Now, let's change the size
by pressing the shift key. Change the size of this
rocket somewhere here. Now what I want is I want this rocket to actually start somewhere
here, which we have. And go in, click on
this rocket there, click on Properties, click on. Position. And then we go all the way here. And I want the stroke
it from this place. If I may just going to go
all the way up like that. As we zoom in, we
Mao and we can see the rocket is going
up like that. We can add a few more
elements to this rocket. Let's go into our library and maybe let's go to the
particle emitters and look for a
match match burner. Okay, great. We can apply this
here in this area, and let's see how we
can work on this. That's our rocket moving. So I want this to
follow a rocket. So I'm going to start
somewhere here. I'm going to bring
this somewhere here. Remember we can rotate. Okay, I'm going to attach
this to the rocket like that. And now when the
rocket is moving, I want it to have
its path also moved. So I'm gonna go into inspector, go to Properties and create
a motion path for it. As it's going, a
rocket is leaving. I want it to. Okay, so now we have our, I've set this up for
our matching burn. So now this is what our
final video looks like. So let's see what we get. So we've got our light
animation studio. You've got our plane, which
is actually being tracked with a message from the
pilot at is saying hello. And then we have a camera
that zooms in and the camera starts to track the
airplane in its space. And when the airplane
reaches a certain place, it leaves, that comes out. And we are able to actually see the rocket animation that is actually going all the way up. It's an amazing tool that
you can actually work on. And these are some
beautiful ways of how you can
actually use motion. And depending on the power of your PC or when you
are actually working, I'm recording this in
2021, September 2021. And you should be able to do a lot of things within emotion, softer, and it is a great way. This was all the things
that I wanted to discuss in this basic animation
and motion interface, basic introduction
to motion class. And I hope you enjoyed this. If you've finished
your class projects, I encourage you to
actually share them so that other people can
actually learn from you. Thank you so much.
Have a nice day.