Apple Motion 5: Departure Board Tutorial

hello this is Simon from Tokyo productions and welcome to another tutorial for motion 5 and this time we're going to be looking at creating this departure board title effects' and this is a good example of a project where getting yourself good and organized at the beginning can really pay dividends down the line so let's get started this project is 1280 720 and the frame rate is 24 frames a second I'm going to take my default group and I'm going to call that geometry then I'm gonna hit R for the rectangle tool and I'm going to drag out a small rectangle about that size and I'm to call that flap and I'm going to hit this arrow here to Center it up come to geometry set around this value of 4 and then I'm going to type in some values here in the control points so minus 5570 I'm just tapping between them 55 70 35 minus 70 minus 55 minus 70 pretty easy to do and a good idea if you want everything to line up okay so first of all I'm going to set the color for that flap to dark gray somewhere like that and then I'm going to hit command D to duplicate that and I'm going to call that outer turn off outer for a second come back to flap come to the properties and I'm going to set the X scale to 2000 and I'm going to turn it off again I'll come back to outer shape I want to use the outline and not the fill I'm going to turn up the width to 12 and make sure I've set preserve with and I'm going to set that to a very dark gray like that come to its properties and just scale it up to one one eight and then I'm going to hit command D to duplicate that I'm going to call this you know so this to a lighter gray somewhere about that and to come to the properties and here I'm going to set the scale of the inner to something smaller one one four like so turn off the geometry come up here make a new group come on shift in I'm going to call this slots grid because this is going to be the row of slots that you saw in the introduction and I'm going to hit L to make a replicator so I'm going to drag outer over the top of this cell rename that oh yeah and I'm going to take inner and drag it over the replicator and added as a replicator cell and I'm going to come to the replicator itself and I'm going to set the shape to line and the starts to mind authority on X and the end to 480 on X and the number of points to eight and now you see I've got my grid of slots just to title it up and make it look really nice I'm going to add a filter stylize and I'm going to apply my favorite indent filter to that replicator group like so the relative brightness of those two Gray's is what determines the 3d look so okay I'm fairly happy with that I'm going to call that slots grid and the next step is to start building the text so I'm going to make yet another group come on shift end and I'm going to call this text remove all the text tool and now I want to use a fixed-width font fixed width and the reason for that obviously is I want to make sure that I fill all my holes very precisely so I'm going to select fixed width and from the menu I'm going to choose Andale mano I'm going to set the size to 140 and the tracking to 38 and the alignment is Center and then I'm going to type motion 5 motion space 5 I should say center that up bring it down on Y till it fills the holes and I'm going to come to the style outline turn on the outline don't want it to be red I want it to be white and I'm just going to increase the width to 2 so as you see that that's quite a good trick for fattening up text that doesn't have a bold version as in this case so I like that I'm going to duplicate that come on D come back to format and I'm going to type type my second bit of text which is tutorial there we go so I've got my front and my back text in fact I'm going to call this back and I'm going to call this front might make life easier as we go okay so the next thing I'm going to do is I'm going to clone my front text so I'm going to hit K like a clone of that let me just call that front text easy to spot when we I do the next bit I'm gonna make a new group come on shift in I'm gonna call this a flap bottom and to it I'm going to add the flap you have to group add the flap and I'm going to over the top of that adds the front text and that's turn off the text and we don't need off slots grid at the moment I need to turn that flap on okay so no that's not quite what we want we actually need is to chop out just the first letter and not just the first letter the bottom half of the first letter so how are we going to do that I'm going to take the inner shape and I'm going to duplicate it to come on D and I'm going to call this flap mask and then I'm going to drag that on top of a flap bottom and move mask to group not shaped a group like so and now you see I've got a slot there that is cutting out the text and the flap I'm going to move that to minus 480 and now it's just selecting my first letter let me zoom in for this next bit so we can see a bit better what's going on come to the Edit points and I'm going to select the two top points and just looking at the geometry here I'm going to hold down the shift key and I'm going to drag those down till I get a value of minus 3 like that might just reduce that roundness down to 3 just just like that now you might want to do something a bit of snazzier than that which is to make it flat across the top but I'm just I'm just going quickly here using the round because I want a rounded rounded corners at the bottom but you could even do whatever you want and I make make a new group now and call it a flop 3d I'm going to hit control D to make it 3d and I'm going to drag a flat bottom into it and the next thing I'm going to do is I'm going to duplicate that group come on D and I'm going to call it B flap and that's called this B flap top I'm going to open up that group and I'm going to take the flap mask come to the properties and I'm going to rotate it through 180 degrees aha so now that mask is masking the top the other thing I need to do is come to my text barramundi this is B I want my back text so I'm going to drag that over the text there like so probably shouldn't call that front text that's probably not a good idea it's not going to matter too much okay so I've got two flaps of text what our next going to do is I'm going to duplicate this latest B flat group command D and I'm going to call it a /b flap and I'm going to open it up and this group here I'm going to rename be flap bottom helping your bearing with me because it's it's quite a lot of fiddly stuff going on here and what I'm going to do with this I'm going to come to the properties and I'm going to rotate that group 180 and I'm gonna take this mask and undo that rotation and then I'm going to duplicate it and call it a flap top and I want the front text for this drag it into there like so come to the mask properties and rotate that 180 and set the X rotation for the group to 1 to 0 so just to go through that again the B flat bottom the group is rotated through 180 the flap is not rotated the flat mask is not rotated for the a flap I have no rotation of the group but I've rotated the flap then we're going to come to the interesting bed which is to come to this group here and I'm going to come to my library behaviors parameter custom now the custom is quite a useful thing to know about so I'm going to apply that come to the inspector and I'm going to add properties transform rotation X and then I'm going to make sure I'm at frame 0 I'm going to keyframe it I'm going to advance to frame 6 and I'm going to set a rotation of 180 and now you'll see that flaps down and the good thing about that is that I can move this animation anywhere I want on the timeline remove a custom the custom behavior and when I move it it will move the animation with it it saves me having to go into the keyframe editor and move it in actual fact what I'm going to do in this instance is I'm going to come to frame 48 2 seconds in I'm going to hit shift square bracket and you'll see that that moves the behavior to start at that frame there we go so this is all starting to come together if I play that you'll see that flaps down from M to T here we go this there's a problem here and this is an Apple related problem it relates to how the the anti-aliasing works in in motion so we're seeing the underlying lessor of the back of the flap as it were don't worry about this we're going to take care of all of that at the end I actually quite like it I think it's it's almost like a real world effect like the painters spilled over and you're actually seeing that the bag leather but if you don't like it I'll show you how to get rid of that in the end okay I'm going to make it one new group and I'm going to call this slot one and I'm going to take those various flaps and I'm going to drag it into the slot one group place that down and then I'm going to turn my slots grid back on again and I'm going to take my slot one group and then we hit command D and call it slots to hold down the alt or option key as I twirl open slot two and you'll see what happens is all the groups inside get opened up in one go very handy trick to know and the reason I'm doing this is I want to select all these flap masks together so in order to do that I'm going to hold down the command key and select them like so then I'm going to come to the transform and I'm going to move them along like that I get to minus three for three and you'll see that's just masking now the the new letter and that means that we're starting to build it up very quickly and I think yes you see my point about organizing yourself essentially I'm going to just do this for all the remaining slots and so let's let's just do one more I'm going to duplicate slot two it's not three alt twelve Oken command to select all the flat masks come to the properties this time I'm going to set a value of minus 205 that moves that over and duplicate again call this slot for I hope you can bear with me alt twelve command select come to the properties this time I'm going to set it to - 205 no that's not right - 69 close it up again duplicate it you can go away and have a cup of coffee while I'm doing this or whatever you want to do actually I'm gonna skip forward because I think you get the idea by now I've seen in a bit okay well you were having fun I was slogging away through this and now I've got all my slots all filled and I've got my animation there's a few more things we need to do to get it looking good one of the things is we need to offset the animation position because we don't really want them all happening at the same time so there's a clever trick for doing that and that is to use this search box here and I'm going to type in the word custom because you remember that was what our behavior was called and there you go all those behaviors are now showing together and nothing else it makes it very easy to just adjust them so really and what I would do is I would just go through and just manually shift them around randomly I mean you know you're probably more of a perfectionist than I am that you are not difficult so I'm just really sliding these around at random so they don't all happen at the same time which is more like a actual departure board there you go you can see that you can see how incredibly easy that was so that's a full trick really if you've got a parameter that's got a name that you can fish out like that maybe think of naming your items so that you can use this function really really saves a lot of time what I wanted to point out actually is that what we can do is we're not now stuck with this text so if we wanted to do motion six or whatever this text is completely editable obviously you've got to have a character's but you could for example I could do a bit of promotion here and type in Tokyo UK so you can really see how having been organized with this has set us up really nicely ok so let's move on to the next thing which is to add a light so command option elves to make a light I'm going to set the intensity to 400 I'm going to set its position to C minus 500 150 on Y and 350 on Z like that so it's coming from the left looks quite nice what we need to do though is we need to turn on the shadows here open this box and this is what really sells the effect I think is seeing the shadows on the on the flaps but we need to make sure that the softness is up in the shadow parameter there let's also add a camera and what I'm going to do is I'm going to move the camera to minus 75 on X and minus 45 on Y and leave it zero on Zed you know what's wrong here is our slots grid grid slots is not 3d Turner slots grid into 3d and it pops back into place let's turn off this 3d grid view which is much like there we go and the camera I'm going to add a behavior to that library behaviors camera sweep apply that Spectre I'm going to start at minus 30 I'm going to end at minus 15 so we're looking at it from the side now this depending on your machine this this this is is not the fastest thing in the world's to render so or even updates so you even have to be a little bit patient with it but you can see that that's actually looking really nice now we've got the shadow and the light and everything happening together let me quickly show you what I meant about sorting out that centerline I'm going to turn off the camera what we do so so I'm going to move that slots grid to the top of the composition that's command shift backward square bracket I'm going to make a new group come on shift end drag this Lots grid above that and in this new group I'm going to hit the rectangle tool draw a rectangle across that area there I'm going to Center it up set the fill color to black and then I'm going to move it forward zedd like so by one pixel I also need to move my slots grid forward again by one pixel and then I'm just going to come to this rectangle and we're going to scale it down on why probably about there you know what I'll do is I'll turn the lighting off so it's not being lit and that's just a black hole going through like that and that takes care of the the unwanted to miss there turn the camera back on and you can see we've got a nice tidy result and one other thing you want to probably do which really will tax your computer but is I think is pretty essential for this is to turn on motion blur when you render it and that'll that'll remake those flaps look good as they they come down you can see what's happening there okay thanks very much for watching I hope that was interesting and I'll see you again next time [Music]

Channel: Simon Ubsdell

Views: 77,198

Keywords: Video Design, Motion, Adobe After Effects Software, Software Tutorial, Cool, Free, Graphic, Best, Motion (Software), OS X (Operating System), Title, Videocopilot, Fcp X, Logo, Genius, Compositing, Simon Ubsdell, Fcpx Effects, Final Cut Pro X, Techniques, Amazing, How To, Title Sequence, Motion Graphics, Text, departure board, Tutorial, Effects, Graphics, Composite, Tricks, Effect, Animation, Andrew Kramer, Tokyo Productions, Tokyo, After Effects, Motion 5, Coolest, apple, Apple Motion

Id: eO-OPQ0ov3g

Length: 21min 59sec (1319 seconds)

Published: Tue Apr 15 2014