After Effects referred to as "AE" is a graphical video processing software for organizations engaged in the design and video effects, including television, animation production companies, post-production studios as well as personal multimedia studio, belong to the latter type layer software. Use AE can quickly and efficiently produce a lot of cool UI dynamic efficiency, including dynamic effect is very eye-catching icon. The small series with a look at how we make use of AE dynamic effect diagram.
First, look at the final results: It is a very common switching between hamburger icon [] and [] to delete icon:
Specific production steps are as follows:
1, picture 3 NeyokoYuzurihaYuzuriha
2, two upper and lower lines converge toward the center, gradually disappear:
① align points up and down to adjust to the two lines of the screen center, the reference center position to make scaling
② Scale: 100% → 0%
③ opacity: 100% → 0%
3, in the middle of the line copy four, from a line into a delete button
intermediate line ① is selected from: new masks, drag a mask position
② 4 replicate the same (⌘ + D)
③ angle adjustment: 4 angle wires are set to -45,45,180 + 45,180-45 (formed in the shape of a delete button)
4, increase the angle [conversion]
① add a "null object"
② all empty objects below the layer, with an empty object parent-child link (* properties change when you change an empty object (such as size, rotation, position ... ), will be followed by other layers change)
③ 90 ° rotation of the empty object, so three lines into the delete icon at the same time, also rotated by 90 °
5, check the motion blur (seems to appear more natural)
6, let the animation loop up (hamburger → delete, delete → hamburgers, end to end convergence)
① copy all the keyframes, stay for some time after the adhesive (clone function utilizes motion2 plugin)
② Select the keyframe paste, right key → time reverse auxiliary frame a key frame (the order will be reversed)
③ the second object is empty, the rotation attribute key frame is set to 180 ° (0 ° → 90 ° , 90 ° → 180 °, 0 ° , and 180 ° look the same, it seems that the cycle) of
7, the final shape in the course of the conversion, increases a little zoom effect
① empty object increases two keyframes, scale: 100% → 110% → 100%
This is just about done it! These are the small series as we bring AE tutorial examples - make use AE icon dynamic effect. There are more detailed, practical functions and related software Ae and other Mac software acquisition, we come Macdown.com explore some of it on their own.