Macromedia Flash MX 2004 – Design Professional Special Effects CREATING.

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

Importing and Modifying Graphics
Tutorial 4 Creating Special Animations. XP Objectives Create an animation using a motion guide layer Create an animation using a mask layer Animate text.
Create shape-tweened animation Create a mask effect Add sound Add scenes Create a slide show presentation Unit Lessons.
Macromedia Flash MX 2004 – Design Professional and Interactivity WORKING WITH SYMBOLS.
© Anselm Spoerri Lecture 10 Flash –Recap –Key Components & Tools –Animating Bitmaps –How to modify Color and Transparency of Bitmap –Animating along Motion.
Macromedia Flash 5 Intermediate Level Course. Animation Basics Playhead In-Between Frames Keyframe Current Frame Number Framerate Current Time Frames.
Work with symbols and instances Work with Libraries Create buttons Assign actions to buttons Unit Lessons.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX DRAWING IN.
Macromedia Flash MX 2004 – Design Professional Animations CREATING.
Introduction to Macromedia Flash 8
Frame(GIF) and Vector Animation. Two Applications for Creating Animations 1.Photoshop – GIF Animation 2.Flash – Vector Animation.
Creating Animation Pertemuan Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
© 2011 Delmar, Cengage Learning Chapter 8 Building Complex Animations.
Chapter 3 Working with Symbols and Interactivity.
CDM105 Session 10 Macromedia FLASH MX 2004 Part 3 : Complex Animation Techniques.
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Chapter 4 Creating Animations.
Creating Special Effects
Chapter 11 Adding Sound and Video. Chapter 11 Lessons 1.Work with sound 2.Specify synchronization options 3.Modify sounds 4.Use ActionScript with sound.
Chapter Lessons Create frame-by-frame animations
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
Copyright © 2003 Pearson Education, Inc. Chapter 3, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
Working with Symbols and Interactivity
© 2010 Delmar, Cengage Learning Chapter 3: Working with Symbols and Interactivity.
CSC 361/661 Digital Media Spring 2010 Professor Burg.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Adobe Flash CS3 Revealed Chapter 3 - WORKING WITH SYMBOLS AND INTERACTIVITY.
Adobe Flash CS3 Revealed
© 2011 Delmar, Cengage Learning Chapter 4 Creating Animations.
Chapter 4 Creating Animations. Chapter 4 Lessons 1.Create motion tween animations 2.Create classic tween animations 3.Create frame-by-frame animations.
Frame, Timeline and Vector Animation. Purposes of Animation Capture viewers attention –exampleexample Explain a system or process –exampleexample Set.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
Flash CS3 Pro HOT CH 5 Shape Tweening. Shape tweening requirements: Vector-based objects No grouped objects No bitmaps No symbols No type, type must be.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
Adobe Flash CS4 – Illustrated Unit D: Creating Animation.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Flash CS 5 Interface BY NSCHEWCZYK | ©2012. MENU BAR A bar at the top of the window. It lists menu options including: File, Edit, View, Insert, Modify,
Dm 11 - Flash Special Effects Special Effects CREATING.
Review 2 – Adobe Flash Lab Manual
Adobe Flash Professional CS5 – Illustrated Unit D: Creating Animation.
Macromedia Flash 8 Revealed WORKING WITH SYMBOLS AND INTERACTIVITY.
Macromedia Flash Design Professional And Interactivity WORKING WITH SYMBOLS.
1 Flash Basics by Dr SC Li. 2 Ordinary Movie vs. Flash Movie AnimationVector GraphicsInteractivity MPEG MovieFlash Movie.
Distributed Multimedia Programming Week - 3 Shape Tweening Symbols and Instances.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Creating an Animated Map – Lesson 91 Creating an Animated Map Lesson 9.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
Flash Concepts and Demos - Overview Recap Unit 2 –Buttons (Simple Text and Animated Button) –Gradient Tool –ActionScript (stop, getURL) –Embed Flash Movie.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Animation in flash. Frame-by-Frame Animation An animation is made from a series of framed images displayed one after the other to create the motion. Flash.
Integrating Components and Dynamic Text Boxes with the Animated Map– Lesson 101 Integrating Components and Dynamic Text Boxes with the Animated Map Lesson.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
Macromedia Flash MX Design Professional And Interactivity WORKING WITH SYMBOLS.
Tutorial 3 Creating Animations.
Creating Special Animations
Macromedia Flash Tutorial
Creating Complex Animations
INTRODUCTION TO ADOBE FLASH CS4
Animate Some more advanced concepts
Chapter Lessons Create shape-tweened animations Create a mask effect
Working with Symbols and Interactivity
Develop Rich Internet Content and Applications
Flash Concepts and Demos - Overview
Presentation transcript:

Macromedia Flash MX 2004 – Design Professional Special Effects CREATING

Web Collection: Flash MX 2004 Chapter E2Creating Special Effects Create shape tween animations Create a mask effect Add sound Add scenes Create a slide show presentation Chapter Lessons

Web Collection: Flash MX 2004 Chapter E3Creating Special Effects 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

Web Collection: Flash MX 2004 Chapter E4Creating Special Effects Shape Tweening Greater 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

Web Collection: Flash MX 2004 Chapter E5Creating Special Effects Morphing Effects Changing 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

Web Collection: Flash MX 2004 Chapter E6Creating Special Effects 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

Web Collection: Flash MX 2004 Chapter E7Creating Special Effects 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

Web Collection: Flash MX 2004 Chapter E8Creating Special Effects 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

Web Collection: Flash MX 2004 Chapter E9Creating Special Effects The Properties Panel Blend –Distributive for smoother, irregular shapes –Angular preserves corners and straight lines –Flash defaults to Distributive option

Web Collection: Flash MX 2004 Chapter E10Creating Special Effects Shape Hints Helps 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

Web Collection: Flash MX 2004 Chapter E11Creating Special Effects Shape Hints Without Shape Hints With Shape Hints Note difference in middle frame of animation

Web Collection: Flash MX 2004 Chapter E12Creating Special Effects 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

Web Collection: Flash MX 2004 Chapter E13Creating Special Effects 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

Web Collection: Flash MX 2004 Chapter E14Creating Special Effects The Masking Process Select 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

Web Collection: Flash MX 2004 Chapter E15Creating Special Effects The Masking Process Declare 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

Web Collection: Flash MX 2004 Chapter E16Creating Special Effects The Layer Properties Dialog Box Frame 1- Mask layer with Window Frame 2- Layer before applying Mask Frame 3- Masked layer after Applying Mask

Web Collection: Flash MX 2004 Chapter E17Creating Special Effects 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

Web Collection: Flash MX 2004 Chapter E18Creating Special Effects Sound Formats Flash 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 displayed In the timeline

Web Collection: Flash MX 2004 Chapter E19Creating Special Effects Managing Sound The Properties Inspector allows you to synchronize sound, as well as add basic effects like fades You can preview sounds in the Library Sound options Previewing the Sound in the Library

Web Collection: Flash MX 2004 Chapter E20Creating Special Effects 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

Web Collection: Flash MX 2004 Chapter E21Creating Special Effects Working with Scenes As 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

Web Collection: Flash MX 2004 Chapter E22Creating Special Effects The Scene Panel The Scene Panel allows you to manage and name your scenes: –Rename a scene –Duplicate a scene –Add a scene –Delete a scene –Reorder scenes

Web Collection: Flash MX 2004 Chapter E23Creating Special Effects Working with Scenes New 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

Web Collection: Flash MX 2004 Chapter E24Creating Special Effects 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 scene to another ActionScript that jumps to a new scene

Web Collection: Flash MX 2004 Chapter E25Creating Special Effects Electronic Slide Shows Presentations 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

Web Collection: Flash MX 2004 Chapter E26Creating Special Effects 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

Web Collection: Flash MX 2004 Chapter E27Creating Special Effects 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

Web Collection: Flash MX 2004 Chapter E28Creating Special Effects Align Objects using the Align Panel

Web Collection: Flash MX 2004 Chapter E29Creating Special Effects Chapter E Tasks Create shape-tweened animation Create a mask effect Add sound Add scenes Create a slide show presentation