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.

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

Tutorial 6 Creating Special Effects with Graphics and Gradients.
© 2011 Delmar, Cengage Learning Chapter 7 Importing and Modifying Graphics.
Importing and Modifying Graphics
© 2010 Delmar, Cengage Learning Chapter 7: Importing and Modifying Graphics.
Creating Animations – Lesson 71 Creating Animations Lesson 7.
© 2011 Delmar, Cengage Learning Chapter 13 Preparing Graphics for the Web.
Chapter 17 Creating Images for the Web. Chapter Lessons Learn about Web features Optimize images for Web use Create a button for a Web page Create slices.
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
Introduction to Macromedia Flash 8
3.02 Computer Animation Software and Design Guidelines
Roentgen photo effect. This detailed, thoroughly explained lesson will show you how to create very attractive roentgen photo effect. You can use this.
© 2011 Delmar, Cengage Learning Chapter 8 Building Complex Animations.
Chapter 17 Putting It All Together. Viewing the Preloader To view the preloader, 1.CTRL-Enter to test the movie. 2.View > Simulate Download.
© 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.
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
Adobe FlashProfessional CS5 – Illustrated
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.
Lehigh University Introduction to Flash MX Sharmeen Mecklai.
Tutorial 6 Working with Bitmaps and Gradients, and Publishing Flash Files.
Tutorial 2 Drawing Text, Adding Shapes, and Creating Symbols.
3-1 OBJ Copyright 2003, Paradigm Publishing Inc. Working with Layers, Libraries, and Importing Graphics Macromedia Flash Design & Application.
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.
Adobe Flash CS4 – Illustrated Unit C: Using Symbols and the Library Panel.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH CS3.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
Working with Symbols and Interactivity
Creating a Logo – Lesson 3 1 Creating a Logo Lesson 3.
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.
Distributed Multimedia Programming Week - 1. Document Window  The Document Window is divided in to six main components Timeline – The Timeline is where.
Adobe Flash CS3 Revealed Chapter 3 - WORKING WITH SYMBOLS AND INTERACTIVITY.
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.
Adobe Photoshop CS3 Revealed – Chapter 16 FOR THE WEB CREATING IMAGES.
Copyright © 2003 Pearson Education, Inc. Chapter 6 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
Distributed Multimedia Programming Week – 4A Buttons Movie Clips.
Working with Movie Clips – Lesson 61 Working with Movie Clips Lesson 6.
PLACING AND LINKING GRAPHICS
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
Distributed Multimedia Programming Week - 3 Shape Tweening Symbols and Instances.
Adding Text and Navigation to the Home Page – Lesson 51 Adding Text and Navigation to the Home Page Lesson 5.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
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.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Adobe Flash Professional CS5 – Illustrated Unit C: Using Symbols and the Library Panel.
Tutorial 3 Creating Animations.
Creating a Flash Web Site
Tutorial 3 Creating Animations.
Adding Buttons, Actions, and Sounds
Flash Interface, Commands and Functions
Macromedia Flash Tutorial
3.02 Computer Animation Software and Design Guidelines
Saving Images from Fireworks
INTRODUCTION TO ADOBE FLASH CS4
Exercise 48 - Skills Adobe Flash CS4 is a software program you use to create animation and applications that range form simple to very complex. Being able.
Exercise 30 - Skills Fireworks uses layers to help you organize and work with the various elements in your drawings. You can us layers to keep objects.
INTRODUCTION TO FLASH ANIMATION
Creating Images for the Web
Working with Symbols and Interactivity
Develop Rich Internet Content and Applications
Flash Concepts and Demos - Overview
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.
The Web Collection Standard CS3 Revealed
Presentation transcript:

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 file size small, because you store the animation once as a symbol and insert instances when you need them. Copyright © 2010 Pearson Education, Inc. Publishing as Prentice Hall

Terms Movie clip – A movie segment. Copyright © 2010 Pearson Education, Inc. Publishing as Prentice Hall

Create a Movie Clip Symbol Use movie clip symbols to store animated sequences that you can reuse many times. If you create an animation of a logo, you might want to use it in different places throughout an animation. You create the symbol by choosing the Insert>New Symbol command. Copyright © 2010 Pearson Education, Inc. Publishing as Prentice Hall

In the Create New Symbol dialog box: Enter a name for the movie symbol Select Movie clip Click OK. You can convert an animation sequence you create on the Stage with the main Timeline into a movie symbol, or You can create a blank movie clip symbol and then create the sequence in symbol editing mode. Copyright © 2010 Pearson Education, Inc. Publishing as Prentice Hall

You can even replace the original animated sequence with an instance. Once you create the movie clip symbol, you can insert an instance in any keyframe by dragging it from the Library. You can even replace the original animated sequence with an instance. Since an instance of a movie clip symbol takes up only a single frame in the main Timeline, it is an efficient way to minimize file size. Copyright © 2010 Pearson Education, Inc. Publishing as Prentice Hall

The movie clip Timeline plays independently from the main Timeline. Movie clips can also help simplify the main Timeline because you can replace multiple layers and frames with a single keyframe. The movie clip Timeline plays independently from the main Timeline. To see the movie clip Timeline, you must change to symbol editing mode. To play the entire animation including the movie clip, use the Test movie command. Copyright © 2010 Pearson Education, Inc. Publishing as Prentice Hall

When you Test the animation, Flash exports the animation to a Flash movie file and plays it in a separate Flash Player window in a continuous loop. The movie file is stored in the same location with the same name as the document file. Copyright © 2010 Pearson Education, Inc. Publishing as Prentice Hall

Assignment Page 348 S_63bee Page 349 – SO_63walking Copyright © 2010 Pearson Education, Inc. Publishing as Prentice Hall

Transparent Images Making an area of your image transparent does not reduce the size of the GIF. To make a part of your GIF image transparent, you use the Optimize panel to choose the colors you want to make transparent. The colors you make transparent will allow a background image to show through the color when the image is displayed on the Web. Fireworks displays a transparent area using a gray and white checkerboard pattern when you preview the image. Interlacing makes images appear first as a low quality image that improves as all of the data in the image file is downloaded. Copyright © 2010 Pearson Education, Inc. Publishing as Prentice Hall Advanced Graphics and Animation : Lesson 7, Exercise 61

Working with JPEGs JPEG format is ideal for digital photos because it enables you to reduce the size of an image while you adjust the quality of the image. That is, you can greatly reduce the file size without much noticeable effect on the quality. JPEG compression works by replacing areas of an image with rectangular blocks that are a single color. When an image is viewed at normal size, there is typically little reduction in quality; but when you zoom the image, you can see the color blocks. You adjust the JPEG compression level using the Quality option in the Optimize panel. Higher values produce better quality. Because JPEG compression discards data, you can never recover details that are lost once you save a JPEG image that you have compressed. Copyright © 2010 Pearson Education, Inc. Publishing as Prentice Hall Advanced Graphics and Animation : Lesson 7, Exercise 62

Movie Clip Symbol in Flash Use movie clip symbols to store animated sequences that you can reuse many times. For example, if you create an animation of a logo, you might want to use it in different places throughout an animation. You create the symbol by choosing the Insert > New Symbol command. In the Create New Symbol dialog box, enter a name for the movie symbol, select Movie clip, and click OK. Once you create the movie clip symbol, you can insert an instance in any keyframe by dragging it from the Library; you can even replace the original animated sequence with an instance. Since an instance of a movie clip symbol takes up only a single keyframe in the main Timeline, it is an efficient way to minimize file size. Copyright © 2010 Pearson Education, Inc. Publishing as Prentice Hall Advanced Graphics and Animation : Lesson 7, Exercise 63

Movie Explorer in Flash Use the Movie Explorer to view and organize the contents of a document, to locate an element by name, to locate all instances of a specific symbol, or to select elements in the document. The Movie Explorer opens in a panel and displays a hierarchical list of elements currently used in the document. Expand or collapse the display to show or hide elements that branch off of other elements. Copyright © 2010 Pearson Education, Inc. Publishing as Prentice Hall Advanced Graphics and Animation : Lesson 7, Exercise 64

Motion Presets Motion presets are built-in animations that you can apply to text blocks, graphics, bitmap images, or button symbols. Use the Window > Motion Preset menu command to display your choices. The Motion Presets dialog box offers two folders: Default Presets Custom Presets In the Motion Preset dialog box, you can click the various presets in the Default Presets folder to see a preview of the motion before you apply it. To add the preset to the selected object, click Apply. When you apply an effect to an element, Flash inserts keyframes automatically on the current layer. Copyright © 2010 Pearson Education, Inc. Publishing as Prentice Hall Advanced Graphics and Animation : Lesson 7, Exercise 64