FLASH LESSON 1: INTRODUCTION BASIC MOTION TWEEN

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

Understand the Macromedia Flash environment Open a document and play a movie Create and save a movie Work with layers and the timeline Plan a Web site.
© 2010 Delmar, Cengage Learning Chapter 1: Getting Started with Flash.
Macromedia Flash MX 2004 – Design Professional Animations CREATING.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX GETTING STARTED WITH.
Introduction to Macromedia Flash 8
3.02 Computer Animation Software and Design Guidelines
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
3.02 Computer Animation Software and Design Guidelines
Getting Started with Flash
Introduction to Flash Animation RMIK Jayasinghe (M. Sc. in Computer Science, B. Sc., SLTS)
Getting Started with Flash
Chapter 3 Working with Symbols and Interactivity.
Dm11 – Flash Creating Animations Animations CREATING.
Week Rob Pooley Basics of animation and Flash Lecture 1 F27EM1.
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Flash.
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.
Creating Special Effects
Dm 11 – Intro. To Flash Macromedia Flash MX GETTING STARTED WITH.
1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Dr. Joseph Otto Silvia Castaneda Christopher deCastro CSULA Macromedia Flash MX Introduction.
Macromedia Flash CS4. What is Flash CS4? –Animation and interactive authoring program –Tools for complex animation, as well as excellent drawing tools.
Adobe Flash CS5.5. What is Adobe Flash? formerly Macromedia Flash Is software is a powerful authoring environment for creating animation and multimedia.
© 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 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
XP Tutorial 1 Introduction to Macromedia Flash MX 2004.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Flash Domain 3: Understanding the Adobe Flash Professional CS5 Interface Adobe Creative Suite.
Adobe Flash CS3 Revealed Chapter 1 - GETTING STARTED WITH FLASH.
Introduction to Flash. Topics What is Flash? What can you do with it? Simple animation Complex interactive web application, such as an online store. Starting.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
Adobe Flash CS5 Introduction. What is Flash? Flash is a multimedia platform used to add animation, video, and interactivity to Web sites. It is often.
Distributed Multimedia Programming Week - 1. Document Window  The Document Window is divided in to six main components Timeline – The Timeline is where.
Week 11 Hands on Flash Pelekanou Olga INF221 INTRODUCTION TO MULTIMEDIA.
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.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
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,
Exploring the Macromedia Flash Workspace – Lesson 2 1 Exploring the Macromedia Flash Workspace Lesson 2.
Adobe Flash CS4 – Illustrated Unit A: Getting Started with Adobe Flash.
Animation Liveliness Simulation of motions A video made from a series of drawings/images simulating motions by means of slight progressive changes.
Adobe Flash CS3 Chapter 1 Spring Adobe Flash Adobe Flash is a development tool that allows you to create compelling interactive experiences, often.
INTRODUCTION TO FLASH CS5 Understanding the Workspace (Review: Animation Key Terms)
Bringing Animation to Your Websites introducing ADOBE FLASH.
Adding Text and Navigation to the Home Page – Lesson 51 Adding Text and Navigation to the Home Page Lesson 5.
Chapter 18 Working with Animation, Video, & Photography.
Creating an Animated Map – Lesson 91 Creating an Animated Map Lesson 9.
Macromedia Flash MX Design Professional Macromedia Flash MX GETTING STARTED WITH.
FLASH!!!!!!!!!!!!!!!!!!!!!!!!! A TUTORIAL BY BRITTANY HESS AND MARGARET DENTON.
CIS 205—Web Design & Development Flash Chapter 3 Appendix on Using Buttons.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Getting Started with Flash Chapter 1 Understand the Flash workspace Lesson 1.
Introduction to Animation In animation, a series of images are rapidly changed to create an illusion of movement.
Integrating Components and Dynamic Text Boxes with the Animated Map– Lesson 101 Integrating Components and Dynamic Text Boxes with the Animated Map Lesson.
Macromedia Flash Design Professional Macromedia Flash GETTING STARTED WITH.
Dreamweaver MX. 2 Timeline Overview (p. 480) n Animations can be achieved with DHTML (__________ HTML) using JavaScript code and _____ or later browsers.
Adobe Flash Professional CS5 – Illustrated Unit A: Getting Started with Adobe Flash Professional.
Flash Interface, Commands and Functions
3.02 Computer Animation Software and Design Guidelines
Computer presentation
Chapter Lessons Understand the Macromedia Flash workspace
INTRODUCTION TO ADOBE FLASH CS4
INTRODUCTION TO FLASH ANIMATION
Working with Symbols and Interactivity
2.02D Computer Animation Software and Design Guidelines
DREAMWEAVER FIREWORKS PHOTOSHOP FLASH.
Adobe Flash CS3 Revealed
Presentation transcript:

FLASH LESSON 1: INTRODUCTION BASIC MOTION TWEEN

Using Flash What is Flash? A animation and interactive authoring program Has tools for complex animation, as well as excellent drawing tools

Using Flash What can Flash MX be used for? Web sites Web-based applications CD-Rom and interactive applications Video

How Flash Starts up Three parts to the Development Environment Stage Timeline Workspace You can display other parts of the program The toolbox The properties panel

timeline toolbox stage stage panels

The Stage Contains all objects that are seen by the viewer in the final movie You can draw objects on, or import objects to the stage

The Timeline Used to organize and control the movie’s content by specifying when each object appears on the stage Images are contained within frames, which are units of the timeline The timeline has separate layers The timeline has a playback head

The Toolbox Contains a set of tools used to draw and edit graphics and text Divided into four sections: Tools, View,Colors, Option Panels, such as the Properties Panel are used to organize and modify objects and features in a movie

Creating a Macromedia Flash Movie Movies are created by placing objects on the stage, editing these objects, animating them and adding interactivity You can create graphics in Flash,or import them from another program such as Photoshop

Creating a Macromedia Flash Movie Objects placed on the stage are automatically placed in a layer, and in the currently selected frame of the timeline A keyframe represents a frame which contains an object Always the first frame of every animation

An object in a keyframe Keyframe representing object Object on the stage

Creating an animation A basic animation requires two keyframes The first keyframe sets the starting position The second keyframe sets the ending position The number of frames between two keyframes determines the length of the animation

Motion animation Arrow between keyframes indicates motion animation

Understanding the Timeline Frame View Icon Playhead Frames Layers Status Bar Understanding how to read the timeline can help you determine what’s happening in your movie frame by frame

Layers Like transparent acetate sheets of content stacked on top of one another Adding a layer causes it to be placed on top of the other layers Can be re-ordered by dragging up or down

Using Frames The timeline is made up of individual units called frames Content is displayed in frames as the playhead moves over them when the movie plays The status bar indicates current frame the playhead is on