AE seafood noodles dynamic illustration effect tutorial;
Step 0 1 Create a new document
Open AdobeIllustrator and click file-> New (shortcut Ctrl+N) creates a new file with the following parameters:
Create a new background
2. 1 Find the layer panel of AI, double-click the layer name, change the name to "background", and use the rectangle tool (shortcut key M) to draw a rectangle with the same size as the sketchpad. It doesn't matter if I exceed it a little. Check Use Sketchpad when exporting, and the content outside the canvas will not be exported.
Fill color: #FFE5C2 Stroke: None
2.2 Select the background layer, click on the grid next to the eyes, and a small lock icon will appear to lock the background layer and prevent it from moving. At the same time, pay attention to develop good painting habits. Remember to change the layer name like this after each subsequent drawing, otherwise it will increase the difficulty of making subsequent dynamic effects.
Draw a bowl of noodles
3. 1 First, analyze the composition of the bowl, which is divided into the outside and the inside. Considering that food needs to be placed between the outside and the inside, we draw it in two layers.
Create the first layer, named "Inside the Bowl", and put it on the "Background" layer, so that all the shapes drawn next will be above the background layer.
Note: Unless otherwise specified, the stroke size is set to 3pt and the stroke color is set to 772424.
3.2 Select the "Inside the Bowl" layer and use the ellipse tool (shortcut key L) to draw a circle with a width of 305px, a height of 108px and a fill color of #9B4729, as shown in the following figure:
3.3 Create a new layer above the "inside the bowl" layer and name it "outside the bowl". After selecting the layer, use the ellipse tool to draw a circle with a width of 305px and a height of 320px, and the fill color is #CE4C28.
Draw a rectangle covering half a circle with the rectangle tool, select two figures with the selection tool (shortcut key V, commonly known as black) box, select the shape generator tool, hold down the Alt key, and cut off the blue part, leaving a semicircular bowl.
3.4 Next, you can fine-tune the shape of the bowl to suit your preference. For example, if I want a fatter bowl, I can use the direct selection tool (shortcut key A, commonly known as Xiaobai) to click the bottom anchor point and drag the handles on both sides to change the capacity of the bowl.
3.5 Finally, the decoration on the bowl. For example, if I want a bowl with a ribbon pattern on the bottom, I can use the shape generator to copy two ellipses in the bowl, press and hold Alt to cut off the blue part, and then change the filling color to #FFC05A.
Draw an ellipse with the right size at the bottom of the bowl, fill it with the color #FFC05A, and then put all the parts together to get a small bowl!
Check your layer again to make sure that only one ellipse is inside the bowl and all other shapes are outside the bowl. Lock these two floors to avoid "accidental injury".
Picture bar
4. 1 The noodles in the bowl are presented in the form of dough. Create a new layer named "Dough 1" and make sure it is between "Out of the Bowl" and "In the Bowl".
Create a new perfect circle with the ellipse tool, width 134px, height 134px, and fill color #FFC05A. Select the circle in black ink, and then click the object in the menu bar above-> Path->; Offset the path, set the offset to-15px, and repeat for three times to get a set of concentric circles.
We can also change the filling color of every other circle to #FFE5C2 to increase the color richness of noodles.
4.2 Copy several pieces of dough and stack them in a bowl. You can change the color, position, size, etc. According to your preference. Note: each dough needs to be placed on a separate layer.
Draw other ingredients
This part of the ingredients can be painted according to your own preferences, such as vegetables and bacon. Here are some ideas for drawing ingredients. After painting, you can increase or decrease the number and placement of items at will.
5. 1 egg
Draw an ellipse with the ellipse tool, drag the handle of the anchor point with a small white to change the shape of the ellipse, so that it shows the effect of being sharp at the top and wide at the bottom, then adjust the inclination angle with a small black, draw a perfect circle at a proper position as the yolk, and finally connect the head and tail of the egg with a pen tool to adjust the appropriate radian.
5.2 seaweed
Use the rectangle tool to draw a rectangle, fill the color #8E8459, and select the effect->; Distortion and deformation->; Ripple effect, parameters are for reference only.
Next, just flatten the two ends. If you draw a rectangle directly at both ends and then use the shape generator, what will you find? Why hasn't it changed? Don't worry, first select this piece of seaweed and click on the object-> Expand the appearance, then use the shape generator, and everything will be fine!
5.3 shrimp
Shrimp looks very complicated, but after careful analysis, the head of shrimp is oval. Shrimp can draw two ellipses, one big and one small. You can get an arc by removing the small ellipse with the shape generator. Then cut out half with rectangle+shape generator, and fine-tune the shape with white. The arc on the shrimp body can be drawn with pen and ink, and the shrimp tail is also a trapezoid with pen and ink.
The only thing to pay attention to is how to draw a line with a thick tail tip and a thick bottom.
We can draw three lines first, and then click on the stroke-> Profile, select the width profile 5. If you want to cut off the extra parts, remember to extend the appearance of these three lines ~
5.4 fishboard
Use the ellipse tool to draw a circle, fill it with color #FFD8C5, and select the effect->; Distortion and deformation->; Ripple effect makes it uneven, and the values are for reference only.
Use the brush tool to draw a spiral shape in the middle of the graph at will. Use the small black box to select two graphs, and right-click to group them.
Select an effect after selecting a graph-> 3D-& gt； Protrusion and bevel angle, parameters are as follows. After expanding the appearance of the fish board, right-click twice to ungroup, and you can separate the patterns and paint and stroke them at will.
Tidy up the materials in the noodle bowl.
Draw all the materials and put them away. You can add some rectangular chopped green onion at the top, and the filling color of chopped green onion is # 8AAA65.
Use the black box to select the noodle bowl and ingredients (remember to unlock the locked food before), and adjust the tilt angle to make the noodle bowl look more dynamic.
And create a new layer, named "Shadow", and draw an ellipse at the bottom of the face. The filling color is #E29540, and there are no strokes, which makes the noodle bowl look like it is floating in the air.
Draw chopsticks
Use the rectangle tool to draw a rectangle with a width of 360px and a height of 19px, and the fill color is #CE4C28. Adjust chopsticks with white to make one end big and the other small.
Pull the small white dot on the edge of the figure with the small white tool to make the ends of chopsticks round. Next, you can add decorations to chopsticks according to your personal preference ~
I added a short yellow arc, just like a noodle bowl. And copy a chopstick, adjust the angle and size with black, and put it in the right place.
Step 08 Draw the picked surface.
Draw a vertical rectangle with the rectangle tool, draw white dots on the edge of the figure with white, adjust the two ends into circular arcs, and fill the color according to personal preference. Pay attention to keep the color consistent with the dough in the noodle bowl ~
Finally, check the layer here to see if everything you want it to move has a separate layer. If there is a mixture, quickly create a new layer, and then Ctrl+X cut, pay attention! Don't use Ctrl+V to paste, because the position will change. Paste with Ctrl+F to paste in a new layer.
Ae animation tutorial Step0 1 import AI file
1. 1 Click File-> Import->; File, select the AI file that has just been completed. Import as selection: synthesis-keep the size of the material (secret: choose the longest of the two short ones! ), and select Create Composition.
1.2 Double-click the composition here, and all the layers you drew in AI will be displayed below, and you will know how important it is to name the layers! !
The second step is the dynamic effect of food in the bowl.
1We need to think it over before we do it. How do we want food to move? Dough is a perfect circle, so it can only emerge from the bowl from small to large, and other foods can fall to the surface one by one from the air. Finally, a pair of chopsticks will appear to pick up the surface.
This idea is complete! Let's deal with the dough first ~
2.2 Scaling of dough
Select any layer where the dough is located, and click the shortcut key S to zoom. Click in front of the Timeline panel to change the position of the blue line. Click the stopwatch before zooming, and the position of the blue line on the right will be keyframed, and the zoom value will be adjusted to 0%. Later, when we make numerical adjustment in other positions, AE will automatically supplement the animation in the middle part.
Because I want the dough to be bigger first and then smaller to the normal size, it looks more Q-elastic ~ So we drag the blue line to any position behind the time axis, adjust the zoom value to 1 10%, then move the blue line back a little, and adjust the value to 100%.
Next, you can click on the space to see the effect, and you will find it a bit stiff, so we choose three key frames, right click-> Keyframe auxiliary->; Slow down and watch it again now, and you will find that the dynamic effect is much more natural.
Copy these three key frames and paste the same effect on the other three doughs. Pay attention to adjust the position of the blue line before and after pasting, so that the four doughs come out differently, and the end time of the last dough effect is before 1s, otherwise the food behind will be too late to drop!
2.3 Location of other foods
Other foods fall from the air, so the effect is position. Select the layer where the object to be moved is located (take chopped green onion as an example), click the shortcut key P, place a blue line anywhere after 1s, click the stopwatch in front of the position to play a key frame, and drag the chopped green onion or the second number in the middle position with the mouse until the chopped green onion reaches the top of the layer. Then put the blue line at the time when you want the chopped green onion to land. Drag the second number at the position of chopped green onion or click with the mouse until the chopped green onion reaches the position you want.
You can also add a slow-motion effect to the key frame, copy it to other foods that you want it to fall, and adjust the position back and forth so that they stagger the time and fall separately.
In addition, we can also turn on the motion blur of falling objects, so that objects will feel more like falling when falling ~
2.4 Details adjustment
Strangely enough, everything plummeted while waiting, so we can choose some larger items to adjust the details, such as eggs and shrimp. After falling, bounce them up and shake them gently, which is more realistic.
Here we learn a new effect-rotation (shortcut key R) by taking the shrimp at the edge of the bowl as an example.
Because the shrimp needs to bounce first and then rotate this time, you can click on the small triangle to the left of the layer name-> Transformation, you can see all the basic effects.
The position effect is still the same as the previous zoom. We can make a slightly lower key frame in front of the last position, and add slow motion to make us feel bouncing ~
Because it needs to be buckled to the edge of the bowl after loading, we click the stopwatch in front of the rotation at the same position of the last key frame of the position to mark the key frame of rotation. But at this time, a new problem appeared, that is, the shrimp can only rotate in situ and can't turn to the side of the bowl as I thought. This is because the default anchor point of the system is in the middle position, so we need to adjust the anchor point position so that the shrimp can rotate around the new anchor point. Use the Pan Back (Anchor Point) tool (shortcut key Y) in the toolbar to drag the anchor point.
At this time, a new problem appeared! That is, the anchor point has changed, and the previous position effect has also changed with the new anchor point. We have two ways to solve this problem ~ one is to manually adjust the position of several key frames; The other is to move the blue line to the last key frame before Ctrl+Z moves to the anchor point, and select the shrimp layer next to the bowl. Ctrl+Shift+D will truncate the original layer and create a new layer, so that we can adjust the anchor position in the new layer without affecting the previous effect ~
Next, we just need to adjust the angle behind the rotation to make the shrimp flip to the angle we need ~ don't forget to add slow motion and motion blur ~
Step 03 Layering of Driving Effects
Before making chopsticks to stir noodles, let's analyze the relationship between so many layers and group them.
The first group: all the food in front of chopsticks, including dough, fish board, etc. Will block chopsticks and make them look like they are in a bowl;
The second group: chopsticks and picked noodles, they almost act together;
The third group: the object behind the chopsticks and the object in the first part are combined to form a whole bowl, so this part should include the seaweed behind the chopsticks and the crimson ellipse in the bowl.
Next, according to our analysis, different parts can be pre-synthesized, which can be understood as packaging into groups. If you do special effects on this group, all the items in this group will have corresponding special effects, and your own special effects will be kept.
3. 1 presynthesis
Hold down the Ctrl key to select the group to package, and then right-click-> Early synthesis is enough. You can rename the pre-composition as needed ~ shadows do not need to be grouped. See the following figure for the grouping of other layers:
3.2 Because my bowl is suspended, I hope the bowl floats up and down slightly in the air, and the shadow below becomes bigger and smaller ~ Then the layer involved is in front of chopsticks (pre-synthesis 1)+ behind chopsticks (pre-synthesis 2)+ shadow, with position effect before and after chopsticks, shadow and scaling effect, I believe you can make it according to the previous tutorial ~
Some people may wonder why my effect value is red. Here is a new knowledge point-expression. We can think of expressions as simple codes that help us to do some repetitive work.
For example, the floating effect of the bowl and the scaling of the shadow run through the whole animation. If you enter one key frame at a time, it may be a bit troublesome. You can use a simple circular expression. Need a simple calculation before use. The duration of the animation needs to be a multiple of the seconds of all the repeated key frames ~ For example, I set three key frames in the picture, namely, up, down and up, which last for 3 seconds, so my whole animation needs 6 seconds, 9 seconds and so on. And the loop is the correct effect, otherwise it may change its position in the middle of the loop.
So now we have two questions: 1. How to set a circular expression; 2. How to set the animation duration in seconds?
Let's solve the first one first. After we set three key frames, we need to hold down Alt and click the stopwatch in front of the effect, and then click the small triangle on the right->; Attribute-> Loopout (type = "cycle ",num key frames = 0), so you can add a circular expression ~
Now to solve the second problem, just drag the blue box in the picture to the number of seconds you want, and you can set the animation time ~
Making chopsticks to stimulate the vitality of noodles
4. 1 chopsticks dynamic effect
This part can flexibly use the knowledge learned before. The movement of chopsticks will definitely involve the change of position and angle, so open the position of two chopsticks and select a key frame to drag and adjust. The route is for reference only.
4.2 Dynamic effect of noodles
Noodles only need to move up with the process of chopsticks, because the middle of chopsticks may involve angular rotation, so the position movement of noodles needs to be adjusted accordingly.
4.3 Total additive effect
After picking up the noodles, we hope to have the effect of picking up the noodles up and down. We can directly give chopsticks (pre-synthesis 2) an up-and-down position effect, so that the chopsticks and noodles in the pre-synthesis can be picked up up and down together.
4.4 track mask
We're almost finished here, but we found another troublesome thing, that is, picking the first half of the noodles, and the noodles leaked out of the bowl!
At this time, we only need to add a trajectory mask to the chopsticks (pre-synthesis 2) layer. After adding, we can only see the layer with mask.
Use the rectangle tool (shortcut key Q) to draw a rectangle on the screen. Note that the top of the rectangle should exceed the highest height of chopsticks and the bottom should be in the middle of the bowl.
Click TrkMat on the Chopsticks (Pre-synthesis 2) layer, select the Alpha mask "Shape Layer 1", and press the space bar to play. You will find that the noodles just exposed are gone because they are not in the mask ~
The final rendering is about "How does AE make dynamic illustrations of seafood noodles?" AE Seafood Noodles Dynamic Illustration Effect Tutorial This issue simply shared so much, and the steps were clear. I hope you can learn! "If AE video post-production processing can be mastered, isn't it easy to make special effects and eye-catching videos quickly? Want to learn AE, want to learn AE systematically, want to learn AE professionally, come to feather rabbit! Click on the link to get all AE video courses, at different stages, and choose freely: