[Dry] Nantong Education Xun UI interaction design training: AE simple production wave effect graphic tutorials

Hi, everybody! Nantong Branch Xun education classroom started it! Today little sister fast dry is recommended for everyone "AE simple production wave effect graphic tutorials." I know if you can not wait, here please Xun Education plane / UI designing professional and experienced teacher to give you details. Quick to learn it!

15369493-88a2b544988521b5.jpeg

This lesson we make AE simple wave effect dynamic efficiency

step 1

First create a solid layer, as a wave moves to the center of the base of the page -

15369493-341488f582af63d9.png

Step 2

And then a new solid layer, added to it a radio wave] effect [

15369493-1b98f99b63165030.png

Then you'll see this effect:

15369493-fb93384b95f1114f.png

Step 3

A radio wave modulated tone [] parameters:

15369493-67ca20b31b908205.png

It becomes the case:

15369493-acc2f9c3055aba2a.png

Then add a Gaussian blur [] effect, adjust the degree of blurring larger

15369493-21743f5097a5da49.png
15369493-eac605ac7d6b8639.png

This layer pre-synthesis bit (⌘ + shifit + c), named [waves]

Step 4

Select the beginning of the construction of the solid color layer, add to it a displacement map [effect] ~

[Replacement] into the layer we just do that [wave]

15369493-ea04c37e639e3d62.png

Then the effect is this:

15369493-2947d2ab9083f679.gif

Since only fluctuate in a vertical direction

Therefore, the vertical displacement [] value points increase, the level of substitution [0] is set to

Then the effect will become so:

15369493-b9af3375538339de.gif

Step 5

Back step away from the free play of the ~

For example, I want to put a wave [star] containers on the first draw graphics a star

Then the mask is set to wave [Alpha Mask "stars"] ~

15369493-2395cef6aa1232c0.png
15369493-dbf82c1cc641590e.png

Step 6

If you want to achieve [water slowly filled from the bottom to the effect]

[] May be provided two wave keyframe positions []:

When the position of 0 seconds when the following positions, five seconds in the above

15369493-129665ee5343f9be.png
15369493-a8032491f06fc486.gif

This issue tutorial to end here, I hope you watch and think in practice the process, understanding production ideas and methods of operation, learn and use.

15369493-5cf68172e1750ca9.jpeg

Thank you for your patience to read, want to want to learn Nantong plane / UI design students help! If you have a strong interest in learning design, welcome to communicate with me. Nantong Branch Education Xun welcome everyone who loves plane / UI Design of you, every one has a plan for their future professional people!

Reproduced in: https: //www.jianshu.com/p/e52dc0de196d

Guess you like

Origin blog.csdn.net/weixin_33674437/article/details/91178608