Animation Liveliness Simulation of motions A video made from a series of drawings/images simulating motions by means of slight progressive changes.

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

Copyright © 2003 Pearson Education, Inc. Chapter 1, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
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
Agenda – Week 8, Day 1 Debrief from InDesign Transition to Flash/Animation Explore assignment Flash tutorials Lesson 1 - Workspace Lesson 2 - Drawing Lesson.
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.
By LDP-CRC Udugampola. LDP
3.02 Computer Animation Software and Design Guidelines
1 © Netskills Quality Internet Training, University of Newcastle Flash 8: Animation Techniques © Netskills, Quality Internet Training, University of Newcastle.
CDM105 Session 10 Macromedia FLASH MX 2004 Part 3 : Complex Animation Techniques.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
WMD Creating Animations Flash-5 Zhou Hong. Contents Review 1 Frame Types 2 Frame-by-Frame Animation 3 Action & Shape Tweening 4.
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
Macromedia Flash CS4. What is Flash CS4? –Animation and interactive authoring program –Tools for complex animation, as well as excellent drawing tools.
Macromedia Flash By Alice Tian. Overview  What is Flash  Why Flash  Basic User Interfaces  Animation Basics  Advanced Basics  Publishing.
Flash Macromedia Flash Introduction. Bitmap vs. Vector based  Bitmap –Bitmaps are made up of single pixels  Vector based –Vector graphics are made up.
FLASH LESSON 1: INTRODUCTION BASIC MOTION TWEEN
Adobe Flash CS5.5. What is Adobe Flash? formerly Macromedia Flash Is software is a powerful authoring environment for creating animation and multimedia.
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.
© 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.
UNDERSTANDING ADOBE FLASH. The Flash Interface  The flash interface provides you with:  A menu bar  Panels  A work area: stage.
Adobe Flash CS3 Revealed Chapter 1 - GETTING STARTED WITH FLASH.
Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based  Bitmap –Bitmaps are made up of single pixels  Vector based –Vector graphics are.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
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.
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,
Agenda 1 - Sketchbook - DUE TODAY! 1 - Flash Environment and workspace continued - Nested or embedded Movie Clips (car animation) - - Bone tool.
Introduction to Flash MX 2004: Drawing, Timeline, & Simple Animation Lloyd Rieber.
Introduction to Flash. A Metaphor Definitions Stage is the rectangular area where you place graphic content, including vector art, text boxes, buttons,
INTRODUCTION TO FLASH CS5 Understanding the Workspace (Review: Animation Key Terms)
Bringing Animation to Your Websites introducing ADOBE FLASH.
Agenda Sketchbook DUE next Tues - assignment dates listed on next page 1 - Get out your sketchbook and note these terms: Symbols (reusable object):
Adobe Flash Professional CS5 – Illustrated Unit D: Creating Animation.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
Macromedia Flash MX Design Professional Macromedia Flash MX GETTING STARTED WITH.
FLASH!!!!!!!!!!!!!!!!!!!!!!!!! A TUTORIAL BY BRITTANY HESS AND MARGARET DENTON.
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.
Chapter1 The flash interface and action script 3.0.
Flash 1. Document Properties Set frame rate and dimensions of project Set frame rate and dimensions of project (default width=550 and height=400)
Introduction to Animation In animation, a series of images are rapidly changed to create an illusion of movement.
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.
Adobe Flash Professional CS5 – Illustrated Unit D: Creating Animation.
Business Communication Final Exam Review
Flash Interface, Commands and Functions
3.02 Computer Animation Software and Design Guidelines
Computer presentation
Chapter Lessons Understand the Macromedia Flash workspace
Creating Complex Animations
Exercise 63 Use a Flash movie clip symbol to store an animation that you need to use more than once in an application. This is very important for keeping.
INTRODUCTION TO ADOBE FLASH CS4
Animate Workspace. Objective % Utilize appropriate tools and methods to produce digital animation.
Chapter Lessons Create shape-tweened animations Create a mask effect
INTRODUCTION TO FLASH ANIMATION
Develop Rich Internet Content and Applications
Let Flash do Guessing at Animation for you.
ANIMATE WORKSPACE Stage Timeline Properties Panel Library Panel
DREAMWEAVER FIREWORKS PHOTOSHOP FLASH.
Adobe Flash CS3 Revealed
Presentation transcript:

Animation Liveliness Simulation of motions A video made from a series of drawings/images simulating motions by means of slight progressive changes.

Animation Flash allows to create vector-based animations. Typically, animation on the Web is either based on GIF files, scripting languages such as JavaScript, or programming languages such as Java.

Flash 5 Flash is a vector graphics editor and an animation and authoring tool designed for creating web page graphics, animations and interactivity. Make movies in Flash by creating a series of graphics on the stage.

The Flash work environment When creating and editing movies, you typically work with these key features: –The Stage, the rectangular area where the movie plays –The Timeline, where graphics are animated over time –Symbols, the reusable media assets of a movie –The Library window, where symbols are organized –The Movie Explorer, which gives an overview of a movie and its structure –Floating, dockable panels, which enable you to modify various elements in the movie and configure the Flash authoring environment to best suit your workflow

Stage Stage is the area where you create and lay out your graphics. The Stage is where you compose the content for individual frames in the animation, drawing artwork on it directly or arranging imported artwork.

Stage Size of the stage determines the size of the Flash movie, to change the size of the stage: choose Modify- Movie or CTRL+M

Frames Like films, Flash movies divide lengths of time into frames.

Graphics and Layer Graphics can be composed of multiple graphics. Each graphics can be assigned to a discrete layer This allows some graphics to be on top of or beneath other graphics

Layer and Timeline Each layer has a timeline row Timeline is used to create Animation

Frames and Timeline Each frame of an animation is represented as a point on the timeline, at which a movie can change The frames where changes occur are called keyframes

Keyframe and Animation Create animation by modifying the graphic at a specific keyframe.

Two ways to Animate Frame-by-frame –In frame-by-frame animation you create the image in every frame. Tweening –In tweened animation, you create starting and ending frames and let Flash create the frames in between.

Tweening Tweening is an animation technique (for simulating motion) in which you create a beginning and ending keyframe and flash creates the frames in between

Tweening requirments Motion Tween: –Graphics must be turned into symbols or grouped objects. Shape Tween: –Graphics must be turned into shape (Break Apart or, Ctrl+B).

Three types of graphics in Flash You should be able to recognize these graphics when selected. And the fourth one is the imported bitmap graphics.

Tweening can be applied to  Motion Tween: can be applied only to Grouped Objects, Symbols and Bitmaps.  Shape Tween: can be applied only to Shapes.