Saturday, 12 March 2011

Flash project - a website for Marlo

For two weeks we all had a new project which was to create an interactive Flash website for our character Marlo. It had to have a main page for our group with 4 links to our own seperate pages, and each page had to have a short animation on it with a few interactive buttons. We had one intense day of training on how to use the Flash program and then we were let loose! It was a slightly daunting task but i'm really happy with the result and learned how to use a new computer program :)
We attempted to put a Flash file onto blogger but it just did not work, so i will put some screenshots up instead! Here is the main page I created for our group:

The letters in 'Marlo' i animated to float up and down randomly to add a bit of magic to the page. Each of the playing cards i made into buttons, each one links off to each of our pages.

Sarah created a dressing up game, Claire made a rhythm game, Charlie worked on a page about Marlo's past, so i helped in giving her some information of the history of Marlo from my original notes.
My page was Marlo's interactive desk, here is a screenshot of it:


I painted most of it in Flash, painting only the poster and wallpaper in photoshop. I think painting in Flash gives a nice painterly look to it. The playing card in the top left is a back button to the main page. If you hover the mouse cursor over the magic wand it becomes animated and shoots out sparks and swirls:



Hovering over the old poster, the figure of Marlo comes alive and introduces Merit the Ferret out of his top hat:


If you click on the glove lying on the desk, it becomes animated and walks off the screen!



The last interactive element of this page (at the moment) is the red book leaning against the pile of other books. By clicking it, you are taken to a new page that looks like parchment with a small fact about Marlo's book collecting, and a short animation of Marlo bending over to pick up a big pile of heavy books and then stagger off screen:






And there is also a 'back' button in the bottom right of this page which takes you back to his desk.

Ands that is two weeks of my work!
Just a reminder - this is the link to our group's work for Marlo the Magician: http://marlo-the-magician.blogspot.com/