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.

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

Animation effects Adds motion to a piece Draws attention to what you want user to notice As simple as a transition effect, such as a fade, dissolve or.
Flash Raining Text. Open Project Create Project – Action Script 3 Select Text Tool Type in some text – From the Properties Menu – Choose Font, Font Size,
Flash animation For beginners. Lesson objectives To understand how to animate a ball To understand how to loop animations To learn how to use animation.
Digital Media Primer Chapter 8
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.
Macromedia Flash Cartoons & Buttons Your Presenter: Laura Silberstein
Using keyframes in Final Cut. Final Cut enables us to alter many aspects of a movie frame, including –opacity –scale (magnification) –position –rotation.
Chapter 8 – Part III Interactive Multimedia Authoring with Flash: Animation Flash: Tweening “Computers and Creativity” Richard D. Webster, COSC 109 Instructor.
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
Frame Part of timeline panel You can remove normal frames from a certain layer by (MRC + Remove Frames). You can remove normal frames from a certain layer.
CDM105 Session 10 Macromedia FLASH MX 2004 Part 3 : Complex Animation Techniques.
Foundation Flash CS Introduction Welcome to Flash CS3 Professional. You have seen a lot of the great stuff Flash can do and it is now time for.
Flash II MIS439 Eva Tao March 19, 2007 Source:
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Click your mouse for next slide Flash - Motion Tweening Creating a movie frame by frame would be very time consuming It would also be very jerky unless.
Creating Special Effects
CDM105 Session 9 Macromedia FLASH MX 2004 Part 2 : Animation with Motion Tweening and Shape Tweening.
FLASH LESSON 1: INTRODUCTION BASIC MOTION TWEEN
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 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
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.
Keeping weird with Flash Anne Morrison The Woodlands High School The Woodlands, TX.
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.
Week 11 Hands on Flash Pelekanou Olga INF221 INTRODUCTION TO MULTIMEDIA.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
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,
Introduction to Flash. A Metaphor Definitions Stage is the rectangular area where you place graphic content, including vector art, text boxes, buttons,
Flash MIS 439 Eva Tao March 5, 2007 Source:
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.
BASIC MOTION TWEEN Studio 8 1. Draw a square (blue fill, no stroke) on the upper-left area of the stage.
Quick Flash Tips Learn how to use flash the easier way!
Distributed Multimedia Programming Week - 3 Shape Tweening Symbols and Instances.
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 animation For beginners. homework Your homework is over two weeks so please write in each week of your planner for the next two weeks For homework.
Creating an Animated Map – Lesson 91 Creating an Animated Map Lesson 9.
Unit 7 – Desktop Publishing Animation Animation Skills Lesson – Overview of Adobe Flash Canvas TimeLine Tools Properties.
MOTION TWEEN - ZIG ZAG Studio 8 1. Open Motion Tween file Save As: MotionTween Zig Zag 2. Upper-right corner Choose Fit in Window.
FLASH!!!!!!!!!!!!!!!!!!!!!!!!! A TUTORIAL BY BRITTANY HESS AND MARGARET DENTON.
CIS 205—Web Design & Development Flash Chapter 3 Appendix on Using Buttons.
Motion Path Go Kart 1. Google: Go Kart Track Layout (similar to the image below) Find a track with at least 10 or more curves (not a NASCAR oval) Save.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Flash Animation By Kaotip and Victoria. COLOUR TWEEN ON FLASH.
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.
Integrating Components and Dynamic Text Boxes with the Animated Map– Lesson 101 Integrating Components and Dynamic Text Boxes with the Animated Map Lesson.
 Motion Tween allow us to move a shape on the stage from one place to another.  In order to use motion tween, the shape to be moved must be converted.
Creating a movie clip.
Tutorial 3 Creating Animations.
Creating Special Animations
GIF or Not GIF? Use GIF for animation:
Flash Interface, Commands and Functions
The Basics of Creating a Simple Flash Animation
Creating Complex Animations
Agenda 1 - Flash continued -
Animation Part III: Interactive Multimedia Authoring with Flash
CT1514 Flash-2.
INTRODUCTION TO ADOBE FLASH CS4
Flash animation For beginners.
Animate Some more advanced concepts
Animate Some more advanced concepts
Motion Path Mouse Maze 1. Right-click & Copy the Maze from this slide.
Tweening along a path.
Let Flash do Guessing at Animation for you.
GIF or Not GIF? Use GIF for animation:
Presentation transcript:

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 can be seen This technique is useful for appearances/disappearances, “spotlight” effects and “magnifier” effects The Upper layer is mask (e.g., black) –Each pixel will be all or none –It is invisible in final movie –Mask is a layer property (right click to make a layer a mask) Parts of the lower layer are revealed by what is present above Either layer can be moving (tweens) Masking does not work until you make a “published” version of the movie (i.e., control-return)

Appear Effect Using a Mask

Spotlight Effect Using a Mask

Exercise: Make an ECG movie with a mask 3 layers, each 40 frames Bottom layer: Graph paper lines Middle layer: masked layer of ECG trace. –This layer has no animation or tween on it –In frame 1 draw the ECG trace with the pencil tool Top layer: Mask layer with motion tween. –In frame one make a symbol that is a rectangle as large as the stage, and locate it to the left of the stage –In frame 40 make another keyframe and move the box symbol rightward so that it covers the entire stage –Tween the frames between frames 1 & 40 (either a motion tween or a classic tween) Right click on top layer and middle layer and select properties, then make top layer a mask and middle layer masked When you run the movie, you should see blank graph paper, and then the ECG trace should appear on it