Google Logo Animation In Adobe After Effects - After Effects Tutorial - No Plugins.

[Music] hey guys welcome back to my channel a motion designs and in today's video we are going to create this Google logo reveal animation inside of After Effects without using any third party plug-in but with the help of Adobe Photoshop and simple tips and tricks in After Effects and if you want to learn more about logo animation and Motion Graphics then don't forget to check out my Udi courses links are available in the description and if you're new to this channel then please consider to subscribe this Channel and also hit the Bell icon to get more updates so without wasting any more time let's get [Music] [Applause] started so first of all here we are in adop Photoshop now I have this Google logo file over here I'll provide the link of this file in the description in this Photoshop file each and every alphabet is properly on separated layer so we can simply go to the after effects and we can animate this file okay so now let's go to the Adobe after effect let's create a new composition we are going to call it as main animation as always we do width is 1920 height is 180 frame rate we are going to choose 30 second duration we will choose let's say 30 second only and background is white color so choose that also and simply hit okay then over here go to choose grid and guide option and simply hit on title selection like this now I'm going to press CR I to import my Photoshop file so simply select this Photoshop file instead of import footage we will choose composition return layers and sizes and simply hit import and simply hit okay now double click to open this composition we will select all of these layers and we will hit CR X to cut it out go to the main animation and hit control V to paste it now right click new and create one null object select all of them by holding shift make it apparent with this null object select this null object press s for scaling option and scale it like this we will adjust the scale properly so we can move this properly at the center like this let's zoom in a little bit like this okay and now we will delete this null object okay so this is how we will get this stuff over here now after that we are going to select ellipse tool go to the fill and with the help of this picker I'm going to pick up this color and simply hit okay and by holding shift I'm going to create one ellipse now select this press control alt home to align that Anchor Point to the center go to the Align tab align it horizontally and then align it vertically like this select this and hit enter and let's call it as G okay because this is going to represent this G now select this hit contrl D hit enter and let's call it as o uh and with the go over here with the help of this pier I'm going to to pick up this color over here like this select this hit contrl D go to the fill options with the help of this picker I'm going to select this yellow color hit okay select this hit contrl D hit enter and let's call it as G with the help of this picker I'm going to pick up this color select this hit control D hit enter let's call it as L go over here uh and we are going to pick up this green color select this hit control D hit enter and let's call it as e go to the fill option with the help of this picker I'm going to pick up this color okay like that now right click new and create one null object select all of these layers and make it apparent with this null now select this null press P4 position and let's bring this downwards like this now create one key frame at the position over here let's go to around 20 frames and let's move this over here go somewhere around over here and contrl C contr V okay so we will get this kind of Animation now select this and hit F9 like this now uh let's select all of them and press s for scaling option uh and uh create one key frame go to around five second and let's create another key frame go to the start and let's make this zero okay select those key frames and we will hit F okay we will select those key frames and we will hit F9 like this and now we will take a distance of 55 frames like this and we will select this move this over here then we'll go over here select this move this over here go over here select this move this over here with the help of open bra square bracket I'm doing this select this and move this over here so if you see we getting something like this then at this point I'm going to select all of these layers and I'll press control shift d to split this layers and we will bring them at the top and we are going to delete this parenting of this null objects and hit U and we will delete this key frames also okay like this now select all of them uh or this null object and this spares and press control shift C and we will call it as first so this is indicating that this is our first animation like this then after that let's bring this downwards now select this layers and with the help of open square bracket we will bring them all over here now this G should be parent with this G okay so we will do that select this G and make it a parent with this one but I think we need to skip this parenting portion later uh I mean we need to skip this uh procedure now we will do parenting procedure later now select this uh ellipses over here and simply press P for position by by holding shift I'm going to select each and every positions right click and choose separate dimensions and create one key frame at X and one key frame at y okay go few frame forward create one key frame at X and one key frame at y like this now select this e over here okay we will move this over here zoom in a little bit make sure you should adjust it over here select this G make sure to adjust it over here see s this G make sure to move this over here select this o make sure to move this over here so basically each and every spare should be at the center of this alphabet like this select this G and let's move this over here like that okay and in middle of all of them select all of them by holding shift and we are going to change the Y positions of them somewhere around over here go to the Align Tab and we will choose this align vertical not vertically but I think we don't need to do that we will just keep it as it is I think this looks good and change the exposition we don't need key frame on Exposition over here okay like this so if you see we are getting this kind of stuff then go few frame forward again select all of them and create one key frame at y position and in middle of that we will bring this again over here okay now in search option type y only so it will show us y positions only and select those key frames and hit F9 go to the graph editor uh zoom in a little bit uh select this graph by holding shift we will move one handle over here select this we will move one handle over here select this move one handle over here select this and move one handle over here now select this move one handle over here select this move one handle over here select this move this handle over here and select this and move this handle over here okay like this so if you see this now we will get something like this now this is quite slow so what we are going to do we will select this and by holding alt I'm going to reduce it like this okay then uh let's go go somewhere around at this point and now we will do our parenting procedure so this G should be parent with this this one should be parent with this o this o should be parent with this o this G should be parent with this g l n e okay so you can simply see the spelling over here also g o g l e like this so what will happen we will get something like this now at this point over here I want this things should start to scale so I'll press s initial scale obviously should be zero so create one key frame and go a few frame forward somewhere around like this and create uh another scale uh I mean proper scale Let's uh hit control Z first of all create one key frame go few frame forward some where around over here let's create another key frame which means 32 and at this point we will make it zero like this and select those key frames and hit F my okay and now we will select this ellipse over here we will go to the search option and we will type size over here so it will give us size key frames and we will need to create a key on size of each and everyone and go over here and let's make this size zero and select those key frints and we will hit F9 like this we will get this kind of popup and now after all of that basically what we need to do over here we need to adjust them one by one okay like this now this e should animate first so then hit page down button two to three times select this L and this L and with the help of open square bracket we will move this over here hit page down button again select this and this move this over here again two times page down button move this over here move this over here and move this over here okay so if you see now select all of them and enable motion blur go over here select all of them and enable motion blur over here also like this so we are going to get this kind of animation and if you want you can select this uh go inside the Y uh position and uh you can simply select this last three key frames over here by holding shift I'm going to create this last three key frames of each and everyone and by holding alt I'm going to reduce the duration of it like this and let's move them a little bit over here okay so let's reduce this duration up to here yeah this looks good so hit you and then press control y to create one solid background and bring this backward like this okay so this is how you are going to get this uh animation inside of After Effects and if you want uh that uh it should animate a little bit later then you can adjust the key frame according to your needs but this is how you can create this kind of Google logo reveal animation inside of After Effects [Music]

Channel: AG MOTION DESIGNS

Views: 3,028

Keywords: google logo animation after effects, adobe after effects, logo animation in after effects, after effects logo animation, after effects animation, text animation in after effects, google logo animation, adobe after effects tutorial, google logo animation after effects tutorial, after effects animation tutorial in hindi, after effects, after effects motion graphics, after effects tutorial, logo animation after effects, google animation, shine logo animation in after effects, tut

Id: Yuk5luINb_Q

Length: 12min 57sec (777 seconds)

Published: Sat Apr 13 2024