Dm 11 - Flash Special Effects Special Effects CREATING

Dm 11 - Flash Special Dm 11 - Flash Special EffectsEffects

Special EffectsSpecial Effects

CREATING

Getting Started with PhotoShop 7.Getting Started with PhotoShop 7.00

22

• Create shape tween animationsCreate shape tween animations

• Create a mask effectCreate a mask effect

• Add soundAdd sound

• Add scenesAdd scenes

• Create a slide show presentationCreate a slide show presentation

Chapter LessonsChapter Lessons


33

• Special Effects can add variety Special Effects can add variety and interest to a movieand interest to a movie

•MorphingMorphing-changing one shape -changing one shape into anotherinto another

•SpotlightSpotlight-Highlighting an area, -Highlighting an area, or revealing part of the stageor revealing part of the stage

• Sound EffectsSound Effects

•ScenesScenes-Organize your movie-Organize your movie

Intro to Special EffectsIntro to Special Effects


44

Shape TweeningShape Tweening• Greater control over shape Greater control over shape

transformations than with Motion transformations than with Motion TweeningTweening

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

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


55

Morphing EffectsMorphing Effects• Changing one object into another Changing one object into another

unrelated objectunrelated object

• Requires only 2 keyframesRequires only 2 keyframes

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


66

Shape Tweening...Shape Tweening...• Can be applied only to editable Can be applied only to editable

graphicsgraphics– To apply to Instances, Groups, Text To apply to Instances, Groups, Text

Blocks or Bitmaps, first you must Blocks or Bitmaps, first you must “Break Apart”“Break Apart”

– A “Broken Apart” instance is no A “Broken Apart” instance is no longer linked to its symbollonger linked to its symbol

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


77

Shape Tweening...Shape Tweening...• You can shape tween an object in You can shape tween an object in

a straight line, but other options, a straight line, but other options, such as rotating an object are such as rotating an object are unavailableunavailable

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

• Shape Hints can be used to control Shape Hints can be used to control more complex shape changesmore complex shape changes


88

The Properties PanelThe Properties Panel

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

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

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


99

The Properties PanelThe Properties Panel

• BlendBlend– Distributive for smoother, irregular shapesDistributive for smoother, irregular shapes– Angular preserves corners and straight linesAngular preserves corners and straight lines– Flash defaults to Distributive optionFlash defaults to Distributive option


1010

Shape HintsShape Hints• Helps control a shape’s transition Helps control a shape’s transition

appearance during animationappearance during animation

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

• The “hint” suggests how the object The “hint” suggests how the object should morphshould morph


1111

Shape HintsShape Hints

Without Shape Hints

With Shape Hints

Note difference in middle frame of animation


1212

Understanding Mask LayersUnderstanding Mask Layers

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

• Moving the window around can Moving the window around can give you a spotlight effectgive you a spotlight effect


1313

Understanding Mask LayersUnderstanding Mask Layers

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

object through which you view object through which you view objects on the layer belowobjects on the layer below

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


1414

The Masking ProcessThe Masking Process• Select an original layer as the Select an original layer as the

Masked layer-contains objects to be Masked layer-contains objects to be revealedrevealed

• Create a new “Mask” layer aboveCreate a new “Mask” layer above

• Draw a filled shapeDraw a filled shape– Flash ignores bitmaps, gradients, Flash ignores bitmaps, gradients,

transparenciestransparencies

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


1515

The Masking ProcessThe Masking Process• Declare the original layer as the Declare the original layer as the

Masked layer through the Layer Masked layer through the Layer Properties Dialog boxProperties Dialog box

• Lock both layersLock both layers

• To mask additional layers, drag To mask additional layers, drag beneath the mask layerbeneath the mask layer

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


1616

The Layer PropertiesDialog Box

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


1717

Adding Sound to your Adding Sound to your MoviesMovies• Sound can add impact to your Flash Sound can add impact to your Flash

moviesmovies

• Quick processQuick process– Import-places the sound file into the Import-places the sound file into the

LibraryLibrary– Create a new layerCreate a new layer– Select the desire frame and drag the Select the desire frame and drag the

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


1818

Sound FormatsSound Formats• Flash supportsFlash supports

– WAV(Windows Only)WAV(Windows Only)

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

sound formatssound formats

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


1919

Managing SoundManaging Sound• The Properties Inspector allows you to The Properties Inspector allows you to

synchronize sound, as well as add synchronize sound, as well as add basic effects like fadesbasic effects like fades

• You can preview sounds in the LibraryYou can preview sounds in the Library

Sound options

Previewing the Sound in the

Library


2020

Adding sound to buttonsAdding sound to buttons• Open the Button SymbolOpen the Button Symbol

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

• Drag a sound from the LibraryDrag a sound from the Library


2121

Working with ScenesWorking with Scenes• As your timelines grow, using As your timelines grow, using

scenes will help you manage your scenes will help you manage your Flash movieFlash movie

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

The Scene Panel


2222

The Scene PanelThe Scene Panel• The Scene Panel allows you to The Scene Panel allows you to

manage and name your scenes:manage and name your scenes:– Rename a sceneRename a scene– Duplicate a sceneDuplicate a scene– Add a sceneAdd a scene– Delete a sceneDelete a scene– Reorder scenesReorder scenes


2323

Working with ScenesWorking with Scenes• New scenes can be created which New scenes can be created which

can have new content can have new content

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


2424

Adding interactivity to Adding interactivity to ScenesScenes• By default, Flash plays scenes in orderBy default, Flash plays scenes in order

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

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

ActionScript that jumps

to a new scene


2525

Electronic Slide ShowsElectronic Slide Shows•Presentations like the one Presentations like the one

you’re watching, are used as a you’re watching, are used as a communications medium for communications medium for business, entertainment, CD-business, entertainment, CD-ROM, and speaker supportROM, and speaker support

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


2626

Electronic Slide ShowsElectronic Slide Shows•Slide shows tend to be linear, Slide shows tend to be linear,

and have little interactivity or and have little interactivity or multimediamultimedia

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


2727

Electronic Slide ShowsElectronic Slide Shows•Create a “wipe transition” by Create a “wipe transition” by

using a moving maskusing a moving mask

•Fades can be completed with Fades can be completed with Alpha effectsAlpha effects

• Interactivity can offer the Interactivity can offer the speaker greater control of speaker greater control of their presentationtheir presentation


2828

Align Objects using the Align Objects using the Align PanelAlign Panel


2929

Chapter E TasksChapter E Tasks

• Create shape-tweened animationCreate shape-tweened animation

• Create a mask effectCreate a mask effect

• Add soundAdd sound

• Add scenesAdd scenes

• Create a slide show presentationCreate a slide show presentation

Documents

Dm 11 - Flash Special Effects Special Effects CREATING