MBS 488: Animating with Behaviors in Motion

hi it's mark here so today ripple training is releasing a brand new tutorial called animating with behaviors in motion with a focus on basic motion and parameter behaviors and for this week we've got it offered at a really great price so please check it out in today's macbreak studio I'm gonna pull from that tutorial to show you how you can create a specific animation with several behaviors okay here we are in motion I've imported two graphics a dart board and a dart and my goal is to animate the dart to fly into the dart board now right away we really can't see the dart board very well because this black background so let's address that first I'll go to the library I'll go to generators and in the generators category I'll locate the gradient generator and add it to this group then shift command left bracket to move it to the bottom of the group I'll go to the inspector open the gradient change it from linear to radial set the start to zero zero I'll set the start color to sort of a light blue something like that and that outer color to a darker blue then I'll right click in the canvas choose edit position and just drag this out to create kind of a nice background great now this dart board I want to kind of turn on an angle to make this a little 3d looking I'm at first cue for the adjust 3d transform tool that lets me turn it right here in the canvas and I'll angle it a bit and I'll bring it over to the side maybe angle a little bit more and now it looks a little bit flat so from the filters popup menu I'll choose stylize extrude and there's an on-screen control to adjust that extrusion I'll bring it out a little bit it's a little hard to see so in the inspector for the extrude filter I'll change the extrude style from shading to gradient that'll open up this gradient and click right here to flip the gradient then change the start of the gradient to something a little bit lighter and then the end of the gradient to something a little bit darker maybe give it a little bit of color and that way we can have some depth to our dartboard okay the next step is to animate our dart and we're going to use three behaviors to do that first I'll press shift s to go back to my select transform tool and then from the behaviors popup menu I'll choose basic motion motion path in order to have the dart travel into the dartboard the default motion path is a straight line that lasts for the whole project I only wanted to last about a second so I'll double click in the time code field type one period return and then press o which will trim that motion path behavior so now it lasts just one second I wanted to end pretty much in the center of the dartboard so I'll bring that point over there and I'll drag this point off the screen so the dart starts outside the project we will play it back and then I'm going to double click to add another control point and drag that up to give that motion path a little arc so now the dart will travel along it like that of course doesn't look quite right so we need another behavior behaviors basic motion snap alignment motion and now the dart travels along that motion path not quite right yet let's select the motion path press shift o to move to its end select the snap alignment of motion behavior and tap o to trim it to match and then let's make some adjustments to it over in the inspector first I'll change the axis from horizontal to vertical which is better but now we have a backwards flying dart not quite what we want so I'll invert the axis by clicking the check box here there we go and now the dart will fly over and land in the dart board of course when it lands it suddenly reverts to its original position so I'll just rotate it to match that angle for when it lands right about like that great now I'm going to adjust the anchor point on the dart to the tip of it shift s and then I'll adjust this motion path just so that the tip lands pretty much right in the center there and if I don't want to see this bounding box I can command ford / to hide it and see if we've got the right thing yes now it looks like it's coming a little too far so let's address that I'm gonna press spacebar command and drag to get very close here and then I'll press command ford / to turn the overlays back on I basically want to add a mask so that we can see the tip embedded into the center of the dartboard so for my mask tool right here I'll choose a Bezier mask and I'll draw a little mask that covers the tip now something jumps when I do that I'll press shift-z to jump back out and now all we see is the tip so over the inspector for the mask I'll invert it and now we see the dart but not the tip spacebar command to zoom back in and we can see that tip is now embedded in the dart board great shift Z to back out now this motion path the travel doesn't look quite right so I'm gonna select this motion path behavior and change the speed from constant to accelerate so we got a faster fly in at the end there so it kind of punches into the dart board and that looks good but I want it to wiggle a little bit so we'll come to our third behavior now I'm gonna use a parameter behavior called overshoot and I'm gonna apply it to the rotation so that's why I move the anchor point to the tip so with this dart selected if we go to properties for rotation and click this downward facing arrow I can choose add parameter behavior overshoot and I want this overshoot to start when the arrow hits the board so I'll select one of these other behaviors shift o to move a plane to the end of it select overshoot tap I to trim its end point there and let's say it lasts for a second as well so I'll double-click the time code field to period press o and now the overshoot lasts for one second I'll also move my play range out point close to the end of that overshoot so we can just focus on this area here and now when I play there o comes in but we don't see anything happen and that's because by default the overshoot has starting and ending values of zero now I want to keep this ending value at zero if I were to change it it would affect the rotation of the arrow after the end of the haver which I don't want I just want to affect it at the beginning so I'll move the playhead back to the start shift I and then I just want a little bit of wiggle so I think when it first has it should kind of jump up a little bit so I'll add a negative rotation actually probably about negative three just a little bit and now when I play that back there ohit's and it moves a little bit but doesn't really look quite right so adjusting the overshoot all comes down to the ramp duration and cycles the default value of 35% for the ramp duration is way too much so I'm going to drop that down to about 2% and now when we play back we get a better wiggle but it still doesn't look very natural and that brings us to the cycles because over the duration of that one second we have three cycles of that I want to really crank that up I'm going to use something more like 10 and now we get something that looks a little more natural maybe not completely natural but let's say we want to overemphasize the wiggle but now we have the dart look like and sticking into the board now what's so great about these behaviors is they're so easy to adjust as opposed to keyframes for example I'll select the dart command D to duplicate it I'll take that duplicate and drag it down the timeline a little bit expand my range and then for the motion path for this Dart let's say I want it to hit down over here and then I'll change the flight path a little bit to maybe a little bit higher and then at the end of it the other thing I need to do I'll press shift asks for the select transform tool and I'll align it to that path for when it lands so now if I deselect everything I have two darts fly-in in two different places and I don't need to adjust anything else everything just works and finally here's an example right did three darts so if you like that you're gonna love the full tutorial check it out at the link below subscribe click the bell and we'll see you next time here on macbreak studio

Channel: Ripple Training

Views: 11,836

Keywords: Motion, Animation, Behaviors, Motion Graphics, Apple, Tutorial, Ripple Training

Id: NThQZfKITl0

Length: 8min 55sec (535 seconds)

Published: Wed Apr 15 2020