macromedia flash mx 2004 – design professional special effects creating

29
Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

Upload: wendy-cain

Post on 14-Jan-2016

223 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

Macromedia Flash MX 2004 –Design Professional

Special EffectsCREATING

Page 2: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

2Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Create shape tween animations

Create a mask effect

Add sound

Add scenes

Create a slide show presentation

Chapter Lessons

Page 3: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

3Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Special Effects can add variety and interest to a movie

Morphing-changing one shape into another

Spotlight-Highlighting an area, or revealing part of the stage

Sound Effects

Scenes-Organize your movie

Intro to Special Effects

Page 4: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

4Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Shape TweeningGreater control over shape transformations than with Motion Tweening

Can shift initial object’s shape into any form you desire

As with Motion Tweening, you can change other properties such as color, location, and size

Page 5: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

5Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Morphing EffectsChanging one object into another unrelated object

Requires only 2 keyframes

The number of frames included from the beginning to the end of the shape-tweened animation determines how quickly the morphing takes place

Page 6: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

6Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Shape Tweening...Can be applied only to editable graphics– To apply to Instances, Groups, Text Blocks

or Bitmaps, first you must “Break Apart”– A “Broken Apart” instance is no longer

linked to its symbol

You can shape tween more than one object at a time as long as all objects are on the same layer

Page 7: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

7Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Shape Tweening...You can shape tween an object in a straight line, but other options, such as rotating an object are unavailable

You can use the Properties inspector to set some options such as Ease

Shape Hints can be used to control more complex shape changes

Page 8: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

8Creating Special Effects Web Collection: Flash MX 2004 Chapter E

The Properties Panel

Ease-Adjust the rate of change between frames to create a more natural appearance

– Between -1 and -100 will begin the tween gradually and accelerate

– Between 1 and 100, begin the tween rapidly and then decelerate

Page 9: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

9Creating Special Effects Web Collection: Flash MX 2004 Chapter E

The Properties Panel

Blend– Distributive for smoother, irregular shapes– Angular preserves corners and straight lines– Flash defaults to Distributive option

Page 10: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

10Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Shape HintsHelps control a shape’s transition appearance during animation

You specify a “hint” location at the beginning and end of an animation that correspond with one another

The “hint” suggests how the object should morph

Page 11: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

11Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Shape Hints

Without Shape Hints

With Shape Hints

Note difference in middle frame of animation

Page 12: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

12Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Understanding Mask Layers

A mask layer allows you to cover up objects on another layer(s), and at the same time, create a window through which you can view various objects on the other layer

Moving the window around can give you a spotlight effect

Page 13: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

13Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Understanding Mask Layers

You need at least two layers– Mask layer contains the window object

through which you view objects on the layer below

– The Masked layer is the second layer which contains the objects that are viewed through the window

Page 14: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

14Creating Special Effects Web Collection: Flash MX 2004 Chapter E

The Masking ProcessSelect an original layer as the Masked layer-contains objects to be revealed

Create a new “Mask” layer above

Draw a filled shape– Flash ignores bitmaps, gradients,

transparencies

Select the new layer and declare it a Mask through the Layer Properties Dialog box

Page 15: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

15Creating Special Effects Web Collection: Flash MX 2004 Chapter E

The Masking ProcessDeclare the original layer as the Masked layer through the Layer Properties Dialog box

Lock both layers

To mask additional layers, drag beneath the mask layer

To unmask a layer, drag it above the mask layer, or select and declare normal through Layer Properties

Page 16: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

16Creating Special Effects Web Collection: Flash MX 2004 Chapter E

The Layer PropertiesDialog Box

Frame 1- Mask layer withWindowFrame 2- Layer before applyingMaskFrame 3- Masked layer afterApplying Mask

Page 17: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

17Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Adding Sound to your Movies

Sound can add impact to your Flash movies

Quick process– Import-places the sound file into the Library– Create a new layer– Select the desire frame and drag the sound

symbol onto the stage– Put each sound on its own layer

Page 18: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

18Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Sound FormatsFlash supports– WAV(Windows Only)

AIFF (Macintosh Only)– MP3(Windows and Macintosh)– With QuickTime 4, Flash accepts add’l

sound formats

A sound symbol’s Wave pattern, as displayedIn the timeline

Page 19: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

19Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Managing Sound

The Properties Inspector allows you to synchronize sound, as well as add basic effects like fades

You can preview sounds in the LibrarySound options

Previewing the Sound in the

Library

Page 20: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

20Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Adding sound to buttons

Open the Button Symbol

Create a Sound layer and insert a keyframe in the down frame

Drag a sound from the Library

Page 21: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

21Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Working with ScenesAs your timelines grow, using scenes will help you manage your Flash movie

To add a Scene, choose Insert >Scene, or use the Scene command from the modify menu

The Scene Panel

Page 22: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

22Creating Special Effects Web Collection: Flash MX 2004 Chapter E

The Scene PanelThe Scene Panel allows you to manage and name your scenes:– Rename a scene– Duplicate a scene– Add a scene– Delete a scene– Reorder scenes

Page 23: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

23Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Working with ScenesNew scenes can be created which can have new content

Or you can split your existing content into multiple scenes by copying and pasting frames from one scene’s timeline to another

Page 24: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

24Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Adding interactivity to Scenes

By default, Flash plays scenes in order

Buttons can cause a movie to jump from one scene to another

Frame scripts can cause a movie to jump from one sceneto another

ActionScript that jumps

to a new scene

Page 25: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

25Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Electronic Slide ShowsPresentations like the one you’re watching, are used as a communications medium for business, entertainment, CD-ROM, and speaker support

Flash can build Slide shows that surpass the capabilities of applications like PowerPoint

Page 26: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

26Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Electronic Slide Shows

Slide shows tend to be linear, and have little interactivity or multimedia

Flash can add robust multimedia, and full interactivity, as well as transitions similar to commonly used in Slide Show Applications

Page 27: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

27Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Electronic Slide Shows

Create a “wipe transition” by using a moving mask

Fades can be completed with Alpha effects

Interactivity can offer the speaker greater control of their presentation

Page 28: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

28Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Align Objects using the Align Panel

Page 29: Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

29Creating Special Effects Web Collection: Flash MX 2004 Chapter E

Chapter E TasksCreate shape-tweened animation

Create a mask effect

Add sound

Add scenes

Create a slide show presentation