Flash Final

Final Project Notes

• When you bring in a graphic from elsewhere, it will have a white background, so you either have to trace it and save it as a movie clip, or if you cut it out with the magic wand in photoshop, you can just save it as a photoshop file. But JPG files will always end up with the white background instead of transparent.
• To get a movie to play more slowly, you can change the frames per second in the properties menu.
• You can make one flash file that will link to another flash file. For example, a list of buttons that can be clicked to make your movie play.
• Tweener has open source code you can use to help with flash code.
  

Mayer's Principles - Summary
Applying high quality multimedia design improves learning:

• Spatial Contiguity Principle - When corresponding words and pictures are presented near rather than far from each other on the page or screen
  
• Temporal Contiguity Principle - When corresponding words and pictures are presented simultaneously rather than successively
  
• Coherence Principle - When extraneous words, pictures, and sounds are excluded rather than included
  
• Modality Principle - From animation and narration than from animation and on-screen text
  
• Redundancy Principle - From animation and narration than from animation, narration, and on-screen text
  

Individual Differences Principle Instructional Implications:

• Individualization: Pros - Addresses multiple learning types; Cons - Learner Classification risk, Unbalanced instruction

• Multiple Methods: Pros - Allows each learner type to filter out information; Cons - Creates redundancy, Violates coherancy
  
• Pre-Training: Pros - Prepares low knowledge learners for the multimedia presentation; Cons - Requires more time/resources up front
  

Flash Lectures 6 & 7

Modality Principle
Students learn better when words in a multimedia message are presented as spoken text rather than printed text.

Having pictures and text at the same time is overload for the eyes. (Particularly if it is a movie and you have limited time to process what you are seeing.) You only want one thing at a time per channel (audio and visual).

Redundancy Principle
Students learn better from animation and narration than from animation, narration, and text.

Redundancy Effect:
A situation, experience, circumstance, or condition where eliminating, reducing, or getting rid of redundant, superfluous, unnecessary, unneeded, extra material, objects, bits and pieces, or examples results in better, improved, increased, more successful performance than when the redundant, superfluous, unnecessary, unneeded, extra material is included or kept.

*BETTER*
Redundancy Effect:
Eliminating redundant material results in better performance.

Flash Lectures 4 & 5

Buttons
Expand "Action" -> Type "on (" and a list of choices will open for you
Complete code: on (release) {play();}

To highlight both the shape and its outline, you can use the lasso tool.

Easier way to create a path of motion:
Use the motion guide layer to draw the path you would like it to take.
"Ease" in the property box can change the speed of the motion.

Flash Lectures 3 & 4

If you just want motion, but the shape is staying the same, save it as a symbol.
If you are changing to another shape, you need to save it as a bitmap.

Modify -> Break Apart
then you can use the lasso tool to select only the part of the picture you want.

Insert -> New Symbol to add a new item to a scene.

Assignements:
Lecture 2 - 1 & 2
Lecture 3 - Just 1
Lecture 4 - Assignment 1; a & b

Flash Lectures 1 & 2

Tools
Solid arrow - Click on solid arrow when you're finished. It also moves things around.
White arrow - use to drag, like handles on shapes
Free Transformation (box with dot inside) - change size & free rotate
Lasso -
Line -
Text -
Pen - creates multiple anchor points
Circle
Square
Pencil
Ink Bottle
Paint Bucket
Eraser
Eye Dropper

Movement:
Click on frame one.
You need to convert it into a symbol instead of bitmap
Modify -> convert to symbol -> graphic
(You can't erase a symbol.)

Click on a later frame on the timeline.
Insert -> Timeline -> Keyframe

Properties -> Tween -> Motion

Control -> Test Movie

To undo your conversion to symbol,
Modify -> Break Apart

Change Shape:
Properties -> Tween -> Shape
(You will have to delete the first shape when you are on your key frame.)

Homework:
Export -> Export Image -> save as .swf

Photoshop Lecture 6

Classwork:


Coherence Principle
Students learn better when extraneous material is excluded rather than included.
1. Student learning is hindered when interesting but irrelelvant words and pictures are added to a multimedia presentation.
WHY?

• Irrelevant material may direct the learner away from relevant material.
• Irrelevant material may disrupt the learner's building of cause-and-effect chains.
• The learner may assume the theme comes from the seductive details.

2. Student learning is hindered when interesting but irrelelvant sounds and music are added to a multimedia presentation.
WHY?

• There is limited capacity in auditory and visual channels.
• Processing capacity is limited.
• Irrelevant sounds and music will result in poor retention and transfer.

3. Student learning is improved when unneeded words are eliminated from a multimedia presentation.

WHY?

• helps students to quickly process information
• facilitates the process for retaining information

• Use key words in the captions.
• Present information in order
• Present information near corresponding illustrations.

Homework:

Photoshop Lecture 5

Erase Tool
Brush
Opacity 42%
Flow46%
(allows only part of the picture to be erased instead of the whole thing)





Magic Wand
change the tolerance if it is selecting too much or too little of the picture.

Matting
Image -> Canvas Size (to change the size of the whole project - it can also help you add a border)
You can also use the square marquee to select an area to make another mat layer. OR simply select the layer you want to add the mat border to and... Edit -> stroke

Filter -> Noise -> Add Noise -> Gaussian
Filter -> Texture -> Texturizer


Temporal Contiguity
Presenting verbal information and animation simultaneously (rather than successively) can help students connect the images with the verbal information better, allowing them to have deeper understanding and transfer of information.

Filter
Filter -> render -> lens flare
Filter -> blur -> motion blur


Assignment