INTRODUCTION TO ADOBE FLASH CS4

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

Tutorial 4 Creating Complex Animations. XP Objectives Modify an animation’s motion path Modify motion tweens using the Motion Editor Create an animation.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Tutorial 4 Creating Special Animations. XP Objectives Create an animation using a motion guide layer Create an animation using a mask layer Animate text.
Macromedia Flash 5 Intermediate Level Course. Animation Basics Playhead In-Between Frames Keyframe Current Frame Number Framerate Current Time Frames.
Introduction to Macromedia Flash 8
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
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 9 Introduction to ActionScript 3.0. Chapter 9 Lessons 1.Understand ActionScript Work with instances of movie clip symbols 3.Use code snippets.
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.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
Introduction to Flash FYS100 Creative Discovery in Digital Art Forms Spring 2007 Burg.
Adobe FlashProfessional CS5 – Illustrated
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.
Adobe Flash Professional CS5 Provides a comprehensive authoring environment for creating digital animation and interactive Web sites. Used to create engaging.
Chapter 4 Creating Animations.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Buttons library Edit a button instance.
Tutorial 2 Drawing Text, Adding Shapes, and Creating Symbols.
1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Dr. Joseph Otto Silvia Castaneda Christopher deCastro CSULA Macromedia Flash MX Introduction.
FLASH LESSON 1: INTRODUCTION BASIC MOTION TWEEN
© 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
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.
© 2010 Delmar, Cengage Learning Chapter 3: Working with Symbols and Interactivity.
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.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
© 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.
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,
Distributed Multimedia Programming Week – 4A Buttons Movie Clips.
Adobe Flash Professional CS5 – Illustrated Unit D: Creating Animation.
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.
Chapter2 Create animation. Objectives Import image Use the blank keyframe Add sound Publish the movie as an SWF file Use a motion tween animation.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
CIS 205—Web Design & Development Flash Chapter 3 Appendix on Using Buttons.
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.
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.
© Anselm Spoerri Lecture 10 Flash –Recap –Key Concepts, Components & Tools –Demonstration –Buttons: Simple Text Button | Animated Button –Gradient Tool.
Adobe Flash Professional CS5 – Illustrated Unit D: Creating Animation.
Adobe Flash Professional CS5 – Illustrated Unit C: Using Symbols and the Library Panel.
Creating Special Animations
Tutorial 3 Creating Animations.
Flash Interface, Commands and Functions
3.02 Computer Animation Software and Design Guidelines
Computer presentation
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.
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
Working with Symbols and Interactivity
Develop Rich Internet Content and Applications
Flash Concepts and Demos - Overview
ANIMATE WORKSPACE Stage Timeline Properties Panel Library Panel
Exercise : Animated Navigation Structure in Animate (= Flash)
Presentation transcript:

INTRODUCTION TO ADOBE FLASH CS4

Flash workspace Menu bar Panels Stage Motion Editor Tools Timeline Layers

Stage Compose movie content on the Stage.         Stage Compose movie content on the Stage. Set Stage size by selecting Modify > Document: To specify the Stage size in pixels, enter values in the Width and Height boxes. The minimum size is 1 x 1 pixels; the maximum is 2880 x 2880 pixels. To minimize document size, click the Contents button to the right of Match (but first create all of the objects on the Stage). To set the Stage size to the maximum available print area, click Printer.

Tools panel Tools create the content of a movie. Selection tools: Select, scale, distort, rotate objects Drawing tools: Draw, paint, create text, and erase objects View tools: Zoom and pan Color tools: Set stroke and fill colors Options: Modify the currently selected tool

Panels Panels provide additional tools for creating and editing movies. Click the panel to view additional options for the current panel. You can hide or show panels by using the options on the Window menu. Panels

Timeline You can organize and control the content of a movie over time. Frames Playhead Layers

Frames and keyframes Frames: Like films, Flash movies divide lengths of time into frames, which are organized on the Timeline. Keyframes: Frames that define a change in what is displayed in a movie or include frame actions to modify a movie. When you open a new blank movie document, it contains one layer with one blank keyframe.

Frames and keyframes Keyframe with content Empty frames Blank keyframe Empty slots for new frames

Layers Layers are like multiple film strips stacked on top of each other, each with a different element that appears on the Stage. Graphics Animations Text Sounds Buttons Frame actions

Symbols and libraries Symbols are elements you reuse within a movie to reduce file size. Types of symbols include graphics, buttons, movie clips, sound files, and text. A library is where you store and organize symbols. When you drag a symbol from a library to the Stage, you create an instance of the symbol.

Advantages of using symbols Easy editing: If you change the symbol in the library, all instances of the symbol are updated automatically. Smaller file sizes: Symbols are downloaded only once, regardless of the number of instances you’ve included in the movie. This reduces the size of your published movies and decreases download times.

Animation with tweening Tweening: A tween is an animation that is created by specifying a state for an object property in one frame and another state for that same object in another frame. Flash calculates the values for that object’s properties in between those two frames. The term tween comes from the phrase “in between.” Flash supports three different types of tweening. Motion tweens, introduced in Flash CS4 Professional, are powerful and simple to create. Motion tweens allow you to create most tweened effects. Classic tweens, which were the only method for motion animation in earlier versions of Flash , are more complex to create, but provide certain capabilities that motion tweens do not. Shape tweens allow you draw a shape at one specific frame in the Timeline, and change that shape or draw another shape at another specific frame. Flash then interpolates the intermediate shapes for the frames in between, creating the animation of one shape morphing into another.

Motion tweening Motion tweens can only have one object instance associated with them and use property keyframes instead of keyframes. Motion tween spans can be stretched and resized in the Timeline and are treated as a single object. With motion tweens, eases apply across the entire length of a motion tween span. Easing only specific frames of a motion tween requires the creation of a custom ease curve. The Motion Editor enables you to view all Motion tween properties and their property keyframes.

Classic tweening Classic tweens use keyframes. Keyframes are frames in which a new instance of an object appears. Classic tweens consist of groups of individually selectable frames in the Timeline. With classic tweens, eases can be applied to the groups of frames between the keyframes within the tween.

Shape tweening Shape tweens work best with simple shapes. Avoid shapes with cutouts or negative spaces in them. Experiment with the shapes you want to use to determine the results. You can use shape hints to tell Flash which points on the beginning shape should correspond to specific points on the end shape. You can also tween the position and color of shapes within a shape tween. To apply shape tweening to groups, instances, or bitmap images, break these elements apart. To apply shape tweening to text, break the text apart twice to convert the text to objects.

Sound First, import a sound file into the library. Add sound to a movie by dragging an instance of the sound into a frame. To minimize file size, loop shorter sounds (to make them repeat).

Actions ActionScript statements instruct a movie to do something while it is playing. ActionScript can be attached to a frame or to an object: Frames: ActionScript attached to a frame is triggered when the movie plays that frame. Objects: ActionScript attached to an object is triggered when the viewer interacts with the object, such as moving the pointer over a hotspot or clicking a button.