AE Animation Tutorial Making Label Bar Animation

Effect: Step 1: Import the icons in AI into AE 1. Create a new composition, then name the new shape layer backplane, and paste the backplane path in AI into the shape layer. 2. Select the backplane, select the "Generate-Fill" effect in the effect, check "All Masks" and fill it with white. 3. Import the icons in AI into AE. Create a new combination of 60x60px called Home Page, and create a new shape layer in the combination. 4. Paste the icon path in AI to the shape layer in the "Home" composition, and add the effect of "Generate-Stroke". 5. Create a new 60x60px composition again and import "Home-Select" from AI. But it should be noted that it needs to be divided into two shape layers. Step 2: Realize the animation 1. Drag two compositions, Home and Home-Select, into the total composition to make scaling animations for the two compositions respectively. 2. Select "Home-Select" and use the ellipse tool to make a mask in the lower left corner, reducing it to 60%, which means that "Home-Select" can only be used in this mask. Then give this mask k frames and let it unfold. In this way, the selected effect will be slowly filled with black. 3. Copy two "home pages-selected" and fill them with different colors, so that there is a time difference between their mask-extended animations, thus completing the basic animation. 4. Add a liquefaction effect to "Home-Select" and a little detail, and it's done.