Apple Motion: "Industrial Warehouse Title" Tutorial

hi this is simon up still earn welcome to another tutorial for motion 5 and today we're going to be taking a look at creating this interesting looking industrial title effect so there's some quite fun things here but most particularly these water puddles with the glowing text reflected in them and some Sparks and little sort of warehouse scene as well so let's get started so my project is 1920 1080 24 frames a second and it's 10 seconds long the first thing I'm going to do is come to generators grab a color solid make it black and I'm just call this background just so we're compositing against black always a good idea okay the next thing I'm going to do is I'm going to bring in my cracked concrete floor I'll put a link sistas textures in the comments okay bring that in set the size to a hundred percent let's set the position to negative 250 open up the rotation and set that X rotation to negative 90 welcome to filters stylize vignette and we'll set the size all the up to 1.5 we don't need any blur let's have a full darken so that's our floor what we could also try and do is stylize indent and now I've got another texture here called cracks bring that in I'm going to use that for the height map for the indent filter like that turnoff cracks we don't see it just put the vignette above that because we want it to be masking everything and set a softness of 0.5 bring the ambient down and reduce the highlights shortness down to I don't know 15 set the light rotation to 270 and the depth to 3 and I'm just going to mix it back so mix it back to about 50 that's giving us a bit more sort of textural interest there I made a mistake that I put everything into my background group I need to make a new group and put all that stuff in there that's lots of background group so I can't accidentally do that again I'm going to call this upset because I'm going to add some other elements to it note about let's do that now just for fun I'm going to import this thing called warehouse girders like that it's just a little word PNG that I made getting to set its exposition to negative 840 I'm going to right click duplicate set its exposition to positive 840 so I've got a double set I'm gonna make a new group put those guys into there I'm going to move this back to negative 1000 on Zed and positive a thousand on Y call this girders and then I'll duplicate that right-click duplicate and this group will set to negative 3000 and this just gives us a bit of fun a bit of actual debt to our scene I'm gonna set this group to 3d and then those will be in the right relation to each other I'm also going to add a light I think at this point so at a light like that move it to negative 100 on Z and what I'm gonna do is set its fall off to 10 and its intensity for the time being I'm gonna set to 750 so you can see how that that architecture there is really sort of create as a sense of space there with our girders and so okay so we can close up our set so the next thing we need to do is we need to make a new group and put our text in it so new group there click on the text tool and I'm going to type the word industry I'm gonna just Center it up the properties set it up here and I'm going to come to its lighting turn that off just so we can see it let's have a size of 200 and that's a little bit of tracking five and I'm going to set its baseline to negative 100 I think I'm at then what I'm going to do is I'm going to make a clone of this so right click make clone layer and I'm going to turn the original off that's what I need to come back to the original and we're gonna just add some blur there to the face so blur of five okay so but come back to my clone and I'm going to add a level of color levels and I'm going to come to the alpha and I'm going to bring the black up to about midway but I think you can see what that does is it creates this sort of a slightly neon II effect I'm just zoom in so you can see kind of nice neon effect because we're we're crunching the blur so now let's duplicate this clone right click duplicate and the level behind I'm going to work on so that that's bright white one is gonna be the top and then I want to make some colored glow behind this so what I'm going to do is add a Gaussian blur and I'm gonna turn off the levels here and what I'm gonna do is I'm going to add color colorize so let's take the read up to white urn let's move it over to somewhere like this and then we're gonna set our Gaussian blur to 300 and then we're going to duplicate that Gaussian blur so we've got a really nice wide one then we're going to duplicate this clone layer so we've got a layer above it and we're going to remove one of those Gaussian blurs and the remaining one we're going to turn that amount down to one to eight zoom back out again you can see we've got this nice glow so first of all let's rename this group text and then what I want to do is I want to work on these reflections so to do that I'm going to make a clone of this text group so right click make clone there in order for us to be able to see it we need to turn off the lighting so come down there turn off the lighting and I'm going to rotate this through 180 degrees on X and bring it down to negative 300 on Y so now our text is going through the floor which is not what we want so I'm going to come to that enclosing group and I'm going to set that blend mode to linear Dodge and now it's sitting over the top so let's call this reflection and in order to make this work we need to create a mat for it so that it's only in the area of our puddles so I'm going to make a new group and I'm going to call this puddle mat and I'm going to import an image that I've made well we puddle map like that so this is what it looks like it's just something I've made in Photoshop very roughly and I'm going to come to its transform I'm going to set its rotation to negative 90 its Y position to negative 249 I'm also going to bring it forward for 20 on Zed like so and I'm going to add a generator color solid to this group move it to the back set its color to black and I'm just going to increase its scale to 300% I just wanted to make sure that this is covering everything and we're not going to get any holes so let's turn that off then what I'm going to do is they're going to come here and to the clone inside the reflection there and I'm going to right-click allow you to add image mask and I'm going to use that puddle mat group as the mask source and switch to luminance and now I think you can see we've got our the beginnings of our effect anyway so to improve the look of this I'm going to add to this clone I'm going to add a Gaussian blur and also a color levels and set the Gaussian blur I think 2:30 and then open up the Alfa and let's just bring that white down like that and what we're doing here is we just get getting a bit more sort of powerful glow of that color there now our original text object isn't quite enough to fill out all the puddles so we're going to have to do that ourselves so within this reflection group I'm going to come down to the Bezier tool and I'm going to draw a rough oval like this and come to shape turn on fill turn off outline so properties that's zero at the exposition let's have negative two four nine on Y negative nineteen on X and now we've got our puddle where we can make a bit of an adjustment to it I'm going to bring that down a bit like that bring it up like that grab that control point drag that out there so what I'm going to do is I'm going to come to its colour and I'm going to select that glow color there that's feather it in and let it set its blend mode to screen and then I'm also going to use that same image mask that we used for the clone so I'm going to hold down the alt or option key and drag that image mask onto the Bezier shape and I think if I turn that on and off you can see how well that's filling in those extra puddle areas this point I just want to add a camera to give you a bit more sense of how this is all shaping up so add a camera I'm going to set its angle of view to 55 will bring the scene a bit more gives us a little bit more drama to the scene and going to set its exposition to negative 360 its Y position to negative 60 and it's a Zetas ition to negative 320 and then I'm going to come to behaviors basic motion throw open up the velocity and give it an x value of 50 so now that gives us this effect here and you can see our puddles are looking pretty nice we've got some nice parallax with our warehouse in the background there it's starting to come together now I just want to come back to our main light here and just tweak the color so that it's sympathetic to the rest of the scene reduce the red a bit used to green a little bit emphasizing that blue so now let's come back to our text and animate its appearance so that original text layer there that we turned off what I'm going to do is come to behaviour text animation sequence text let's add format opacity and set that to zero let's set loops to two let's come to around twelve on the timeline and hit o on the keyboard so the sequence is only running for those twelve frames or thirteen friends here under the direction let's select random so that gives us that effect there and then I want to duplicate that because I want it to disappear at the end so duplicate that sequence right click duplicate and to drag it all the way to the end of my timeline there and here I'm going to change the sequencing to b2 and so that'll make it disappear at the end come on on the beginning so obviously our light we need to animate our lights to reflect the fact that that text is coming on and let's come over to the light where are we always a good idea to put the lights at the top so let me do that now put the light right at the top there I'm going to come to where we where it's fully assembled that's 12 frames so I'm going to keyframe the intensity I'm going to come back to the start and set that down to zero what we could actually do just to make it a little bit more fun as it goes to nothing there so at frame five I'm going to set that up to 400 step forward a frame set that to zero and we got that color nice little kick there we could do the same for the end of just very quickly keyframe that intensity there just before it disappears and turn it off I went do that double kick there but you can do that let's do that gone intensity down to zero actually intensity on to about there because it nothing that's not it hasn't all turned off step forward one frame and set it back up to 750 it's quite a nice dramatic effect so one thing is not looking quite right is we've got this floor with all these cracks in it so why is the water not flowing into the cracks well actually we can fix that if we come back to our puddle mat group and you'll remember we have an image called cracks and that's the we applied that to our floor so it's import that we need to set the scale to 150 I forgot to scale these to match these so 154 on the scale negative 90 on the X rotation negative 249 on Y and then we need to add color negative and we'll also add color levels and you can see though the waters in the cracks but we've killed everything else so we're going to set the blend mode of this to linear dodge and I think you can see that that's now filled in the those channels there so there the water is running between those puddles and oh that's a lot better what we need to do is use our levels control here to make sure that we're not picking up these bits here these rough bits so just bring the black in and that'll really just give us only those channels and a little bit extra but that's that's probably okay in this instance and we might want to just add a very small blur I think to that and that's quite convincingly filled it in and I think that's sort of adds a little bit of extra interest and realism to the scene okay so the final stage is to add some sparks so I'm going to do a short cut here and use the one of the built-in Apple particle emitters I'm gonna make a new group I'm going to come to the library I'm registered for particle emitters and I'm going to look for blurry sparks it's quite less the top there Larry sparks drag that in and we're going to make quite a few changes to this the first of which is we're going to change the particle so I'm going to import spark PNG which is a an object I've made like that it's going to work better than the existing particle so let's drag that into the particles cell there that's the double circle like that and we can delete that original blur element so let's open this up and let's first of all set it to 3d we'll come down and set the birth rate randomness to zero we want a life of three and a life randomness of three let's have a speed of 25 I want some spin randomness so let's go for 75 there let's come down to the bottom here where it says scale and let's set that to 50 I put on the scale randomness have 10 for X and 20 for y so those particles are looking like that now we need to move the position of the emitter let's set it at negative 100 which is where our text object is and I'm just going to move it up to the top there just so it's submitting from roughly the right place then I want to come back to the emitter and let's sort the particles cell rather and let's adjust its color I'm going to make it die out later by dragging that opacity slider over I'm going to drag this colored one almost to the end here this one let's make blue or cyan like that so let's add to the emitter let's add a filters glow and while we're at it let's also grab color color curves hide the color curves the time being let's set the opacity of the glow all the way up to three bring the threshold down to around three and a half something like that softness all the way to one and then let's look at our color curves and we want to bring the black in to around there and the white in to around there it's looking like that then we want to add an edge collision behavior to this so they bounce off the floor so come to behaviors simulations edge collision we can turn off everything except bottom face let's say the band strength 250 I'm going to set the height to 540 and now the particles hopefully should be bouncing off the floor like that then we would just want them to come in bursts we don't want three bursts of particles so we can do that by adjusting the birth rate so I'm gonna first of all come to twelve frames on the timeline and I'm going to set the birth rate to zero hit the keyframe button step forward one frame to frame 413 set that up to 750 step forward one frame set it back down to zero and now we get her just a burst of particles like that I'm just gonna move the emitter position so it's coming out of something more plausible like the top of the D there that does that then at four seconds I want another burst so I'm going to come to 323 I'm going to set another keyframe I'm going to step forward set the birth rate to 750 step for one frame set it down to zero again so we have a another burst there but what we need to do is we need to move it along to somewhere different so I'm going to come to four seconds come to properties set a keyframe I shall go back to where I our original burst happen or was that twelve seconds set a keyframe there as well so four seconds let's move it along sage the tea middle of the tea like that and then I know where I want another at five so while I'm at it I'm going to come to five and I'm going to move the center over so come to let's come to the end for example there now the problem is these are going to move between the keyframes and we don't want that so what we're going to do is we're going to open up the keyframe editor here we've got animated selected that'll enable these position keyframes we're going to select them all by dragging around them and set the interpolation to constant and now those positions jump you can probably see where the arrow is doing jumps across jumps across so let's come to 423 come back to the emitter okay let's keyframe the birthrate step forward one frame two five seconds sadly birth rates to 750 step forward one frame set it down to zero so as you can see I've slightly messed up the relative timings of those so I just need to adjust those keyframe positions for the exposition transform so I'm going to grab those holding down the shift key and just just moving forward or other move them backwards a couple of frames and now that's coming out properly so away starting with the D then the T and then the N so to make this more interesting I'm going to add a light that follows the particles Dan and illuminates the floor as we get to the floor so let's come to the top of the project let's add a new light and our first letter was D wasn't it so let's move over to here I'm going to set the fall-off to 25 because we want it just to be very specific to this particle system so now the particles appear to start falling at around frame 17 so what I'm going to do is I'm going to keyframe the position so first of all I need to move it calm ZZZ it's a negative a hundred that y-position start let's let's just move that over so that's right okay so I'm just going to add a keyframe for the Y position there I'm going to move forward till the particles hit the floor which is there and set that value to negative 240 and what I'm also going to do is I'm going to animate the light intensity but first of all I'm just going to make sure of the light and it begins at frame 17 so it's going to make make it simpler to adjust this to the other letters so at frame 17 I'm going to hit I on the keyboard with the light selected I'm going to keyframe the intensity down to zero step forward to where we hit the floor 117 I'm going to set that intensity up to a thousand I'm going to step forward 20 frames so that's shift forward arrow and I'm going to reduce that intensity down to zero and I'm going to open up the keyframe editor we want to hide transform we just want to set these values here to be ease in on the end ease out on the start and to smooth that out okay so all we need to do now is duplicate this light and use it for the other two so right click duplicate so our T begins at around 403 so I'm going to take my copy there and I'm on the mini timeline here I'm going to slide it forward to this point here well just need to move its position on X so it's over the T like that that gives us this and then we need to duplicate it again so our n starts to come out at around five seconds so this duplicate let's move it forward like so and that windows you need to move its x position again over to the N drag that over like that that's fully like that so all in all that's adding it to the realism of those Sparks and there's literally just one last thing I would like to do and that's to add a little bit of atmosphere so I'm to come to the top add a new group come to object and I'll add clouds so and have a width of 3000 and a height of 4000 I'm going to reduce the vertical scale down to 24 but open up the gradient editor this white color just make a little bit bluish cyan you like that come back to your properties I'm going to set that X rotation to negative 20 and then I'm just going to move it back on Zed actually that's first of all said it's a screen and you should move it back on Zed to about negative 250 and let's reduce its opacity down to maybe 25 or 20 and that's given as this for a smokey effect what I think I might do is move those lights that were the three lights the for the sparks and I'm going to move them rather than negative a hundred on zero I'm going to move them forward to positive a hundred and that's looking a little bit better so this clouds we can add a he stylize vignette set these signs all the way up set the darken all the way up we don't need any blur and we can probably just reduce this amount again until maybe about ten just want to give her just a feel for there being a bit of atmosphere in there so without with when it's been too much time on that but it does he does help a bit okay so I hope that's been interesting thanks very much indeed for watching and I hope to see you again another time

Channel: Simon Ubsdell

Views: 14,204

Keywords:

Id: 5zo_3Cjs-bY

Length: 26min 21sec (1581 seconds)

Published: Fri Feb 21 2020