Flash Michelle Johnston, Firebird Services Ltd. What Is Flash? Flash is a multimedia program created specially for use on the Web You can create animations/movies.

Slides:



Advertisements
Similar presentations
Designing Scenes for Macromedia Flash MX 2004 – Lesson 41 Designing Scenes for Macromedia Flash MX 2004 Lesson 4.
Advertisements

Understand the Macromedia Flash environment Open a document and play a movie Create and save a movie Work with layers and the timeline Plan a Web site.
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.
3.02 Publishing Animations
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX GETTING STARTED WITH.
Introduction to Macromedia Flash 8
Frame(GIF) and Vector Animation. Two Applications for Creating Animations 1.Photoshop – GIF Animation 2.Flash – Vector Animation.
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
Creating Animation Pertemuan Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
By LDP-CRC Udugampola. LDP
© 2010 Delmar, Cengage Learning Chapter 6: Preparing and Publishing Movies.
6-1 OBJ Copyright 2003, Paradigm Publishing Inc. Animating Using Symbols and Masks and Publishing Flash Movies Macromedia Flash Design & Application.
ITIS 1210 Introduction to Web-Based Information Systems Chapter 41 How Animation on the Web Works.
Getting Started with Flash
Introduction to Flash Animation RMIK Jayasinghe (M. Sc. in Computer Science, B. Sc., SLTS)
Getting Started with Flash
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
1 INE 1020 Introduction to Internet Engineering Tutorial 4 All about Lab 3 Prepared by Patrick Tsang 26/09/03.
Tutorial 7 Working with Multimedia. XP Introducing Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline.
History of Flash FutureSplash Animator (1996) FutureSplash Animator (1996) Macromedia Flash 1 (1996) Macromedia Flash 1 (1996) Macromedia Flash 2 (1997)
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.
Case Study: Using Macromedia Director
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Flash.
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
Dm 11 – Intro. To Flash Macromedia Flash MX GETTING STARTED WITH.
1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Dr. Joseph Otto Silvia Castaneda Christopher deCastro CSULA Macromedia Flash MX Introduction.
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.
Adobe Flash CS5.5. What is Adobe Flash? formerly Macromedia Flash Is software is a powerful authoring environment for creating animation and multimedia.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
® 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.
Who Wants to be a Millionaire? Web Page Development Flash Chapter 1.
Working with Symbols and Interactivity
XP Tutorial 1 Introduction to Macromedia Flash MX 2004.
Adobe Flash CS3 Revealed Chapter 1 - GETTING STARTED WITH FLASH.
University of Sunderland CDM105 Session 6 Dreamweaver and Multimedia Fireworks MX 2004 Creating Menus and Button images.
Frame, Timeline and Vector Animation. Purposes of Animation Capture viewers attention –exampleexample Explain a system or process –exampleexample Set.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Introduction to Flash MX 2004: Drawing, Timeline, & Simple Animation Lloyd Rieber.
Flash Adding Multimedia Content to Web Pages. What is it? A multimedia program Combines motion, graphics, sound, and interactivity in web page formats.
Distributed Multimedia Programming Week – 4A Buttons Movie Clips.
Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.
1 Flash Basics by Dr SC Li. 2 Ordinary Movie vs. Flash Movie AnimationVector GraphicsInteractivity MPEG MovieFlash Movie.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
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.
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.
Unit 7 – Desktop Publishing Animation Animation Skills Lesson – Overview of Adobe Flash Canvas TimeLine Tools Properties.
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.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
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 E: Optimizing and Publishing a Movie.
Adobe Flash Professional CS5 – Illustrated Unit A: Getting Started with Adobe Flash Professional.
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,
Packages that we use Within ICT we primarily use Dreamweaver CS3 and Flash CS3 This is embedded in an Adobe Design Premium CS3 package (Go to Start >
Computer presentation
Chapter Lessons Understand the Macromedia Flash workspace
Flash animation For beginners.
About Multimedia Files
Develop Rich Internet Content and Applications
Adobe Flash CS3 Revealed
Presentation transcript:

Flash Michelle Johnston, Firebird Services Ltd

What Is Flash? Flash is a multimedia program created specially for use on the Web You can create animations/movies using Flash Flash uses vector graphics, which means that the graphics can be scaled to any size without losing clarity/quality Flash does not require programming skills and is easy to learn

Why Is Flash Better? Flash loads faster than animated gifs and Java applets (assuming that Flash is enabled on the browser) Flash allows interactivity, whereas animated gifs do not Programming skills are not needed to use Flash, whereas they are to write Java applets

How Do You Play Flash? Macromedia Shockwave Player is shipped with Windows 95, 98, MacOS, Internet Explorer CD, America Online, and Netscape Navigator. Now it is estimated that 96% of browsers can experience Flash without needing to download the player Download it for free

Creating a Movie Flash MX 2004 (or Flash MX Professional 2004) needed to create Flash movies Download a 30 day free trial version at: Macromedia Flash – Help has lessons that are very good

Creating a Movie

Creating a Movie Additional extras, generated auto by Flash if you select File > Publish: – classid is an attribute to the tag. It tells Internet Explorer to load the ActiveX plug-in if it is not installed – pluginspage is an attribute to the tag. It displays a link to the Shockwave download page if Netscape does not have it

Tweening Tweening is the term given to the way in which Flash creates animations “between” or “tween” pages You specify the transformation you require and Flash creates the frames

Tweening Step 1 Create a small circle to the left in the Stage area. Do this by selecting the circle tool from the left toolbar. Draw the circle in the Stage area. Step 2 Select the Arrow tool from the left toolbar. Double-click on the circle to select it. Step 3 Now we have to convert the circle to a symbol. When the circle is converted to a symbol we can create instances of the circle. From the top menu choose Insert > Convert to Symbol. Name the symbol "Ball", and select OK. Step 4 Go to Frame 10 in the Timeline. Do this by clicking the gray field below 10. Then right click in this field. Choose Insert Keyframe. Keyframes appear as circles in a frame. This operation duplicates the image. Note: A keyframe specifies changes in an animation. You create keyframes at important points in the Timeline and let Flash create the frames in between. Step 5 Select the circle and move it to the right a couple of inches. Step 6 Click on the Timeline any place between Frame 1 and Frame 10. Then right click and choose Create Motion Tween. Step 7 Choose Control > Test Movie from the top menu to test your Flash movie.

Creating a Movie Raw file =.fla extension Publish file =.swf extension.swf file can be run as standalone app, launched when user clicks on it It must be assigned a.exe file automatically and the Macromedia flash player app is included with the.swf file

Movies.swf files can also be embedded in web pages in the same way as you would embed a graphic Unless the swf is published as an exe file, the user must have the flash player installed on their computer to play the file Because the movie will be downloaded over the web you must carefully consider file size to ensure optimal performance and usability

Performance Issues Reduce Sound and Animation to the essentials only Ensure text is legible on all platforms Include skip buttons to allow skipping of animations Ensure movie conforms to usability guidelines/standards Ensure movie conforms to accessibility guidelines