week 3:Button interaction & sounds

Week 3

Graphics

This week you need to add actionscript to the button you have created.The actionscript will take you to another scene.
In your post you will need to explain how you did this and include screen shots.

Sound

Using the sound program Audacity you will need to edit an existing sound (reduce the duration) and export the edited sound as a WAV format.
Finally you will need to show your ability to add the sound to the button so the sound will play when you either rollover or release the mouse button.
In your post explain the process and include suitable screen shots.

Week 2: Designing Graphics

Week 2

Your second post

This week you need to design the different "scenes" that will be in the interactive media product.

The "Scenes" will incorporate:

• Background images
• Text
• Buttons
• Music
• spot sound effects
• ambient sounds

You will need to develop a series of mock up graphic images to represent the scenes in the interactive project.
In your sketchbook you can sketch out the scenes and scan them.These can be inserted in your new post.
You will also need to annotate these images to explain how the interactive elements might work to navigate through the story or learning interactive media.
In your annotatiopn you can also describe what sound will accompany the Scenes.


Exercise 1:OLD HOUSE EXERCISE
 

Bitmaps are made up from PIXELS

Bit map images are created and manipulated using Photoshop
The images created need to match the document size in Flash.
You need to decide the document size in Flash

 

·         Standard size is 550 pixels by 400 pixels of Flash stage

·         1024 pixels by 768 pixels – average PC screen dimensions

Decide on the screen dimensions of your interactive media product.

In this exercise you will be introduced to Photoshop and basic tools to manipulate and adjust images.
You will also create text and export the start screen to be used in Flash

You will need to insert this final image into this post. 

Add annotation describing the photoshop techniques you used to create the background image for the interactive project.

• Include how you transformed images (scale)
• Added text and used the blending options

• Indicate how you selected parts of the image to remove sections to reveal the sky.
• Include the use of the clone tool (used to remove the fence from the door)

Make sure you place the Old house folder in your H drive because we will use this in the next session.

Exercise 2 :Exporting to Flash /Flash Button

Introduction to Flash
You will need to create graphics and import them into Flash.
In this exercise you will

• Import the image created in Photoshop into Flash
• Create another graphic image in Photoshop to be used as a interactive button.
• Create a button in Flash 

Insert screenshot of resulting Flash Scene and explain how you created the button using Photoshop and Flash.

Explain about the three states of the buttons created in Photoshop



Explain about how the button is created using a button symbol in Flash

Assignment 1:WEEK 1

Week 1This assignment asks you to produce an interactive media product utilising graphics and sound.In the assignment you will produce learning outcomes for the following units.


U19:Digital Graphics for Interactive Media
U63:Sound in Interactive Media

This week you begin by selecting one brief from the selection below:

Brief 1

Mysterious HouseYou have been asked to develop an interactive graphic story based on creepy old house. Using sound and graphics you will create a mood of suspense and horror.
Buttons and rollover graphics can be used to progress the user through the story and trigger graphic changes, text, animation and sound.
The final interactive media product will be a SWF file published from Flash. This will be downloaded from a website.

Audience:  13 - 15

Brief 2

Alphabet Adventure

You need to produce an interactive flash presentation to be used in a junior school. Using graphics and sound you will present letters of the alphabet and words in a fun and exciting way.
Sound can be used to pronounce the letters and words made by the letters.
Buttons and rollover graphics can be used to progress through the presentation and trigger graphic images, text, animations and sound.
The final interactive media product will be a projector file on a CDROM published from Flash

Audience 6 - 8

Brief 3

Trafford College Campus Tour

You are required to develop an interactive tour of Trafford College Altrincham Campus. Using graphics and sound you will help the user explore the campus. Buttons, rollovers and interactive graphics can be used to trigger sound & animations.
Audience 16+

Final interactive media product will be a SWF on a Website.