Digital Media Primer Chapter 8

Slides:



Advertisements
Similar presentations
Distributed Multimedia Programming Week - 1. Document Window The Document Window is divided in to six main components Timeline – The Timeline is where.
Advertisements

Introduction to Flash, Part 2: Graphics, Animation, Sound & Interactivity Janet Davis April 30, 2008 For audio call Toll Free and use.
“Computers and Creativity”
Create shape-tweened animation Create a mask effect Add sound Add scenes Create a slide show presentation Unit Lessons.
Kapi’olani Community College Adobe Flash 1 In-class Presentation Week 1.
Kapi’olani Community College Macromedia Flash 1 In-class Presentation Week 1.
Macromedia Flash 5 Intermediate Level Course. Animation Basics Playhead In-Between Frames Keyframe Current Frame Number Framerate Current Time Frames.
Macromedia Flash MX Basic. Interfaces Work area TL with layers Toolbox Panels (or window) –Color mixer/color swatches –Properties and Action –Library.
Introduction to Macromedia Flash 8
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.
Chapter 8 – Part III Interactive Multimedia Authoring with Flash: Animation Flash: Tweening “Computers and Creativity” Richard D. Webster, COSC 109 Instructor.
Flash Lecture 3: Masks Dr. Harry Witchel. Masks Masking is a 2 layer system (like guides) in which the upper layer controls what part of the lower layer.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
Lesson 25: Multimedia with Macromedia Flash 8. Objectives Identify Shockwave-Flash (SWF) technology features and authoring software Add SWF animation.
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.
Week Rob Pooley Basics of animation and Flash Lecture 1 F27EM1.
Chapter 4 Creating Animations.
Macromedia Flash CS4. What is Flash CS4? –Animation and interactive authoring program –Tools for complex animation, as well as excellent drawing tools.
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.
Copyright © 2003 Pearson Education, Inc. Chapter 3, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
Adobe Flash CS3 Revealed Chapter 1 - GETTING STARTED WITH FLASH.
Tutorial 1 Introducing Adobe Flash CS3 Professional
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
Tutorial 7 Planning and Creating a Flash Web Site.
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.
DIAMOND SHINE EFFECT. IN THIS STEP BY STEP LESSON, I WILL SHOW YOU HOW TO CREATE VERY ATTRACTIVE DIAMOND SHINE EFFECT USING SOME SPECIAL FLASH TIPS AND.
EYEGLASSES SHINE EFFECT. IN THIS LESSON, YOU WILL SEE HOW TO APPLY SHINE EFFECT ON EYEGLASSES ON THE PICTURE USING THE COLOR MIXER PANEL AND MASK.
Distributed Multimedia Programming Week - 1. Document Window  The Document Window is divided in to six main components Timeline – The Timeline is where.
Agenda – Week 8, Day 2 Tuesday Intro to Flash Animation process Computer animation Lesson 1 – Overview Lesson 2 – Drawing Lesson 4 – Layers Lesson 8 –
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.
My Book These images are grouped. You may find it easier to ungroup and work with them.
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.
Animation Liveliness Simulation of motions A video made from a series of drawings/images simulating motions by means of slight progressive changes.
INTRODUCTION TO FLASH CS5 Understanding the Workspace (Review: Animation Key Terms)
Dm 11 - Flash Special Effects Special Effects CREATING.
Review 2 – Adobe Flash Lab Manual
Macromedia Flash MX 2004 – Design Professional Special Effects CREATING.
1 Flash Basics Exercise Guide Making Animated Text  1.1 Open Flash 5.0 working environment frame 1  1.2 Highlight frame 1 of the first layer Insert.
Adobe Flash Professional CS5 – Illustrated Unit D: Creating Animation.
Distributed Multimedia Programming Week - 3 Shape Tweening Symbols and Instances.
Appendix A Becoming an Adobe Certified Associate.
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.
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.
Slide1. How to start Adobe Flash? Ans. Click on Start> All Programs> Adobe Design Premium CS5.5 >Adobe Flash Professional CS5.5 How to make the workspace,
To play, start slide show and click on circle Lesson 3 Lesson 3 Lesson 3 Lesson 4 Lesson Lesson 4.
Animation Part I: Interactive Multimedia Authoring with Flash
Flash Interface, Commands and Functions
Computer presentation
Animation Part III: Interactive Multimedia Authoring with Flash
CT1514 Flash-2.
INTRODUCTION TO ADOBE FLASH CS4
Animate Workspace. Objective % Utilize appropriate tools and methods to produce digital animation.
Animate Some more advanced concepts
Chapter Lessons Create shape-tweened animations Create a mask effect
Develop Rich Internet Content and Applications
ANIMATE WORKSPACE Stage Timeline Properties Panel Library Panel
Adobe Flash CS3 Revealed
Presentation transcript:

Digital Media Primer Chapter 8

8.1 What is Multimedia Authoring? The process of creating a multimedia production. It involves assembling or sequencing different media elements, adding interactivity, and then packaging the production for distribution to the end users. The end users are the target audience who will be viewing your final production.

8.2 What are the basic steps of the Multimedia Production Process? Step 1 Collect and assemble the media elements Step 2 Assemble the media elements Step 3 Add interactivity Step 4 Package the movie for distribution to the end users

8.3 What is Animation? A sequence of images that create the illusion of movement when played in succession. Many multimedia projects make use of animation, and many multimedia authoring programs, such as Flash and Director, allow you to create animation. These programs are frame-based. This means that you can sequence the animation content visually on a timeline as a sequence of frames.    There are several different ways to create animations with these programs: frame-by-frame, tweening, and scripting.

8.4 What can you do to adjust the Speed of Animation Playback? To speed up the motion: Reduce the number of frames or increase the frame rate (preferred) - To slow down the motion: Add more frames (preferred) or reduce the number of frames

8.5 Flash CS3 Workspace The Flash workspace or authoring environment has a variety of panels. (a) Tools panel (b) Stage (c) Timeline (d) Property Inspector (e) Library

8.6 The visual items used on the Stage in a Flash file can be categorized in two types. What are they? 1) A shape is made up of strokes and/or fills. 2) A symbol is an encapsulated object in Flash. It is stored in the Library panel and can be reused throughout the project. (Shapes and symbols have different properties, purposes, and requirements)

8.6 What are three types of symbols:? 1) graphic 2) button 3) movieclip Graphic symbols are mainly used for static graphics. It can be placed inside another graphic, button, or movieclip symbol. Instances of button and movieclip can be controlled using Action-Script in response to mouse clicks and rollovers. A button’s timeline only has four special-purpose frames. Unlike a button, each movieclip has a timeline for frame-based animation.

8.6.3 What is Tweening? An effective way to create movement and changes over time. It requires two keyframes for each tweened sequence. To create a keyframe, use one of the following methods:    Select a frame, select Insert > Timeline > Keyframe 2) Right-click (Windows) or Control-click (Macintosh) a frame on the Timeline, and select Insert Keyframe

What are two types of tweening in Flash? Motion tween works with symbols and can be used with motion guide. Shape tween works with shapes and can create an animation of morphing between two shapes.

8.6.4 What is a Motion Guide? A motion guide allows you to animate objects along a path that you draw. The path is placed on a motion guide layer. Motion guide works with symbols, but not with shapes. The symbol instance whose animation path is controlled by the motion guide still needs to have at least two keyframes, each of which is snapped onto the motion guide path.

An animated mask used in conjunction with non-mask animation to create interesting effects. A spaceship and an alien stay static throughout this beaming sequence. The cyan rectangle is the mask. The mask is turned on, so the alien is showing through the area defined by the cyan mask. A layer (regular, non-masking, and non-masked) contains a rectangle filled with semi-transparent cyan color is placed on top of the mask layer. The overlaying beam is filled with a gradient instead of a solid color.