spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

home / web / dev / flash / timeline
Developer News
Mandrake Linux Founder Back, Virtually
Amazon: We're a Technology Company
Sun Expands MySQL With Closed Source

The Timeline

Serving Up Web-Friendly Animations: In a Flash

Take a look at the timeline (the numbered grid above your movie area). You'll see Layer 1, a pencil icon next to it, and then a strip along the timeline that has a small, unfilled, blue circle sitting in Frame 1.

Flash Timeline

Whenever you want to add something to a Flash movie, it goes into a specific frame at a specific point in the timeline. For the most part, you'll probably find adding separate items to separate layers the easiest way to keep things organized. This will also allow you to go back into your movie and move certain items around (or change their start points by inserting or deleting frames) without disrupting other items.

Pencil Signifying Current Layer To add a Layer, click the pencil icon, choose "Insert Layer," and name your layer. That layer pops up, with its own key frame (the blue circle), and now the pencil is next to it. The pencil is important because it shows you which layer is current. While you'll always see ALL items in a frame on the movie stage, additions you make will go into the "current layer" which may or may not be the layer you intend. Forgetting to make a layer "current" is a common mistake, so watch out for it.

The other important element of the timeline area to notice is the little slider Current Frame Marker (it looks like the tab marker in many word processing programs) that sits along the top of the timeline. This is the "current frame marker." When you start, it's on 1 because there are no other frames. If you try to move it, you'll see that it won't go anywhere because you haven't added frames yet to the movie.

Once you start adding frames, you need to always be aware of where the current frame marker is. While you can make changes to anything you see on the movie stage, when you make changes, they impact the frame on which the current frame marker is positioned, so make sure the marker is correctly placed.

Inserting Frames / The Menu You can add frames to individual layers or to several layers at once. You can, similarly, add frames one at a time or in groups. To add a frame, position your mouse in the desired point in the timeline, click on the small rectangular box which appears at the bottom of the cursor, and choose "Insert Frames" from the pop-up menu. To insert frames in several layers at once, drag your mouse from the starting point in one layer across to the desired endframe in another layer, and then click the box and choose "Insert Frames." This allows you to add the same number of frames to multiple layers in a single move.

How many frames do you add? Take a good guess and add. You can always add more -- or delete some -- later.

Okay, so let's enter some text.

Comments are welcome

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Whitepapers and eBooks

Intel Whitepaper: Comparing Two- and Four-Socket Platforms for Server Virtualization
IBM Solutions Brief: Go Green With IBM System xTM And Intel
HP eBook: Simplifying SQL Server Management
IBM Contest: Are You the Next Superstar? Join the "Search for the XML Superstar" Contest to Find Out
Microsoft PDF: Top 10 Reasons to Move to Server Virtualization with Hyper-V
Microsoft PDF: Six Reasons Why Microsoft's Hyper-V Will Overtake Vmware
Microsoft Step-by-Step Guide: Hyper-V and Failover Clustering
Intel PDF: Quad-Core Impacts More Than the Data Center
Intel PDF: Virtualization Delivers Data Center Efficiency
Go Parallel Article: PDC 2008 in Review
Microsoft PDF: Top 11 Reasons to Upgrade to Windows Server 2008
Avaya Article: Communication-Enabled Mashups: Empowering Both Business Owners and IT
Intel Whitepaper: Building a Real-World Model to Assess Virtualization Platforms
  PDF: Intel Centrino Duo Processor Technology with Intel Core2 Duo Processor
Microsoft Article: Build and Run Virtual Machines with Hyper-V Server 2008
Go Parallel Article: Q&A with a TBB Junkie
IBM Whitepaper: Innovative Collaboration to Advance Your Business
Internet.com eBook: Real Life Rails
IBM eBook: The Pros and Cons of Outsourcing
Internet.com eBook: Best Practices for Developing a Web Site
IBM CXO Whitepaper: The 2008 Global CEO Study "The Enterprise of the Future"
Avaya Article: Call Control XML in Action - A CCXML Auto Attendant
IBM CXO Whitepaper: Unlocking the DNA of the Adaptable Workforce--The Global Human Capital Study 2008
Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers
HP eBook: Guide to Storage Networking
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
webref The latest from WebReference.com Browse >
Popular JavaScript Framework Libraries: An Overview - Part 3 · Accessing Your MySQL Database from the Web with PHP · Working with the DOM Stylesheets Collection
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Crucial Triples Up With New Three-Channel DDR3 Kits · Meet the Finalists: Excellence in Technology Awards · Tealeaf Offers Insight to Mobile Customer Behavior


Created: Aug. 24, 1997
Revised: Aug. 24, 1997

URL: http://webreference.com/dev/flash/timeline.html