Adobe Flash CS3 Tutorial – Motion in Flash

Hi there, have you ever tried doing tricks in Adobe Flash? If not then this video is going to help you in that. This video is about how to create motion in Adobe Flash. This is very easy and so you will have fun learning this.

So lets get started, here is the video of the steps.

Alright let us talk about motion tweening and just how simple and fun it can be. What we are going to do here is just make a very simple shape something like this a nice big green ball. And then what we want to do is convert it to a symbol, so I am going to select it and go to modify, and select convert to symbol. We can give it a name or just leave the default name of symbol1, that’s fine for now and click ok. So, the basic rule with motion tweening is to apply them to instances of symbols and the big general rule is one symbol per tween per layer. If you put multiple symbols on the layer and try to tween them, then the tween is broken and it doesn’t really work out quite well. So, since we are working with one symbol anyway, that’s not a big problem, but what we want to do here is just move this symbol around the stage a little bit using motion tweens and I will show you what else we can do afterwards. So, let us create another key frame down the time line here and all you have to do is just really click anywhere down the timeline and at that point I am just going to hit F6 on my keyboard here and create another key frame.

What this does is, it will signify the change in my animation. So I will just take my symbol here and just drag it across the stage. And while we are at it let us create a couple of more key frames and do the same thing. And if you ever wanna move around a key frame in the timeline, you just click and drag it. So, now let us add a motion tween and what I would like to do is select any of the frames in between the key frames here. And there is two ways to create a motion tween. One way is to in our properties panel use the tween drop down and apply motion tween. The other way is to right click anywhere in between the two frames and select create motion tween. And now, all we have to is scrub our timeline to see the animation play back. So here we have just a very basic animation a symbol and some motion tweens. You will know if you have a successful motion tween when the horizontal line between the key frames is solid as opposed to a dashed line. A dashed line will signify that the tween is broken for whatever reason. You will notice that our frames have turned a nice shade of blue and that also signifies that a motion tween has been applied.

So, let us extend this tween a little bit and as for what we can do with the motion tween, we are not just limited to moving something around, but we can also scale objects. So, let us shrink this down a little bit and let us may be skew this off to the side and may be even rotate it. And now, if we scrub back to timeline, we will notice that it gets smaller throughout the tween. In here, it will skew from this key frame to the next. And if we ever needed to create a new key frame in between, some key frames or anywhere on the timeline, we can just click on the time line and hit F6 and create a new key frame here. And, let us apply a color tint, so if we select the symbol on the stage with our – hit on the key frame, we can then use the color drop down and apply let’s say a tint. We can pick any color we want. Let’s choose this reddish color and use the slider to adjust the strength. I will just leave it at 100. And you will see throughout the tween that the color will change as well as the overall shape that is still there. And if we want it to fade out at the end, we can apply a little alpha and as you can see its already set at zero. We can use the slider to adjust as much alpha we want. So let’s just set it down to zero again and play back the animation and we can see our object change shape, scale, color and eventually fade out all using a motion tween.

Another quick little feature about tweening is the easing and easing out feature. We can use the slider to ease in our animation which means that the object will gradually increase speed and if we want to ease out, we can use the same slider on another key frame to ease out. What this means is that the object will start to slow down as it reaches the next key frame. Again with Flash CS3 we have our custom ease in and ease out panel where we can take ease in and ease out a bit further. We can also apply custom ease in and ease out to various properties of our object, specifically the position, rotation, scale, color or filters. So there’s lots you can do.

Tags: free macromedia flash player, adobe flash mx, 9 download flash macromedia player, free download macromedia flash player, macromedia flash download free, download macromedia flash player 9, free flash tutorials

Tags

Flash Tutorials