Macromedia Flash 5 Intermediate Level Course. Animation Basics Playhead In-Between Frames Keyframe Current Frame Number Framerate Current Time Frames.

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

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 Cartoons & Buttons Your Presenter: Laura Silberstein
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.
3.02 Computer Animation Software and Design Guidelines
Create frame animations Create motion-tweened animation Work with motion guides Create motion animation effects Animate text Unit Lessons.
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
Creating Animation Pertemuan Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
Chapter 8 – Part I Interactive Multimedia Authoring with Flash: Animation “Computers and Creativity” Richard D. Webster, COSC 109 Instructor Office: 7800.
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
3.02 Computer Animation Software and Design Guidelines
© 2011 Delmar, Cengage Learning Chapter 8 Building Complex Animations.
1 © Netskills Quality Internet Training, University of Newcastle Flash 8: Animation Techniques © Netskills, Quality Internet Training, University of Newcastle.
Chapter 3 Working with Symbols and Interactivity.
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
Introduction to Flash FYS100 Creative Discovery in Digital Art Forms Spring 2007 Burg.
FLASH LESSON 2: MOTION TWEEN EFFECTS MOTION GUIDE TEXT ANIMATION
Macromedia Flash Design Professional Animations CREATING.
Dm11 – Flash Creating Animations Animations CREATING.
1 Flash Basics by Dr SC Li. 2 File Types  In general, Flash 5.0 generates 3 types of files:  ???.fla  Flash ’ s working file  ???.swf  Flash movie.
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Lehigh University Introduction to Flash MX Sharmeen Mecklai.
Chapter 4 Creating Animations.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Buttons library Edit a button instance.
4-1 OBJ Copyright 2003, Paradigm Publishing Inc. Creating Animation and Guidelines for Flash Project Design Macromedia Flash Design & Application.
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.
Macromedia Flash CS4. What is Flash CS4? –Animation and interactive authoring program –Tools for complex animation, as well as excellent drawing tools.
CDM105 Session 9 Macromedia FLASH MX 2004 Part 2 : Animation with Motion Tweening and Shape Tweening.
Chapter Lessons Create frame-by-frame animations
CT1514.  What is Motion Guide Layer?  Controls the movement of objects in a Motion tween animation  How to create a Motion Guide Layer?  Click on.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
Copyright © 2003 Pearson Education, Inc. Chapter 3, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH CS3.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
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.
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.
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.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
5-1 OBJ Copyright 2003, Paradigm Publishing Inc. Adding Sound, Video, and Basic Interactivity with Buttons Macromedia Flash Design & Application.
Dm 11 - Flash Special Effects Special Effects CREATING.
Review 2 – Adobe Flash Lab Manual
Macromedia Flash MX 2004 – Design Professional Special Effects CREATING.
Distributed Multimedia Programming Week - 3 Shape Tweening Symbols and Instances.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Flash 1. Document Properties Set frame rate and dimensions of project Set frame rate and dimensions of project (default width=550 and height=400)
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.
Creating Special Animations
Adding Buttons, Actions, and Sounds
Flash Interface, Commands and Functions
3.02 Computer Animation Software and Design Guidelines
Creating Complex Animations
Unit Lessons Create frame animations Create motion-tweened animation
CT1514 Flash-2.
INTRODUCTION TO ADOBE FLASH CS4
Animate Some more advanced concepts
Chapter Lessons Create shape-tweened animations Create a mask effect
INTRODUCTION TO FLASH ANIMATION
Develop Rich Internet Content and Applications
2.02D Computer Animation Software and Design Guidelines
Presentation transcript:

Macromedia Flash 5 Intermediate Level Course

Animation Basics Playhead In-Between Frames Keyframe Current Frame Number Framerate Current Time Frames

Previewing The Animation Testing Scrubbing Playing

Onion Skin Tool Start Onion Skin Marker End Onion Skin Marker Onion Skin Outlines Edit Multiple Frames Modify Onion Markers

Motion Tween Using the Frame Panel, you can create the Motion Tween animation The successful Motion Tween is displayed by the solid arrow between two keyframes in the timeline

Position Tween Object moves across the stage over time

Scale Tween Object moves and scales across the stage over time

Rotation Tween Object moves and rotates across the stage over time

Motion Tween Modifiers Object moves across the stage over time starting quickly and decelerating

Motion Tween Effects The Effects Panel contains different effects: –None –Brightness –Tint –Alpha –Advanced

Color Tween Object moves and changes its color across the stage over time

Guide Layers Guide Layers will be invisible when you export the movie Guides are used for registration purposes Guides can be used for storing the visual content not visible to the end user

Motion Guides Motion Guides are regular Guide layers that have an adjacent layer below it, set to be Guided The Motion Guide layer contains the drawn path that the instance will follow Motion Guide Layers will be invisible when you export the movie

Shape Tween Object morphs from circle into square across the stage over time

Text Tween Text morphs into different text or shape on the stage over time

Shape Tween Modifiers Object morphs from circle into square across the stage over time starting quickly and decelerating

Shape Hints Shape Hints are used with shape tweening to give a higher degree of control in the morphing process They are especially useful when morphing complex objects, like text

Masks Masks allow you a way of selectively showing and hiding content in a movie, based on the position of the mask With Masks you need at least two layers: one for the Mask and one that gets Masked (similar to the Guide and Guided layers)

Animating Masks Besides using static background layers, you can animate the content in the Masked layer

Masking Multiple Layers One Mask layer can be applied to multiple Masked layers Each Masked layer has to be positioned under the Mask layer

Text Masks One of the easiest ways to create Masks is to use the Text tool

Bitmap Masks Flash can internally create a kind of vector mask to cut out the background of the imported bitmap images, thus making the bitmaps behave as vector images

Importing Sound Flash supports four sound file types: 1.MP3 2.WAV 3.AIFF 4.AU

Using Sound Using the Sound Panel, you control what sounds play and when they play The Sound Panel lists all imported sounds stored in the Library

Sound Effects Settings Play Stop Time In Envelope Lines Envelope Handles Zoom In Zoom Out Time Units Frames Units Left Channel Right Channel

Sound Sync Settings The Sound Panel contains different sync options: –Event –Start –Stop –Stream

Sound Loops Settings The Loops sound setting in the Sound Panel controls how many times a whole sound will play Default setting is 0 To make sound play continuously, type a high number into the Loops option field

Fundamentals of Interaction In order for interaction to take place you need to have an Event and an Event Handler You are sitting in your office The phone on your desk rings You pick up the receiver and start talking This is an Event This is an Event Handler

Making a Button The button symbol’s timeline contains the four button states: 1.Up - original 2.Over - rollover 3.Down - clicked 4.Hit – button area

Animating a Button To create an animated button, put an animated Movie Clip symbol in the appropriate button state To create a button with a sound effect, put a sound in the appropriate button state

Invisible Buttons To create an invisible button, draw any shape in the Hit button state only, leaving all other button states blank