After making my start picture and button I then went on to making my bmxer do the first jump of the story. I done this by opening a picture of a bmxer in photoshop and cropped it down to what i want an then got rid of the background using the magic wand tool and then saved it as a PNG format so that when i open it in flash the unwanted background will not reappear. I then placed a picture of the first jump into my animation. i then, on a new layer, placed the image of my bmxer. I then made my background stay there for a while whilst the bmxer is on the stage as well by inserting a new key frame further on in the time line. I then made a line for the bmxer to follow by using the line tool and then modified it by using the selection and sub selection tools. i then made my bmxer follow this line by using a guide tween. By the end of this scene it looked like that the bmxer was riding on the ramps in the background. I also added my button which i previously made at into the end of the scene. I then placed a new frame here on a new layer and made it stop by using code snippets and action script. I then made it so if the button was pressed it would take you to the next scene. This also involved code snippets and action script.
I then went on to making my second scene which was made by using the same method as the the previous one. The only difference in this one was i had a different background image and made the bmxer rider over them by using a classic tween rather than a guide tween. This took a little longer but i done this because i wanted to make him do a back flip in this scene. i then placed my button here again and made it stop here until it was pressed.
I then made my third scene which also used the same method as the first bmx scene i made but this one had another different background. I then added the frame with code snippets and action script to make it stop. I also the added my button which took it on to the next scene.
After those three scenes i decided to make the next one different. In this scene i made the bmxer manual across a surface in which he ended up on the other side of the screen. In this scene i started off by making an image larger in width in photoshop. I then placed this onto my stage as the new background for my new scene. I then made a new key frame further down the time line and on this key frame i moved the background image to the other side of the stage. i then added a classic tween. Once that was complete the outcome was a moving background. I the placed the bmxer onto the stage on a new layer and rotated him so he was in a manual stance. I then made a new key frame, in-line with the end of this moving background, and then moved the bmxer to the right hand side of the screen. I then put a classic tween onto it. this made him move from right to left, as the background was moving left to right. I then added the button and the stop frame.
I then went on to making my next scene which was my bmx character riding across and down a hill. Again i began this scene by placing a picture as a background onto the stage and then placed a key frame further along the time line. After this i added the bmxer on to the stage on a new layer. I then placed the bmxer at the top of the hill and made a new key frame further along. I then added four more key frames along the time line and moved the bmxer across each time until he was at the other side of the stage. I the added a classic tween between all of the key frames. the outcome was the bmxer moved across the hill, down and then across the hill half way down. Also on the last key frame I made it further away from the rest so he moved slower towards the end as if he were riding over and rough, rocky surface.
After all of this i got a picture of the bmx which he is riding and opened it up in photoshop. i then cropped it so it was just the back wheel and part of the back end of the frame and seat visible. Then i got rid of the background and saved it as a PNG format so i could open it in flash without the background. I then made three more copies of the back wheel, in photoshop, and rotated it 90 degrees each time. i then copied my image of the back of the back of the bmx 3 times and put the wheels onto them. I also the saved these ans a PNG and opened the up in my library in flash. I then got a picture which i made very wide in photoshop and added this to my stage. i then made this move from left to right by adding a key frame quite a way down the time line. I then added a classic tween after moving it to the left hand side of the screen on the last frame. I then got the first image of the back of the bmx and placed it on the bottom right hand corner of the stage. On the next frame i added the second in the same place and the done the same with the third and fourth. i then copied and pasted these four frames on after another until these frames were in line with the end of my backgrounds last frame. I then made an image in photoshop by using the custom shape tool to make a breaking or and explosion shape i then put two more on top. With this image i opened it in flash and put on the last 10 frames of the back of the bmx. I placed the explosion image over part of the chain in each frame. The end result of this scene was a zoomed in close up of the back wheel are as the bmx was riding across a dirt path and towards the end of the the scene the an explosion appeared around the chain as if it just snapped. I then placed a key frame above the end of this scene and used the action script and code snippets to make it stop. I then added my button in and used the same techniques so when it was pressed it would continue with the story.
Then for my next scene i decided to put a close up of the broken chain the the audience would know what the explosion was about. I made this broken chain image in photoshop by using the quick selection tool and the free transform tool. I made the chain looked snapped by duplicating a layer of just the chain and cut bits off and moved them around. I then placed this image onto my stage in flash after the previous scene and made it stay there for a couple of seconds. I then made my button appear so you can continue with the story.
Again to start off a new scene i got a background image placed and made it last for a certain amount of time by adding a key frame further down the time line. I then placed the image of the bmxer at the beginning of the background. I then placed a key frame about 7 frames across and moved the bmxer to the top of the ramp. I then done this again across the time line after the previous but moved the bmx into a different place each time. With this done i made him go up the ramp and do half a back flip. After this i made him come off of his bmx in mid-air because his chain snapped and put him off balance. I done this by placing an image of just the bmx after the last frame and then an image if just the guy as well, which i edited in photoshop so i was left with just the man.I then moved these two images about whilst adding key frames across the time line. i then added a classic tween between all of the key frames in this scene. With the image of the bmx in this scene, I made it complete the back flip without him and carry on off the stage as if it were still going by its self. This made it look like that he went up the ramp on the bmx, done half of a back flip and then came off in the air and landed on the floor as the bmx carried on going without him. i then created a speech bubble by using the oval tool, Line tool and text tool. I done this by making an oval filled with white and the made a tail coming from the oval by using two straight lines. I then curved the lines of the tail and made sure that the whole area inside this speech bubble shape was white. I then added the word OUCH!! to it with the text tool. Once i had made the speech bubble i placed it onto the scene in which the bmxer comes off of his bmx. I placed it in the frame which the bike was not visible and where the bmxer was lying on the floor. I then made this scene stop by using the code snippets and action script. i then added my button onto the last frame so it was possible to go to the next scene.
With my next scene i placed a picture of a dirt jump as my background. Again i added a key frame further on in the time line so the background will stay for a long period. I then placed the image of just the bmx on a new layer at the beginning of the background image. I the made several more key frames across the time line until it was in line with the background images key frame. I then, at each key frame on the bmx layer moved the bmx in to a different place until it had complete the jump and gone off screen. I the added a classic tween to all of the key frames in the bmx layer in this scene so it looked like it was moving.
Finally for my last scene i got an image of a finish line as my back ground and used the same method as in the previous scene so that my background for it would stay for a certain amount of time. I then got the same image of the bmx which was in the previous scene and made it go from the left hand stage of the stage to the right hand side. I Done this by placing a key frame at the end of the time line above where the end of the backgrounds key frame is. I then added a classic tween so it would move in each key frame in-between. After that i modified the speech bubble that i used previously by changing the text inside this and added it to my last couple of frames in this scene.
No comments:
Post a Comment