After Effects Tutorial: Glass Shattering Title Animation in After Effects

the software effects tutorial is sponsored by envato elements [Music] [Applause] hey everyone what's going on I am nikhil from dope motions in this after effects tutorial I'm going to show you how to create this glass shattering title animation instead of after effects without using any plugins so with that said let's jump straight into after effects and get started bring it [Music] [Applause] alright so here we are in After Effects and here I have a few assets of some images and some particle footages that I will be using for this tutorial you can download this complete free project file with all the assets included link is in the description so make sure you download it before you start creating this animation or start following this tutorial so let's start by creating a new composition let's set this to 1920 by 1080 30 FPS and 10 seconds long call this render as our main render comp press ok then create another new composition let's call this title or you can also call it text with the same exact properties press ok then select the text tool and type in the title that you want I'm going to type in something like powerful and for the font I will be using a very interesting and one of my favorite that is the tactic font and I'll go with something maybe like a medium or let's actually go with this one yeah this looks much better let's duplicate this press Ctrl D and let's put this below let's increase the size of this let's time in something like powerful machine there we go let's align this properly in the center so I'm going to turn on the title action save align this and then let's align this like so then select it go into effects and presets and search for an effect called gradient ramp search for ramp and let's double click to apply this swap the colors and let's pull this somewhere around here and pull this up like so just to add a little bit of nice gradient to this it's looking very very nice I think all right let's hit Ctrl C to copy it and paste it on a second text pull this below and let's pull this like so so we have this very nice look but let's take this one step further so what I'm going to do is select the text right click and go into layer style and let's add a bevel and emboss go into bevel in emboss and let's change the style from inner bevel to emboss let's change the technique from smooth to Chisel hard Edge so we have this really nice look and that's all that we have to do I think let's bring down the size a little bit like maybe around three should be good yeah let's copy this layer style and paste it on the first text as well so now we have a little bit of more depth into our text now let's right click and create a new adjustment layer called this shutter go into effects and presets and search for the shutter effect let's drag and drop it let's change the view from wireframe to render or render and now for preview this we have this nice shattering text so first of all let's jump into the shape and change the pattern from bricks to Glass now there are a lot of different presets and I highly recommend you guys to go ahead and play around with them to create a unique look but I'm going to go with glass and right off the bat if I preview this we get this really cool breaking glass effect which looks very very interesting so let's go right here and tweak some settings so I'm going to increase the repetitions to around 50. so I have much more breaking glasses of breaking pieces then go into the Force One let's bring down the strength of this to minus 0.2 all right pretty nice then let's close them up and go into physics increase the randomness to 0.7 that should be nice okay let's play around with the gravity and increase this to around 8 or 8.5 should be good all right and let's change the gravity inclination to 90. so we have something like this looks pretty damn cool so this is what we have right now and it's looking quite nice I think so now let's go back to our main rendercom and set up our complete scene so first of all let's go into the assets folder and drag and drop the background that I have here let's turn this into a 3D layer and right click create a new camera let's select a custom preset of 35 millimeters press ok then select this background hit P to bring down the position and let's push this back in the Z space like so and then we can press s to bring down the scale properties and scale this up a little bit then press Ctrl y to create a new solid make this black call this BG for background and press OK and put this below this background that we have now let's go ahead and add the title composition so let's add this one make sure to turn this into a 3D layer and now we have a text but we want to reverse the order of this animation so to do that let's go all the way right here when all the pieces are out of the frame and press Ctrl shift d to split this up let's drag this forward and let's select this right click go into Time and Time reverse layer and now if you don't see the stretch option you can right click here go into columns and add this option here and let's set this to minus 40. press ok so now we have something like this and let's go at the very end frame so here and let's go at the very end right here press Ctrl D to duplicated right click and go into time and Freeze Frame and then I can place it right over here and I think we can delete this one so let's stretch this out all the way so now we have something like this looks pretty nice now let's give it a nice camera movement so what I'm going to do is select the camera hit P to bring down the position go at the very start let's zoom in like so all right create a keyframe go to around five or six seconds let's go to six seconds and zoom out like this somewhere around here should be fine all right and then select the camera layer again press R to bring down the rotation and let's rotate it a little bit like so create a keyframe go at the very start and let's rotate it like this so now we have something like this looking very nice now as you can see the background is getting cut or cropped from the edges so I'm going to increase the scale of this like so so that's looking very nice now select the camera hit U so we can see all the keyframes select them press F9 to ease ease them go into the graph editor right click and select edit speed graph and then I'm going to select first of all select the position select this point and drag this to the left like so select the orientation and drag this to the left as well so now when we preview this we have this nice and smooth animation now before we move to the next step let's quickly take a look at our today's sponsor and vato elements download unlimited After Effects templates logo reveals background music sound effects fonts stock footages templates mockups and more visit the first link in the description and download anything for free for 7 days with that said I also want to tell you guys about envato cute plus YouTube channel everything here is entirely free of charge you can find full courses on topics ranging from Photoshop and in design to After Effects and Premiere Pro all the way to package designing the channel gets updated with new content frequently so make sure to keep checking in to see if there's something new and interesting for you to learn to know more about them check the link in the description below all right so far so good let's bring down the opacity of this texture a little bit I think it's a bit too intense all right now we can go ahead and stack up some assets here so first of all let's drag and drop the particles footage and turn this into a 3D layer now as you can see it has a black background and turning this if I turn this layer into screen which I can't because it's a 3D layer we need to pre-compet and then add it so to get rid of that hassle I'll select the layer go into effects and presets and search for unmount preset so unmount it's a it's an inbuilt preset so it's called the Alpha from lightness so I'm going to drag and drop this on the particles and there we go let's select this hit P to bring down the position and bring them closer to the camera like so so we have some nice depth then select the glass line drag and drop that as well then select the glass lines drag and drop that on the top turn this into a 3D layer and add the same preset on this one hit P to bring down the position and bring this super close to our camera like so maybe or something like that should be good and then go into effect some preset search for sharpen and add this let's set this to around 20. so if I preview this you can see it's looking very nice it adds a sense of depth into our scene which is looking very very cool then let's add this transparent tapes as well so I'm going to turn this into a 3D again and again search for unbelt add this here and turn this into a 3D already 3D layer hit P to bring down the position let's bring this super close again hit s and bring down the scale a little bit like so I'm going to place it somewhere around here and rotate it as well just a little bit just to add a bit more element in the background looks very very cool let's duplicate this press Ctrl D hit R and rotate it into a different direction let's drag it into another position and let's hit p this time I'm going to push this back like so and I'm going to place this one right here and I'm doing this very roughly but you can of course take your time and you know play around with the look until you find the right one and then finally let's add the broken glass texture turn this into a 3D the unmelt effect hit p for the position bring that right here let's scale this down you can get this kind of images on free pick and it's super easy to search you can just search for Block broken glass effect and you'll get this image and as you can see it's looking very very nice now let's select this going to effects and presets and uh search for Curves effect double click to apply this and let's add a little bit of more contrast in this particular no there you go all right so there we go it's looking very very nice now let's do a very quick color correction on this so I'm going to right click and create a new adjustment layer called this CC for color correction first of all let's go into effects and presets and search for um photo filter double click to apply that and let's select a cooling filter lbb let's set this to around 20 percent should be good yep and then search for a curves effect let's add a little bit of more contrast here as you can see now it looks pretty nice and finally let's add a little bit of sharpen on this off around maybe 15 or 10 should be good let's do 12. and now if I preview this you can see we have this very interesting looking title animation perfect for some documentary or some movie I think and also one more thing that you could do here is right now the particles doesn't have any kind of motion blur so to add this you can use the force motion blur which is inbuilt but it's quite heavy on the system and it renders very very slow or you can opt for this um 3D Plugin or sorry this paid plugin that is the rsmb but uh which helps us to add some very nice motion blur and if you're a motion designer I highly recommend you guys to go ahead and check it out it's not sponsored by them I just genuinely use this plugin to add artificial motion blurs because it's super fast renders very quickly and adds this nice look so I highly recommend you guys to go ahead and check it out link is in the description again so there we go there we have our shattered glass title animation inside of After Effects so that is a wrap for today guys I hope you enjoyed this tutorial and I hope that you learned something from this particular video so if you did make sure to let me know by clicking on that like button and comment down below also if you are new to After Effects then make sure to check out my full Fletch After Effects course with the name getting started with After Effects link is in the description and if you purchase the course right now you get the 350 plus Motion Graphics Pack absolutely free so make sure to head on to dopemotions.com the link is in the description and with that said I will see you guys in the next video till then take care and always stay raw stay creative peace out

Channel: Dope Motions

Views: 52,976

Keywords: after effects tutorial, after effects, glass shattering effect after effects, glass breaking title animation after effects, after effects tutorial glass breaking effect, adobe after effects tutorial, after effects tutorials, dope motions tutorials, creative title animation after effects, exploding text after effects, text explode after effects

Id: ej-cnvQ9A_g

Length: 17min 15sec (1035 seconds)

Published: Fri Nov 04 2022