Flash
  Home arrow Flash arrow Page 3 - Organizing Frames and Layers
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
FLASH

Organizing Frames and Layers
By: O'Reilly Media
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 4 stars4 stars4 stars4 stars4 stars / 4
    2008-08-28

    Table of Contents:
  • Organizing Frames and Layers
  • Working with Frames
  • Moving Frames (Keyframes)
  • Editing Multiple Frames
  • Adding Content to Multiple Layers

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    Organizing Frames and Layers - Moving Frames (Keyframes)


    (Page 3 of 5 )

     

    The Timeline is serial: When you run your animation, Flash displays the content in Frame 1, followed by the content in Frame 2, followed by the content in Frame 3, and so on. If you change your mind about the order in which you want frames to appear, all you need to do is move them.

    Simple in theory—but moving frames in Flash isn’t quite as cut and dried as you might think. As you may recall if you’ve had a chance to read through Chapter 3, only keyframes can contain actual images; regular frames contain either tweened or “held over” copies of the images placed in the previous keyframe. So whether you move a frame or a keyframe, you end up with a keyframe. Here’s how it works:

    • Moving a keyframe. When you move a keyframe, what Flash actually moves is the keyframe’s content and keyframe designation; Flash leaves behind a regular frame in the original keyframe’s place. (And that regular frame may or not be empty, depending on whether or not a keyframe precedes it on the Timeline.) 
    •  Moving a regular frame. Flash moves the regular frame, but turns the moved frame into a keyframe. (If you move a series of regular frames, Flash turns just the first moved frame into a keyframe.)

    Tip: There’s another way to change the order in which Flash plays frames: by creating an ActionScript action, as described in Chapter 10. Creating an action lets you tell Flash how to play your frames: backwards, for example, or by rerunning the first 10 frames three times and then moving on. You want to use ActionScript (as opposed to moving frames) when you want to give your audience the choice of viewing your animation in different ways.


    To move frames, you simply select and then drag them. The process is the same whether you’re moving frames, keyframes, or both, and all the usual rules of frame selection described earlier in this chapter still apply.

    Here are the steps in detail:

    1. On the Timeline, select the frame(s) you want to move.

      Flash highlights the selected frame (or frames) and moves the playhead to the last selected frame. 
    2. Drag the selected frame(s) to the frame after which you want to place the selected frames.

      As you drag the selected frames, Flash displays a gray box above your cursor to help you position them (Figure4-2).

                                                      
    Figure 4-2.  Top: Click the frame you want to move and then let go of your mouse. Drag the frame you just selected. If flash displays a gray selection-sized box above your cursor, you’re gold: Drag to the point in the Timeline where you want to insert the moved frame (here, Frame 30) and then drop it. (If you don’t see a gray box, you need to start the process over.)

    Bottom: Here, you can tell the move succeeded because the keyframe and end frame indicators have disappeared from their original locations (Frames 16 and 17) and reappeared in their new locations (Frames 29 and 30).



    Tip: If you begin to drag your selected frames and see Flash highlighting the Timeline, which tells you it’s selecting additional frames (instead of displaying a neat gray box, which tells you it’s moving the selected frames), stop right there and start the whole process over. When your cursor is above the frame after which you want to move the selected frames, let go of your mouse button.


    Flash deletes the selected frames from their original position, and inserts them in their new location.


    Tip: If dragging your frames isn’t working, you can always copy and paste the frames you want to move (page 113). Then use Edit -> Timeline -> Remove Frames to delete them from their original location (see the box below).


    More Flash Articles
    More By O'Reilly Media


       · This article is an excerpt from the book "Flash CS3: The Missing Manual," published...
     

    Buy this book now. This article is excerpted from chapter four of the book Flash CS3: The Missing Manual, written by E.A. Vander Veer (O'Reilly, 2007; ISBN: 0596510446). Check it out today at your favorite bookstore. Buy this book now.

    FLASH ARTICLES

    - Critical Flash Vulnerability Heats Up the Web
    - More on Nonpersistent Client-Side Remote Sha...
    - Nonpersistent Client-Side Remote Shared Obje...
    - Using the Decorator Pattern for a Real Web S...
    - Using Concrete Decorator Classes
    - Delving More Deeply into the Decorator Patte...
    - The Decorator Pattern in Action
    - A Simple Decorator Pattern Example
    - Decorator Pattern
    - Organizing Frames and Layers for Flash Anima...
    - Organizing Frames and Layers
    - Using XML and ActionScript with Flex Applica...
    - Interfaces and Events with ActionScript and ...
    - Manipulating Data with ActionScript in Flex ...
    - ActionScript Syntax for Flex Applications







    © 2003-2009 by Developer Shed. All rights reserved. DS Cluster 5 Hosted by Hostway
    Stay green...Green IT