How to create sit at home After effect animation tutorial | Motion Graphics

Hello everyone! Today we are going to create this sit at home animation tutorial in After Effects. In this tutorial, you will learn, how to animate a 2d scene. Animating leaves. And animating legs in a loop in After Effects. You can download file from freepik.com. Link is given below in the video description. After downloading the file you need to separate layers in Adobe Illustrator. I have already explained that in my previous video tutorial. Also I'm going to upload weekly motion graphics tutorial in this channel. Make sure to subscribe it. Let's start the tutorial. Dag-and-drop illustrator ai file in After Effects. Press ok to this window. Right click to this vector file and click on replace footage with layered Comp. Double click this Comp. You can see, I have separated layers and renamed them accordingly First we will animate right table layer, then lamp, then flower pot, then leaves sofa, girl and then in the end these two sceneries. Click on table layer. Press 's' to open scale. Keyframe it. And change it's value to 0. Move cursor 19 frames forward and change scale value to 100 Move vector file anchor point position to bottom so that it feels like it is scaling up from the ground. Now I'm going to switch the animation. Select both keyframes, right click Keyframe Assistant and then click on EASY EASE. Select one keyframe. Click this graph editor icon. Make sure 'Edit Speed Graph' is marked. Now drag the last keyframe to the left until your graph look like this. Preview it again. Yeah it's looking good Make sure you are on the first keyframe copy table scale value. And then select other layers, except background and text layer and paste the scale value to these layers. Now it's time to adjust few things. Click this little circle. It will only show that specific layer. Now drag its anchor point to the bottom. So it feels like it is appearing from the floor. Now do the same with flowerpot. Move leaves anchor point to the bottom so it feels like it is scaling up from pot Now it's time to animate this sofa. Do the same with the sofa. You can turn on the background layer and can check that the sofa is coming from the floor Select and move forward leaves layer to the point where pot animation is about to complete. Move it's (leaves) anchor point little bit lower until it feels like it is coming up from the pot. Uncheck these dots so that all other layers become visible. Let's adjust the girl layer. Move girl layer forward to the point where sofa animation is almost completed. Girl should appear from the sofa surface. Move its anchor point to sofa surface. And preview it. Adjust it little bit until you got the desired results. Preview the animation. Yes it seems fine. We do not need to move anchor point for sceneries as they are already appearing correctly from the wall. Now it's time to adjust timing of layers. Move series to the end of animation because they will appear in the last. Move lamps leave and pot layer forward to the point where right table animation layer is almost finishing up. Move the girl, sofa and wall sceneries to the point where leaves animation is almost finished. Let's animate the text. I'm going to animate it top to bottom. Text layer will appear after sceneries layer. So bring this to the top and make layer forward. Move forward and keyframe position value. Now go to the first frameof this layer and drag text layer to the top so it goes out of the view. Easy ease them in the same way. And use graph editor to make it smooth like we did before. It seems little bit fast. Slow it down by dragging the last keyframe forward. Now let's animate the leaves. Select this puppet tool and add pinpoints. Now open this layer, open Mesh > Deform and remove keyframe for this base pin because we do not want to animate this base. Now you need to run a script to animate these leaves. You can download the script from the link that is given below in the video description. Thanks to Anthony for the script. It is too much You can reduce it by going to effect controls window. And reduce amplitude value to 2. Let's animate girls leg. We are going to create loop animation. Add puppet pins to her feet and on her knee. Let's check if this works. Let's add more puppet points on her body so that it won't move with her feet. Yes now her feet is moving fine. Let's animate her foot. Go to Mesh > Deform Select her foot puppet point and click on timer icon to keyframe it. Move forward around 20 frames and move our feet up. Move two frames forward and keyframe again. Move 15 frames forward, and copy first keyframe value and paste it Move 10 frames forward and then keyframe again. Preview it. Yes looking good. Now it's time to loop her foot animation. Select all keyframes and then click on this timer record by holding 'alt' on Windows or OPTION key on Mac Clic this play icon, then 'property' and click 'loop out' Let's preview the animation. It's looking perfect. Thank you for watching. See you in next week!

Channel: Motion Grapher

Views: 70,691

Keywords: sit at home, sit at home after effect, sit at home After effect animation tutorial, sit at home animation, sit at home tutorial, sit at home 2d animation, 2d animation tutorial, animation tutorial after effects, animation tutorial after effects Motion graphics, motion graphics after effects tutorial, motion graphics after effects, motion graphics tutorial, How to create sit at home After effect animation tutorial, motion graphics 2d animation after effect tutorial, 2d animation

Id: 5PNotJrwkYY

Length: 9min 43sec (583 seconds)

Published: Tue Apr 14 2020