Tuesday, 16 November 2010

Making my assets

For my assets for flash I made the images first in photoshop in double the size of the iPhone screen. I used the pen tool for the lineart in the first two assets but then I switched to a program called Paint Tool Sai because the pen tool on that program is far superior to photoshop's pen tool. I coloured all the images used in my flash in photoshop and for the images bigger than the iPhone screen size I re-sized them before I put them into flash so it doesn't take up memory. To make animated eye blinks/ mouth movements I drew each different version on a different layer and after cropping the image tight around all the mouth's/eye's I saved each version as a PNG file so transparency is preserved when I import the images into flash. 






Monday, 8 November 2010

Storyboard

This is my storyboard for my flash animation with my basic plan for my story. Originally there was another character but it would take up too much time when I could be focusing on the rest of my work. I also came up with the idea that no matter what option you chose at the end you die. This is also good because then I have one less image to make.

Monday, 1 November 2010

Buttons, Pan and Zoom in Flash

Today we played around with flash and worked out how to pan and zoom images. First we re-sized the images we used in photoshop and then imported them into flash. We then added rulers and put guidelines on the sides of the iphone screen size. We then converted the images into a movie clip and moved the images into position and created a new keyframe on frame 50. We then made the image larger and focused on the clock tower, after that we clicked on any frame between 1 and 50 and right clicked and selected 'create classic tween'. This made the computer generate a zoom effect from the starting point to the end pint. Then with the second image we did the same thing except we just moved the image to the other side of the iphone screen instead of zooming in. If you then follow the same steps to make a zoom effect you get a pan effect.

Next we looked at making a button. First we made a square shape and converted it to a button the same way we convert bitmaps into movie clips. We then went into the button and edited the four states; up, over, down, and hit. Up is the normal state of the button, over is when your mouse hover's over the button, down is when you click and hit is the area that counts as the button, even if its transparent.

In my flash animation I intend to use buttons since they seem easy to work and a good way to make my work interactive. I don't think I'll be using pans or zooms though.