Tuesday, 5 May 2009

Introduction to Flash

Flash tutorial- Creating buttons
Flash is used for animation and controlling interaction, also to create a simple website. When saving in Flash you should use the saving format (.fla) or if you intend to export the file to the net you should save using (.swf)

*First of all i created a set of buttons in Adobe Illustrator, i did this by going to file, new and making sure RGB was highlighted and the page was set to 640 x 480 pixel.
*Apple R ( to show rules)
*Create a set of shapes, that will later become your active buttons, use the fill tool to colour.
*Save
*Next open Flash and set up a new document by going to Modify and Document. Check the dimensions are also 640 by 480 and the frame rate is 12. Here you can also set a background colour.
*Go back into Adobe Illustrator, highlight the buttons and click eidit and paste.
*Highlight one button at a time then Modify- Convert to Symbol- Ok, do this for each shape this then turns the flat shape into a active button. ( to show that all the shapes have been converted a box with a circle inside will then appear.)
*Along the top is a time-line with the words up, over, down and hit.

Up
- how a button looks before anything is done.
Over- When you move the cursor over the button.
Down- When you click down on the button.
Hit- The hit area is the space around the button that still reacts to hitting the button.

*Next Go to insert-timeline-key frame, change colour for different actions and save it.
*Each button you want to do, modify timeline-convert to key frame.
*Open I-Movie, click on audio and drag sound to timeline
*Edit split selected audio clip at playhead.
*To export sound, file-export, click share, export sound to AIFF, save onto desktop.
*File and import to libuary, choose sound and double click on shape so it is highlighted.
*Go to sound and select-save file and then preview.
*Create new layer to type scrift, windows and action or the arrow symbol at the bottom.this brings up the action button.
*Global function and time line control.
*Double click STOP.
*Go to button layer and create layered intervals at various sections by highlighting and inserting keyframes

on (release) {
gotoAndstop (5);
}