Responsive design with the motion graphics I created a very simple animation and the technique I'm going
to show you will work whether complicated is your animation read a matter this animation is a normal
one.
You have the animation so you bring the text or whatever graphic in it stays on the screen for a certain
time.
That's the stable moment.
And then it comes out or the reverse animation if you play it is a very easy one and it really doesn't
matter if you have very complicated animation as long as you have in out and stable duration it will
work.
So to see how we can use these kind of animations within the responsive design responsive design it
mainly target these kind of animation what you have in stable and out and in mission.
Let's see how we can use.
First four.
Let's start with the concept that we want always to have three seconds stabilisation on the screen so
you have the information you don't mind if it's speedy or slow.
And the out you don't mind it's beat.
But whatever happens you want the three seconds to remain on the screen and then see how we are going
to use the responsive design that we have done with video.
You can use the work area to define your protected region or you can use the markets.
For now I'm going to use the marker.
I don't usually use them very much so it's nice to use them.
So I would start by putting a marker just over here and come to the marker and just double click this
option we all have it.
Even if you don't have the star on the keyboard that will come to the market like I've done before.
Click on it and give it some time let's say 20 frames.
It doesn't matter.
I'm going to label.
Let's make a deal.
It's nice.
And then of course is it protected the region.
And then we click OK.
So now I have the end of the marker and the out.
Now not what happens with markers here.
If you click on the in and you drag left or right you will move the marker with the tide.
OK.
If you click and drag on the out it will move the timing of the market so you can extend it and that's
the best way to use.
So click over here and go to four seconds.
Now I don't like to click and drag.
I prefer to go to the next keyframe press OK.
And then I will take the marker and just snap it using the shift.
So I have 100 percent here slightly that the protective region and you notice it's now yellow because
I used a yellow mark.
Let's go to a composition I created is the main graphics.
Just over here it has only the video.
I'm going to take the responsive design that we worked on and drop it inside for the governor.
Here you are now I notice you have a yellow area because of the color of the mark.
And if you play it you have the animation.
And we have the out admission.
Good.
So is our decision here is to make sure that the stable position the one that's not moving on the screen
is always the second.
If you stretch it in for example OK something like this whatever.
And then click and put it in the middle of the comp.
Now you have a very nice and very simple way.
So there's three seconds and it comes out.
So actually now it is the in and out animations that have been affected by the speed and the time in
between stays constant in the next lecture.
I will show you how to create an in and out animation using responsive design.
Or they call it an intro and I'll tell you that.