Dm 11 - Flash Special Effects Special Effects CREATING.

Slides:



Advertisements
Similar presentations
1What is the Stage. 2How do you open a panel in Flash
Advertisements

© 2011 Delmar, Cengage Learning Chapter 7 Importing and Modifying Graphics.
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.
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.
Frame Part of timeline panel You can remove normal frames from a certain layer by (MRC + Remove Frames). You can remove normal frames from a certain layer.
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.
Dm11 – Flash Creating Animations Animations CREATING.
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.
© 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,
Review 2 – Adobe Flash Lab Manual
Macromedia Flash MX 2004 – Design Professional Special Effects CREATING.
Adobe Flash Professional CS5 – Illustrated Unit D: Creating Animation.
Macromedia Flash 8 Revealed WORKING WITH SYMBOLS AND INTERACTIVITY.
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.
Chapter 5 Creating Special Effects. 1.Create a mask effect 2.Add sound 3.Add video 4.Create an animated navigation bar 5.Create character animations using.
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.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Sound and Video.
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.
DM 11- Flash –Unit C and Interactivity WORKING WITH SYMBOLS.
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
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:

Dm 11 - Flash Special Effects Special Effects CREATING

Getting Started with PhotoShop 7.02 Create shape tween animations Create shape tween animations Create a mask effect Create a mask effect Add sound Add sound Add scenes Add scenes Create a slide show presentation Create a slide show presentation Chapter Lessons

Getting Started with PhotoShop 7.03 Special Effects can add variety and interest to a movie Special Effects can add variety and interest to a movie Morphing-changing one shape into another Morphing-changing one shape into another Spotlight-Highlighting an area, or revealing part of the stage Spotlight-Highlighting an area, or revealing part of the stage Sound Effects Sound Effects Scenes-Organize your movie Scenes-Organize your movie Intro to Special Effects

Getting Started with PhotoShop 7.04 Shape Tweening Greater control over shape transformations than with Motion Tweening Greater control over shape transformations than with Motion Tweening Can shift initial object’s shape into any form you desire 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 As with Motion Tweening, you can change other properties such as color, location, and size

Getting Started with PhotoShop 7.05 Morphing Effects Changing one object into another unrelated object Changing one object into another unrelated object Requires only 2 keyframes 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 The number of frames included from the beginning to the end of the shape- tweened animation determines how quickly the morphing takes place

Getting Started with PhotoShop 7.06 Shape Tweening... Can be applied only to editable graphics 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 You can shape tween more than one object at a time as long as all objects are on the same layer

Getting Started with PhotoShop 7.07 Shape Tweening... You can shape tween an object in a straight line, but other options, such as rotating an object are unavailable 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 You can use the Properties inspector to set some options such as Ease Shape Hints can be used to control more complex shape changes Shape Hints can be used to control more complex shape changes

Getting Started with PhotoShop 7.08 The Properties Panel Ease-Adjust the rate of change between frames to create a more natural appearance 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

Getting Started with PhotoShop 7.09 The Properties Panel Blend Blend –Distributive for smoother, irregular shapes –Angular preserves corners and straight lines –Flash defaults to Distributive option

Getting Started with PhotoShop Shape Hints Helps control a shape’s transition appearance during animation 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 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 The “hint” suggests how the object should morph

Getting Started with PhotoShop Shape Hints Without Shape Hints With Shape Hints Note difference in middle frame of animation

Getting Started with PhotoShop 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 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 Moving the window around can give you a spotlight effect

Getting Started with PhotoShop Understanding Mask Layers You need at least two 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

Getting Started with PhotoShop The Masking Process Select an original layer as the Masked layer-contains objects to be revealed Select an original layer as the Masked layer-contains objects to be revealed Create a new “Mask” layer above Create a new “Mask” layer above Draw a filled shape Draw a filled shape –Flash ignores bitmaps, gradients, transparencies Select the new layer and declare it a Mask through the Layer Properties Dialog box Select the new layer and declare it a Mask through the Layer Properties Dialog box

Getting Started with PhotoShop The Masking Process Declare the original layer as the Masked layer through the Layer Properties Dialog box Declare the original layer as the Masked layer through the Layer Properties Dialog box Lock both layers Lock both layers To mask additional layers, drag beneath the mask layer 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 To unmask a layer, drag it above the mask layer, or select and declare normal through Layer Properties

Getting Started with PhotoShop The Layer Properties Dialog Box Frame 1- Mask layer with Window Frame 2- Layer before applying Mask Frame 3- Masked layer after Applying Mask

Getting Started with PhotoShop Adding Sound to your Movies Sound can add impact to your Flash movies Sound can add impact to your Flash movies Quick process 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

Getting Started with PhotoShop Sound Formats Flash supports Flash supports –WAV(Windows Only) AIFF (Macintosh 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

Getting Started with PhotoShop Managing Sound The Properties Inspector allows you to synchronize sound, as well as add basic effects like fades The Properties Inspector allows you to synchronize sound, as well as add basic effects like fades You can preview sounds in the Library You can preview sounds in the Library Sound options Previewing the Sound in the Library

Getting Started with PhotoShop Adding sound to buttons Open the Button Symbol Open the Button Symbol Create a Sound layer and insert a keyframe in the down frame Create a Sound layer and insert a keyframe in the down frame Drag a sound from the Library Drag a sound from the Library

Getting Started with PhotoShop Working with Scenes As your timelines grow, using scenes will help you manage your Flash movie 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 To add a Scene, choose Insert >Scene, or use the Scene command from the modify menu The Scene Panel

Getting Started with PhotoShop The Scene Panel The Scene Panel allows you to manage and name your scenes: 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

Getting Started with PhotoShop Working with Scenes New scenes can be created which can have new content 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 Or you can split your existing content into multiple scenes by copying and pasting frames from one scene’s timeline to another

Getting Started with PhotoShop Adding interactivity to Scenes By default, Flash plays scenes in order By default, Flash plays scenes in order Buttons can cause a movie to jump from one scene to another 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 Frame scripts can cause a movie to jump from one scene to another ActionScript that jumps to a new scene

Getting Started with PhotoShop Electronic Slide Shows Presentations like the one you’re watching, are used as a communications medium for business, entertainment, CD-ROM, and speaker support 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 Flash can build Slide shows that surpass the capabilities of applications like PowerPoint

Getting Started with PhotoShop Electronic Slide Shows Slide shows tend to be linear, and have little interactivity or multimedia 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 Flash can add robust multimedia, and full interactivity, as well as transitions similar to commonly used in Slide Show Applications

Getting Started with PhotoShop Electronic Slide Shows Create a “wipe transition” by using a moving mask Create a “wipe transition” by using a moving mask Fades can be completed with Alpha effects Fades can be completed with Alpha effects Interactivity can offer the speaker greater control of their presentation Interactivity can offer the speaker greater control of their presentation

Getting Started with PhotoShop Align Objects using the Align Panel

Getting Started with PhotoShop Chapter E Tasks Create shape-tweened animation Create shape-tweened animation Create a mask effect Create a mask effect Add sound Add sound Add scenes Add scenes Create a slide show presentation Create a slide show presentation