new media 2

SPRING 2010: INTERACTIVE MULTIMEDIA

labs + lessons

1: Flash Basics and the Flash CS4 interface
  • .fla, .swf
  • vectors and bitmaps
  • publishing
  • publishing options
  • previewing
  • frames
  • key frames
  • layers
  • drawing in a keyframe
  • setting framerate
  • setting dimensions
  • Modify -> Document
  • symbols (movie clip, button, graphic)
  • drawing on the stage
    • tools - brushes, etc
2. interface: panels
  • Timeline
  • Properties
  • Tools
  • Library
  • Motion Editor
using the interface
  • BEING AWARE OF CONTEXT/CHECKING CONTEXT
  • RESETTING THE WORKSPACE
menus
  • Insert
  • Modify
  • Modify -> Timeline -> Convert to Keyframe
3: basic animations
  • frame by frame
      exercise: 100 x 100 x 50
    • canvas: 100 pixels x 100 pixels
    • frames: 50
    • black and white only
    • draw in each frame (each frame is a keyframe)
    • animate a shape or very simple figure
    • start from one state and create an animation that moves and/or transforms and returns to the initial state
    • principles: transformation, closure, timing
  • importing images
    • exercise: looping slideshow
    • frames: 72 (suggested)
    • importing images into Flash
      • file types and file sizes
      • editing and resizing in Flash vs outside of Flash
    • 3 keyframes (one each at frame 1, 25, 49)
    • one image in each keyframe
  • shape tweens
    • exercise: shape tweens
    • circle to oval
    • drawing 1 to drawing 2
    • break apart (very small) photo to shape tween
    • applying shape hints
  • motion tweens
    • create symbol
    • apply tween to timeline (Insert -> Motion Tween)
    • move cursor to a frame w/in tween span and move symbol
    • path can be altered, moved, copide and pasted
    • properties panel: ease in, ease out, rotation
    • motion editor panel: fine control
    • exercise: motion tweens
  • motion tweens (Classic)
4. Actionscript
  • versions (we are using Actionscript 3 aka as3)
  • stop();
  • trace(); (previewing vs publishing)
  • controlling clips w/ buttons and movie clips
  • programming basics
    • variables
    • functions
    • control structures (if/else, while)
    • Actionscript: curly braces, semi-colons, capitalization, etc
  • instance names
  • event listeners
  • cut, paste, customize!
  • exercise: control animation with a button
  • exercise: simple Flash website using buttons
5. Display properties, Blend modes, Masks, Filters 8. Sound
Info taken from Adobe website
Select a synchronization option from the Sync pop-up menu:
Note: If you are placing the sound on a frame other than frame 1 in the main Timeline, select the Stop option.

Event

Synchronizes the sound to the occurrence of an event. An event sound, such as a sound that plays when a user clicks a button, plays when its starting keyframe first appears and plays in its entirety, independently of the Timeline, even if the SWF file stops playing. Event sounds are mixed when you play your published SWF file. If an event sound is playing and the sound is instantiated again (for example, by the user clicking the button again), the first instance of the sound continues to play and another instance begins to play simultaneously.

Start

The same as Event, except that if the sound is already playing, no new instance of the sound plays.

Stop

Silences the specified sound.

Stream

Synchronizes the sound for playing on a website. Flash forces animation to keep pace with stream sounds. If Flash can’t draw animation frames quickly enough, it skips frames. Unlike event sounds, stream sounds stop if the SWF file stops playing. Also, a stream sound can never play longer than the length of the frames it occupies. Stream sounds are mixed when you publish your SWF file.

An example of a stream sound is the voice of a character in an animation that plays in multiple frames.

Note: If you use an mp3 sound as a stream sound, you must recompress the sound for export. You can export the sound as an mp3 file, with the same compression settings that it had on import.
9. Preloader

10. linking files

20. DVD Authoring

sample .mov files