Unit 19 – Interactive Graphics

Button plan

Buttons

I first drew out the way I wanted the buttons to look like and what colours I wanted them to change to when the mouse was over it and when it was clicked upon, as you can see I have very much stuck to my plan of the buttons that I intend to use for my website;I have included buttons in all of my pages on my website; I have created them using Adobe Fireworks. The button is white at the start and when the mouse moves over the button, it will turn yellow and then once it is clicked the button will go red. The buttons are placed next to the BOA Digital logo that I have designed, in the navigation bar. The way I did this was I created the button on fireworks, including the writing and colour, I then pressed F8 and chose the ‘button’ option  and then I double clicked the button and then chose the states option and it gives you the chance to choose up, over and down. Up means when the button is not pressed, over means when the mouse is moved over the button, down means when the button is clicked down.  The buttons are linked to each page according to their name, for example; if you click the Games Development/New Media button then the page will automatically change to the Games Development/New Media page.

This image was created for my game that I am making in my Games Development lessons, it is about an archaeologist who goes in search of different artifacts. I first drew out the way I wanted my character to walk on paper and then I scanned it into the computer using Adobe Photoshop and then put the image on to Adobe Illustrator and using the pen tool I traced over the different images. Once I did this I put the first image into Adobe Fireworks and then I added the other 7 images as different states and the above image is what my character looks like when he is walking.