Shulou(Shulou.com)11/24 Report--

Let's talk today about how to do parallax animation in PPT and how to apply it on specific pages.

The first animation

This animation is very demanding on the material, and requires a complete set of vector illustration material in order to easily layer each material and add animation.

Then there is the convergence of the two pages of animation, let's take a look at the animation on the first page:

The material used in ① animation

Blue sky, tent, bonfire, river, prairie.

Principle of ② Animation

First of all, we need to piece together a single disassembled material into a static picture, and then add path animation to each material in turn.

The layering and animation mentioned earlier is similar to the layer relationship in PS.

If you are not familiar with PS, imagine a hamburger or paper drawing, one layer on top of the other.

The same is true in PPT software, in the selection pane, you can set the name of each group of material, lock it, hide it, adjust the order of layers, and so on.

For example, this animation is more clear and easy to modify after naming:

From this name, it is not difficult to see that the other three layers except tents and bonfires are background layers.

Add path animation to them in turn. There is no need to add animation first, just add path animation.

If you just add path animation one by one and it's over, you can't get parallax.

After adding the path animation, you also need to adjust their path length separately so that the length of the path is different:

In contrast, the path animation of tents and bonfire groups is longer.

If the length of the path is different, but the moving time is the same, then the speed of moving will be different, which will form the parallax animation effect.

Let's take a look at the second page of the animation:

The material used in ① animation

Freeze-frame picture, text group.

Principle of ② Animation

There is not much material on this page, and only two animations are used, the path animation and the zooming in and out emphasis animation.

First of all, you need to play the animation on the first page, and after the animation is played, capture the final stop screen:

Then take the screenshot to the second page, do some processing, round the corner and add lines.

Because we finally have to present an animation process from big to small, we also need to fill in the screenshots.

Why do you need to make up for it? Let's take a look at the difference between filling and not filling:

The center point of the zoom animation is different, after filling, the animation center will be more accurate and appropriate.

We have also written tutorials about replenishment. If you are interested, you can look it up:

Take you to the "make-up" in PPT to explore more magical ways to play.

The second animation

There is a slight difference in this animation effect, which combines two pages into one page, which is also very demanding on the material.

The material used in ① animation

Blue sky, snow-capped mountains, trees, castles, petals.

Principle of ② Animation

Although it is one page, it also needs to be done in a two-page way of thinking, mainly the floating of the castle and the fall of the petals, which we will analyze one by one.

Castle float: Castle float mainly uses path animation, the only thing to note is that after adding path animation, check "Auto Flip" in the effect settings, which is easy to be left out.

If you leave it unchecked, the following may occur:

It will really become a "PPT".

Petal fall: this animation will involve functions, for some reason, let's use the animation storm in pocket animation.

Mainly use these animations, random functions and fade-out animation and so on:

Taking the X coordinate as an example, you need to set functions for the first frame and the second frame respectively.

First frame:

Second frame:

The function setting of this frame determines the direction in which the petals fall.

There is also a pit, that is, fade out of this action, and hide it in the filter:

If you don't hide it, a bug like Catton will appear:

After setting the parameters of one petal, the other petals can be brushed with animation.

Then make multiple copies and adjust the delay between the petals:

The secondary picture is a specific introduction to the castle, and it also needs to be filled in order to be able to link up with the main picture.

Make up the background of the big tree and the secondary screen:

The next step is to add path animation separately, because it is outside the screen, so there is no need to add animation.

The above is the animation principle of the magic castle.

The third animation

The first two are related to the early childhood courseware, and this animation is more suitable for the business scene.

The material used in ① animation

Text groups, color blocks, pictures.

Principle of ② Animation

The use of three color blocks and pictures appear in different order to highlight the parallax animation effect.

First, let's take a look at the situation where there are only color blocks:

First the color block on the left appears, then the color block on the right appears.

In addition, there is an illusion that the black part is also animated, but it is actually a visual error.

There is only one animation effect used: fly into the animation.

Set the color blocks to fly in from top to bottom, left and right, and adjust their entry and delay time.

Next, there are the last five color blocks of animation, as well as the background image set by far and near.

The five color blocks also fly into the animation, and you can adjust the occurrence time after adding the animation respectively, and the background image is a basic zoom animation:

The fourth animation looks at the last animation, which is found in the previous parallax animation inspiration map:

Let's simply disassemble it and see how this timeline effect is made.

First, draw all the elements in the static page:

Then sort out the order and time of the animation, the timeline and year are the main body of the animation, add path animation to them respectively.

Do the animation to the left first. The path length of the timeline path animation is longer than that of the year, and there will be some delay in moving the year:

After adding the animation to the right, it should be noted here that the starting point of the left animation is the end point of the right animation, then the end point is another starting point.

In this way, there will be a close match, and there will not be a situation like the one shown below:

Finally, adjust the delay time of the next four path animations:

The smooth timeline animation of this page is finished:

Then again, by analogy in this way, many effects in parallax animated telepathy can be done.

This article comes from the official account of Wechat: self-discipline Rhythm (ID:yinlvPPT), author: Junmeng

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.