Flash Week 4 Presentation by Mindy McAdams. Review of best practices The top layer in the main Timeline: Named “actions” and contains all “a” frames containing.

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

“Computers and Creativity”
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,
© 2010 Delmar, Cengage Learning Chapter 9: Using ActionScript.
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.
CIS 205—Web Design & Development Flash Chapter 3 Appendix B on Creating Animations.
© Anselm Spoerri Lecture 11 Flash –Build Flash Website with Animated Navigation Structure –Decide on Overall Navigation Layout, Import Images & Organize.
Macromedia Flash Cartoons & Buttons Your Presenter: Laura Silberstein
Introduction to Macromedia Flash 8
Flash Quizzes Quiz templates generate quizzes that use Flash Interaction Components.
3.02 Computer Animation Software and Design Guidelines
Chapter 8 – Part I Interactive Multimedia Authoring with Flash: Animation “Computers and Creativity” Richard D. Webster, COSC 109 Instructor Office: 7800.
Roentgen photo effect. This detailed, thoroughly explained lesson will show you how to create very attractive roentgen photo effect. You can use this.
3.02 Computer Animation Software and Design Guidelines
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.
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.
Introduction to Flash FYS100 Creative Discovery in Digital Art Forms Spring 2007 Burg.
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.
Exercise : Animated Navigation Structure in Flash 1.Develop Answers to “What did you learn in ITI program?” “What do you have to offer?” “What are your.
WMD Creating Animations Flash-5 Zhou Hong. Contents Review 1 Frame Types 2 Frame-by-Frame Animation 3 Action & Shape Tweening 4.
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.
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.
FLASH LESSON 1: INTRODUCTION BASIC MOTION TWEEN
© 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.
Flash: Week 2 Presentation by Mindy McAdams. What Flash Does Well  Design control  Integration of media types  Interactivity  No scrolling necessary.
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.
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.
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.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
More Tips on Flash CSC361/661 Digital Media Spring 2007 Burg.
Agenda – Week 8, Day 2 Tuesday Intro to Flash Animation process Computer animation Lesson 1 – Overview Lesson 2 – Drawing Lesson 4 – Layers Lesson 8 –
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.
Distributed Multimedia Programming Week – 4A Buttons Movie Clips.
Working with Movie Clips – Lesson 61 Working with Movie Clips Lesson 6.
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
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.
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.
Flash Vector Illustration Animation Broadcast Media Mobile Computing Games Game Consoles Internet Edutainment Kiosks.
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
FLASH!!!!!!!!!!!!!!!!!!!!!!!!! A TUTORIAL BY BRITTANY HESS AND MARGARET DENTON.
CIS 205—Web Design & Development Flash Chapter 3 Appendix on Using Buttons.
Computer Science 12 Mr. Jean February 19 th, 2013.
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.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
Adobe Flash Professional CS5 – Illustrated Unit D: Creating Animation.
Prof. Anselm SpoerriMultimedia Production Rutgers Lecture 11 Flash –Build Flash Website with Animated Navigation Structure –Decide on Overall.
 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.
Macromedia Flash MX.
Flash Interface, Commands and Functions
3.02 Computer Animation Software and Design Guidelines
INTRODUCTION TO ADOBE FLASH CS4
Flash animation For beginners.
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.
Flash Demonstration – Unit 5 – ActionScript 3.0
Exercise : Animated Navigation Structure in Animate (= Flash)
Exercise : Animated Navigation Structure in Flash
Presentation transcript:

Flash Week 4 Presentation by Mindy McAdams

Review of best practices The top layer in the main Timeline: Named “actions” and contains all “a” frames containing ActionScript (unless your movie has NO actions) The second layer in the main Timeline: Named “labels” and contains all frames containing a frame label

Extend a short layer in the Timeline If the layer has contents (is gray or blue), then right-click in the next frame and insert a blank keyframe (white)

Right-click in the next frame and insert a blank keyframe (white) – or press F7

Right-click in the final frame of the Timeline and insert a (regular) frame – this extends the layer

Nice! All layers are the same length This becomes more important as your Flash movies become more complex

Review of best practices Extend all layers in the main Timeline to be the same length All unnecessary keyframes should be “cleared” – that is, changed to regular frames (no dot in the frame) Why? Because a keyframe should be used only when something changes in that layer

Two layers here are short All layers should be the same length

Right-click to get menu and extend the layer Or press F5

Now we have two unnecessary keyframes In which two layers?

Right-click to get menu and clear a keyframe (making it a regular frame instead)

Lovely even layers! No unnecessary keyframes! One more thing: There is (possibly) an unnecessary frame at end of “coconut” layer …

Review of best practices Fix all “broken” tweens in your Timeline A dotted line in a layer means your tween is “broken” is some way A solid line is a proper tween If you see Tween 1 or Tween 2 in your Library, something was moved without first being converted to a symbol Tween 1 is a bad sign!

Here we can see two good tweens (solid lines)

Here we see that the second tween is “broken” (dotted line) – why?

Here we see that the second tween is “broken” (dotted line) for a different reason – why?

Check in your Library If you see Tween 1, Tween 2, etc., it means you made a mistake You tweened something that was not a symbol

Those bad symbols (Tween 1, etc.) in your Library may be a clue to a “broken” tween

Summary Extend all layers in the Timeline to the same length Change all unnecessary keyframes to regular frames (with no dot) Fix all “broken” tweens (dotted lines) in your Timeline If you see Tween 1 or Tween 2 in your Library, figure out why, and fix it

The End Monday after Spring Break: QUIZ on Lesson 7, but no exercise is due