How To Animate Any Logo In After Effects | FULL TUTORIAL

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
In this video you will see very simple techniques for logo animation. This will help you to animate any logo in Adobe After Effects. You don’t need complex tools to make your logo logo animation look professional! After watching this tutorial, you will be able to create animation of any logo you want. Lets start with YouTube. This logo has only 3 elements which makes our job easy. We need to animate each of them. Let’s start with moving to Illustrator to separate layers of this logo. I will include project file with vector logos in the description of this video, so you can follow along or practice it later. Open the file in Adobe After Effects as a composition. Then convert the layers to shape layers. Put the end position and copy it. Paste it in the middle and increase the scale. For the start position we will decrease decrease the scale volume. Now go to animation type to make it smoother. Feel free to play around to reach results the best for your own project. Almost exact same thing for the play button but for the contrast increase the scale volume for the start position and decrease it from original size and put the keyframe in the middle. And last position will be its original size. By doing that we have an overshoot animation. After doing that we will need to use position keyframe to simply move the text from right to left. Again for an overshoot animation don’t forget to put keyframe in the middle and adjust the position. For the last element of this logo we will use same technique which we used for play button. After doing all this click the motion blur and our first logo animation is ready. For the second logo we will use the same technique but with different elements. For an anticipation I used brief case to emphasize the brands goal. But first I separated the layers in Illustrator. By the way by pressing shift+x you can change the fill to stroke of any shape, this might be useful for another projects. As we did it for the Youtube logo we must separate the layers for Linkedin logo too. To do so just press ctrl +x then create new layer and then press shift+ctrl+v to paste it in place. Do the same thing for the other elements and we are set to get into animation part. First element will be the rectangle. We will need to animate the position to bring it to the center. Then put the end position and don’t change the scale volume. Copy it and paste it in the middle of the timeline and increase scale for an overshoot animation. For the start position just decrease the scale to 0. Now it’s your time to play around with animation type and first element is ready. Now to the briefcase. We are going to use the same technique by just adjusting the position keyframes. Put the end position first then copy the keyframe and paste it in the middle of our action and adjust the position for and overshoot animation. For the start position put the keyframe and adjust the position by just bringing it down. Remember to adjust the animation style. The same technique will be used for the upper part of the briefcase. Animation of a logotype will be easy because we will use the same position animation technique for the first letter. Adjust the scale keyframes for the last element of this logo. The technique is, again, same. Start, overshoot and end position. If you get it once, you can use it all the time you need it. Lets animate another logo with this simple technique. For this logo I used the scale and position keyframes which we did earlier. The only difference is the color of this heart icon. Nothing complicated, just choose the fill from the path and adjust the keyframe. It will start with white color and will change for red in the middle. Hope you enjoyed and learned something from the video. Please don’t forget to like and subscribe for more animation tutorials. See you in the next one!
Info
Channel: ilkin
Views: 928
Rating: undefined out of 5
Keywords: after effects tutorial, adobe after effects tutorial, after effects tutorials, after effects, after effects logo animation, logo animation in after effects, logo animation tutorial, logo animation, adobe after effects, how to use after effects, after effects beginner, after effects beginner tutorial, logo animation beginner, motion design, motion design tutorial, motion graphics, motion graphics tutorial, learn motion graphics, motion graphics after effects, linkedin, portfolio
Id: JcxMOi72GR8
Channel Id: undefined
Length: 5min 0sec (300 seconds)
Published: Thu Mar 21 2024
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.