Chapter 17 Putting It All Together. Viewing the Preloader To view the preloader, 1.CTRL-Enter to test the movie. 2.View > Simulate Download.

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

Chapter 6 Preparing and Publishing Applications. Chapter 6 Lessons 1.Publish movies 2.Reduce file size to optimize a movie 3.Create a preloader 4.Publish.
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.
Macromedia Director 8 Intermediate Level Course. Ink Masks Using the Ink Mask feature will allow you to create parts of a bitmap cast member to become.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX GETTING STARTED WITH.
Introduction to Macromedia Flash 8
3.02 Computer Animation Software and Design Guidelines
© 2011 Delmar, Cengage Learning Chapter 8 Building Complex Animations.
© 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.
Getting Started with Flash
Getting Started with Flash
Chapter 3 Working with Symbols and Interactivity.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
Chapter 15 Video. Importing Video Into Flash Once you import video into Flash MX 2004, you can control it using behaviors and very basic ActionScript,
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.
Creating a Presentation
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.
© 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.
Lehigh University Introduction to Flash MX Sharmeen Mecklai.
Chapter 11 Adding Sound and Video. Chapter 11 Lessons 1.Work with sound 2.Specify synchronization options 3.Modify sounds 4.Use ActionScript with sound.
Dm 11 – Intro. To Flash Macromedia Flash MX GETTING STARTED WITH.
Macromedia Flash CS4. What is Flash CS4? –Animation and interactive authoring program –Tools for complex animation, as well as excellent drawing tools.
© 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.
Adobe Flash CS3 Revealed Chapter 1 - GETTING STARTED WITH FLASH.
CREATING A POWERPOINT PRESENTATION. Planning a presentation Create a presentation Rearrange and delete text and slides Add animations Add transitions.
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.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Chapter 16 Video. Importing Video Into Flash  Once you import video into Flash, you can control it using behaviors and very basic ActionScript, target.
Week 11 Hands on Flash Pelekanou Olga INF221 INTRODUCTION TO MULTIMEDIA.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
UNIT-V MULTIMEDIA APPLICATIONS Learning objectives To learn about symbols and instancesTo learn about symbols and instances To learn how to use Flash Action.
Copyright © 2003 Pearson Education, Inc. Chapter 6 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
Working with Movie Clips – Lesson 61 Working with Movie Clips Lesson 6.
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
Dm 11 - Flash Special Effects Special Effects CREATING.
Macromedia Flash MX 2004 – Design Professional Special Effects CREATING.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
1 Flash Basics by Dr SC Li. 2 Ordinary Movie vs. Flash Movie AnimationVector GraphicsInteractivity MPEG MovieFlash Movie.
XP Tutorial 7 Creating a Flash Web Site. XP New Perspectives on Macromedia Flash 82 Objectives Plan and create a Flash Web site Create a Flash template.
Adding Text and Navigation to the Home Page – Lesson 51 Adding Text and Navigation to the Home Page Lesson 5.
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.
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
CIS 205—Web Design & Development Flash Chapter 3 Appendix on Using Buttons.
Open a new Flash File Action Script 2.0. Create a button like you did last lesson and name it Click to Play.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Sound and Video.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Integrating Components and Dynamic Text Boxes with the Animated Map– Lesson 101 Integrating Components and Dynamic Text Boxes with the Animated Map Lesson.
Adobe Flash Professional CS5 – Illustrated Unit A: Getting Started with Adobe Flash Professional.
Tutorial 3 Creating Animations.
Using Video, and Flash Components, and Printing Flash Content
Flash Interface, Commands and Functions
Macromedia Flash Tutorial
Chapter Lessons Understand the Macromedia Flash workspace
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.
INTRODUCTION TO ADOBE FLASH CS4
Chapter Lessons Create shape-tweened animations Create a mask effect
INTRODUCTION TO FLASH ANIMATION
Exercise 64 Use the Flash Movie Explorer to examine the contents of an application to quickly locate specific elements such as instances. Use the Movie.
Exercise : Animated Navigation Structure in Animate (= Flash)
Adobe Flash CS3 Revealed
Presentation transcript:

Chapter 17 Putting It All Together

Viewing the Preloader To view the preloader, 1.CTRL-Enter to test the movie. 2.View > Simulate Download

Using Scenes It’s a good idea to use a different scene for each separate web page or link. To do this, you would export each scene individually using the Test Scene command, and then use the loadMovieNum ActionScript to load the correct page on demand when the user clicks a button.

Using Layers Layers are similar to transparent sheets stacked one on top of another. Layers also help you organize the content of the frames. Some of the types of layers are: –Guide Layers – Motion Guide Layers and Guided layers. Motion Guide layers are not exported when the movie is published and serve as a path for an object to follow. –Mask Layers- Mask and Masked layers. A mask layer defines what is visible on the layers below it. The layers that are attached under the mask layer are called masked layers. –Layer Folders – A special kind of layer that can hold other layers inside it.

Library Organization Since you will often use the Library, it’s important to keep it organized and consistent in its naming schemes. Be consistent in your naming conventions. Choose brief, descriptive names. Use folders to organize the Library elements and stay consistent with the folder names (sounds, buttons, graphics, bitmaps, etc.)

Using the Movie Explorer The Movie Explorer is a handy tool that provides you with a visual representation of every aspect of the project file, organized into a hierarchical structure. It can be used to search and display all the text within a movie that uses a specific font. It can be used to list all the graphic symbols or sounds within a scene. It can also be used to locate an element when you know its name, but not its location. Window > Other Panels > Movie Explorer

Preloaders A preloader is used to give users visual feedback that a movie is being downloaded while they wait. It uses ActionScript that detects whether the SWF file has finished downloading or not. Once the whole movie has downloaded, the movie will play, assuming that you set up your ActionScripts correctly. A preloader uses ActionScript that detects whether the SWF file has finished downloading or not. Once the whole movie has downloaded onto the user’s machine, the movie will play.

Building a Preloader Remember that the Preloader must be in the first scene to play. 1.Find the frame in which the animation begins. In our example, it is frame 5. 2.Insert a new scene for your preloader (Insert> scene) and name it intro. Make sure that it is the first scene by opening Window> Design> Scene and dragging it to the top. 3.Insert a layer for the loader, click on frame 1, and drag the preloader (mcLoading) to the Stage. 4.Insert a layer for labels (above the loader layer), and insert a label in the frame that begins the animation. (In our example, that’s frame 5). Add blank keyframes so that you can see the label.

Building a Preloader Cont. 5. Insert a layer for actions (above all layers). In frame 2, add the following ActionScript: if (_framesloaded >= _totalframes) { gotoAndPlay("intro","start");} else { gotoAndPlay("intro",1);} Intro is the scene name and start is the label of the first scene. 5.To test the preloader, we’ll use the Bandwidth Profiler.

Using the Bandwidth Profiler The Bandwidth Profiler is a feature in the Test Movie environment (CTRL Enter) that allows you to see how the movie streams based on different connection speeds. View > Bandwidth Profiler View > Download Settings > 56K View > Simulate Download

Printing from the Project File You can print from inside the project file to show a client the page layouts for a Web site. 1.File > Page Setup 2.From Frames option, choose First Frame Only to print the first frame in each scene or all frames to print all. 3.From the Layout drop-down menu, choose Storyboard – boxes. 4.File> Print

Exporting the Scenes Now that you have created the Preloader and identified the printable frames, you need to export the SWF file for each scene so that the site will work correctly. First, test and export each scene: –Click the Edit Scenes button –Open a scene Control > Test Scene This will create a separate.SWF file for each scene Rename each scene so that it matches your ActionScript by removing the initial project name. Now test the entire movie and check all buttons. Control > Test Movie