Step one:

First of all, we draw jelly pictures in AI? But the body should stay in AE to create it and adjust it after it is convenient.

I don't talk about the specific drawing method of AI, mainly used? Shape tools and Boolean operations have been discussed in detail in previous tutorials. Pay attention to dividing layers.

? Ignore this ugly and unwanted background by yourself, just to show you the highlights of glasses orz. Making hin with Boolean operation is simple and practical. Be sure to learn to knock on the blackboard, don't go to Baidu ~

Step two:

Are you online? Import AI into AE, select Composition, right-click to create a vector shape, and set the frame rate of composition to 30 frames/second and the duration to 3 seconds 1 1 frame.

Step 3:

Create a new solid color under the eye layer, set it to any color you like, and change the name of the layer to "background". Remember to lock it up when doing dynamic special effects to avoid being moved at will.

Double-click the rounded rectangle tool to create a rounded rectangle with appropriate size, fill it with your favorite color, rename it "Body", put it between the "eye" layer and the solid color layer, and select * * rounded rectangle layer-content-rectangle 1- rectangle path 1- roundness * * to set the angle of the rounded rectangle. The larger the value, the more round the angle will be ~

? Step 4:

? Click "Ctrl+R" to draw a reference line at the bottom of the jelly figurine (as shown above) ~

? Ok, let's do the bouncing effect of the jelly figurine first. Select the "body" layer, and find the content-rectangle 1- rectangular path 1- size, at 2 1 frame, 26 frames, 1 second 23 frames and 1 second 28 frames, so that the villain's k key frames. In frame 23, in frame 1.26, adjust the body to be slightly thinner and longer than before; Adjust the body to be slimmer at the k key frames of frames 1.03 and 1. 17, and adjust the body to be short and fat at the positions of frames 1.09 and 1. 10 (= =).

Click the "P" key and adjust the position key frame at the key frame that K has just passed, so that the villain's body will stick to the bottom reference line no matter how it changes ~

Select all key frames and click F9 to add slow motion effect ~

The numerical value can be changed according to your own preferences, and you don't have to stick to the tutorial, as long as the direction is similar.

Step five:

Select the "Glasses" layer, press "P" to call up the position option, and press the K key frame for 2 seconds in the 8th and 2nd frames, pull the glasses down a little in the 2nd frame, copy the key frame and paste it in the 9th frame for 2 seconds, pull the glasses down a little in the 22nd frame, and move them up in the 6th frame.

Press "R" to bring up the rotation option, and copy and paste the key frame of 16 to 1 sec 17 frame, 1 sec 27 frame, 2 seconds 5 frame; Adjust the rotation angle at the k key frame of frame 22, rotate it counterclockwise by 5 degrees, and copy and paste it at 1 sec 29; In the 28th frame, the rotation angle is adjusted by the K key frame, rotated clockwise by 7 degrees, and copied and pasted into the 23rd frame 1 sec.

Pay attention to 1. It is natural to turn down the rotation value here. Rotate clockwise when the degree increases and counterclockwise when the degree decreases.

Note 2. If the eyes do not rotate along the center, press the "Y" key to adjust the position of the center point.

Press "s" to call up the zoom option, and copy and paste the key frame at frame 22 to 1 sec 27 and 2 sec 9; Zoom in a little on the 28th frame, and copy and paste k key frames into the 65438th frame+0.23 seconds, and the 2nd frame is 2.5 seconds; Set the zoom to 0 at 1 sec 4, and copy and paste the k key frame at 1 sec 17.

Select all key frames and click F9 to add slow motion effect ~

Step 6:

? Select the "Eye" layer, press the "P" key to bring up the location option, and copy and paste the K key frame of 2 seconds and 4 frames to 3 seconds and 7 frames; 2 seconds to move down a little in the 7th frame, and 2 seconds to copy and paste the K key frame to the 8th frame/kloc-0; Adjust the eye position for 2 seconds and 23 frames to make it move to the upper right corner (not beyond the scope of glasses and body), and copy and paste the K key frame for 3 seconds.

Press the "R" key to bring up the rotation option, copy and paste the k key frame of frame 18 to frame 1 sec. 29, rotate your eyes 8 degrees clockwise in frame 22, and copy and paste the k key frame of frame 1 sec. 2.

Press the "T" key to call up the opacity option, and set the opacity to 1 00% at frame 0, frame 5, frame 18, frame1frame 2 and frame 14; At frames 1, 4, 22, 1.24, 2. 12 and 2. 13, set the opacity to 0%. So you can blink ~

Select all key frames and click F9 to add slow motion effect ~

Step 7:

Select the "mouth" layer and press the "P" key to bring up the location option, with 23 key frames for 2 seconds and 7 frames for 3 seconds to copy and paste; Move your mouth a little to the left in 3 seconds, k key frame.

Press "T" to call up the opacity option, and set the opacity to 1 1 frame, with 2 seconds and 2 frames as k key frames; At frames 19 and 1.26 seconds, set the opacity to 0%.

Select all key frames and click F9 to add slow motion effect ~

Step 8:

Press "ctrl+m" to add the composition to the rendering queue, import PS after rendering and export it to gif format ~

Tips 1。 After learning the tutorial, you can add various elements and dynamic effects to the villain according to your own hobbies ~

Tip 2. All values can be adjusted by yourself. Don't stick to the tutorial, as long as the dynamic effect is smooth, it's OK ~

Tip 3. Please poke privately if you don't understand ~