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

[Music] hey guys welcome back to my channel AG motion designs and in today's video we are going to create this behance logo reveal animation inside of After Effects without using any third party plugin but with the help of simple tips inside of After Effects and Photoshop now if you want to learn more about logo animation and other Motion Graphics stuff then don't forget to check out my yudi 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 okay so now here we are in Photoshop now I'll save this file I got this logo from Google you can easily get this now over here we have to separate each and every portion of this logo on separated layer so what we are going to do we will choose select we will choose color range and with the help of this picker I'm going to pick up this color first and simply hit okay create a new layer and hold alt backspace to apply that blue color hit contr D to deselect it now create another layer select this and again go to the select color range and we will choose this black I mean white color and make sure that fuzziness s 200 and simply hit okay go to this layer and hold alt backspace to apply that white color also hit contr D now we will delete this extra layer we don't need that okay so if you see now we have this is on separated layer and this unseparated layer now let's hide this for now we will select this now I'm going to select my rectangle tool and I'm going to select this B hit CR X create new layer press control shift V to paste in place similarly select this layer I'm going to select this e hitr x create a new layer press control shift we to paste in place and this is already on separated layer like this so uh this is how we will do that now let's enable this and let's hide this layers now I'm going to press s on my keyboard to select this lasso tool and we will select this much portion and then I'll press I for picker and I'll pick up this color and hold alt backspace to apply this layer color and hit contr D to deselect it okay so this is how we got each and every portion on properly on separated layer and we will save this file then we will go to the after effects we will create a new composition we will call it as main animation width is 1920 height is 180 frame rate is 30 and duration I'm going to choose 10 second long and background color is white color simply hit okay go to choose grid and guide option and simply hit on title saction then press contr I to import your Photoshop file I have this Photoshop file over here which which is simply this file only so select this and import as footage composition return layers and sizes and simply hit import and hit okay now double click to open this select all of them hit contrl C to copy go to the main animation and hit control V to paste it now select all of these three layers uppermost three layers and we will make it apparent with this fourth one which is this blue one go to the Align tab align it horizontally and then align it vertically press s for scaling option and let's scale it at appropriate size like this okay now we will do this animation first so select all of them and let's uh disable this parenting now select this layers and press control K to open the project settings and we are going to choose black color for this so we can easily see this stuff now select all of these three layers press P for position select their position by holding shift right click and choose separate Dimensions create one key frame at X and one key frame at y then go to around one second create another key frame at X and Y then go to around 20 frames and create one key frame at y only we will delete this XK frame we don't need that and in middle of that select all of these three layers and we will bring this over here go to this uh in middle of that uh like this uh we will bring this over here like this okay and go to the start select all of them and go to the Align tab align it horizontally and then align it vertically and try to bring the X position over here and Y position of them over here like this okay select uh those X key frame by holding shift and we will move them over here like this now select this y position key frames by holding shift and hit F9 go to the graph editor select this by holding shift we will move one handle over here select this and we will move one handle over here go to the start select this uh move one handle over here select this and move one handle over here similarly select this one by holding shift we will move one handle over here select this move one handle over here select this Mo this handle over here and select this and move this handle over here so if you see we will get this kind of Animation now press s create one key frame hit U go over here create another key frame go to the start and let's make this zero press R for rotation create one key frame hit U go over here and let's make this one complete rotation like this okay so we will get this kind of Animation okay and if you want then uh instead of scaling animation you can do another thing for example press s for scaling key frame let's delete those key frame and initially press P for for position and we will bring down the uh y position over here like this okay now we need the distance of 5 five frames over here so I'm going to take this one and move this over here and this one and let's move this over here like this so if you see we will get this kind of Animation okay now select this layer go press s initially create one key frame go to around 20 frames create another key frame go to the start and let's make this zero select those key frames and hit F9 go to the graph editor select this graph by holding shift move this handle over here select this and move this handle over here so we will get something like this okay now select this layers and press control shift C and we will call it as text animation like this select this and hit control d now select this one and we are going to choose let's say this color over here and select this and we will choose blue color over here now select this second layer we are not going to change anything but we will select this first layer over here we will go to the effect and presets panel and we are going to apply still effect and double click to apply and we will pick up this blue color over here okay now select this layer hit control D let's bring them at the top press F4 and I mean not F4 but enter and let's call it as mask and hit okay select this blue color layer animation we are going to choose Alpha inverted mask like this so if you see we are getting this kind of Animation now select this mask hit control D let's bring this downwards we are going to choose Alpha mask over here so we will get this kind of stuff now select all of them and press control shift C and we will call it as text and hit okay let's so enable this layer now we will select this we will go to the rectangle options and we are going to create one rectangle over here like this okay now let's go inside this select all of them press F4 and make sure to enable their motion blur so we will get that motion blur and over here also okay now this is animation now press control y to create one solid background and if you see this over here we will get something like this let's select this let's select this mask over here let's move this a little bit over here yeah okay so we are getting this kind of simple popup now after that we need to do another animation so select this last layer h control D let's bring them at the top and we will hide this layers except this white color solid we will lock this now select this H you and we will delete this key frame uh let's press s initially create one key frame go to around 20 frame create another key frame Let's uh make it something like this go to the start let's make this zero okay now select this hit U or go over here select this hit control D select this second layer let's make this 40 press t for opacity let's make this 80 now select this hit control D select this layer let's make this opacity 60 press s and let's increase the scale somewhere around press s let's make this 80 okay similarly I'm going to select this hit contr D select this last layer let's make this scale 120 and press for opacity let's move this opacity 40 select this hit contr D select this last layer go to opacity 20 select this press s and let's add plus 40 over here like this so if you see this now we will get this kind of animation and go uh to around 20 frame forwards which means over here and select all of them and uh copy the first key frame hitr C control V and select those key frame and hit F9 go to the graph editor select this graph by holding shift move this handle over here select this and move this handle over here select this move this handle over here select this move this handle over here so if you see we will get this kind of Animation hit page down button two times select this move this over here move this over here move this over here and move this over here like this okay and this topmost layer over here which is this one we will increase the scale of this to 10 or something around okay and at this point I'm going to enable this layers and let's uh try to bring them somewhere around over here okay so first this and then this and bring this layers at the top okay press F4 select all of them and enable their motion BL okay now select all of them and press control shift C and we will call it as animation and hit okay right click go to the layer Styles and choose B inos go to the B inos and increase the softness totally like this increase the size to 25 and let's decrease the opacity to 40 or let's say 25 okay also increase the size of it like this okay so we will get this kind of Animation like this also at this point over here I'm going to go inside this let's select our ellipse tool and by holding shift I'm going to create one ellipse select this press control Alto go to the Align tab align it horizontally and then align it vertically select this and move this over here let's press s create one key frame and search option I'm going to type stroke and create another key frame select this and hit you go few frame forward and let's increase the size and let's make this stroke with zero go over here and let's make this stroke with 40 and press s and let's decrease the scale and select this and bring this downwards hit U select those key frame and hit F9 go to the graph editor select this graph by holding shift move this handle over here and move this handle over here like this okay so if you see this now we will get this kind of popup animation now select this go to the effect and presets panel and search for drop shadow effect and simply double click to apply increase the softness select this Shadow color with the help of this pickup we will pick up this color and increase the softness somewhere around like this and increase the distance and let's make this softness to 125 or 150 like this and also let's make this 250 so we will get proper Shadow and we will increase the distance also like this okay let's go to around 5 Second uh and press n over here like this go to the start press s let's make this 120 create one ke frame go to around five frame and let's make this one0 0 so if you see we will get something like this along with that we will get a little bit of scaling animation also so this is how you can create this kind of animation [Music]

Channel: AG MOTION DESIGNS

Views: 3,346

Keywords: after effects tutorial, after effects, adobe after effects, logo animation after effects, learn after effects, after effects logo animation, logo animation in after effects, after effects animation, after effects tutorial logo animation, logo animation after effects tutorial, shine logo animation in after effects, text animation in after effects, simple logo animation after effects, after effects tutorials, title animation after effects, logo animation, tut

Id: Tq3mw_Vg510

Length: 14min 50sec (890 seconds)

Published: Thu Apr 18 2024