Changing the Timing

Table of Contents

This Book

Visual QuickStart Guide Dreamweaver 4 for Windows and Macintosh

Search

Table of Contents

Acknowledgements

Introduction

Ch. 1. Getting Started

Ch. 2. Setting Up a Local Site

Ch. 3. Basic Web Pages

Ch. 4. Editing HTML

Ch. 5. Working with Images

Ch. 6. Working with Links

Ch. 7. Inserting and Playing Media

Ch. 8. Fonts and Characters

Ch. 9. Paragraphs and Block Formatting

Ch. 10. Creating HTML Styles

Ch. 11. Stylin' with Style Sheets

Ch. 12. Setting Up Tables

Ch. 13. Framing Pages

Ch. 14. Layers and Positioning

Ch. 15. Filling Out Forms

Ch. 16. Behavior Modification

Ch. 17. Drawing Timelines

What Timelines Can Do

The Timelines Panel

Dissecting the Timelines Panel

Adding a Layer to a Timeline

Timeline Actions

About Keyframes

Showing and Hiding Layers

Changing the Overlaps

Changing the Timing

Changing Layer Dimensions

Adding an Image Rollover to a Timeline

Adding a Behavior to a Timeline

Making Timelines Go

Making a Behavior Play a Timeline

Loop and Rewind

Adding and Removing Frames

Using Multiple Timelines

Renaming and Deleting Timelines

Removing or Changing Objects

Bringing It All Together

Ch. 18. Automating Dreamweaver

Ch. 19. Customizing Dreamweaver

Ch. 20. Managing Your Web sites

Ch. 21. Workflow & Collaboration

Changing the Timing

You can change the length and duration of an animation bar if you want an action to start sooner or end later within the timeline.

To move the beginning or end of an animation bar:

1.	In the Timelines panel, click on the beginning or ending keyframe on the layer's animation bar (Figure 17.43). Figure 17.43. Click on the end keyframe and drag it to a new location.
2.	Drag the keyframe to a new frame number within the animation channel (Figure 17.44). You may notice the other elements in the timeline moving around as you drag the keyframe. Figure 17.44. I lengthened the animation bar I selected in Figure 17.43. Notice how the keyframes in the middle of the animation bar are spaced out over the new length of the animation bar.
3.	Play the timeline to see how it looks.
4.	Repeat steps 1 and 2 as needed.

PREVIEW

Not a subscriber?

Start A Free Trial

This Book

Search

Contents

Chapter 17. Drawing Timelines > Changing the Timing

Changing the Timing

Figure 17.43. Click on the end keyframe and drag it to a new location.

Figure 17.44. I lengthened the animation bar I selected in Figure 17.43. Notice how the keyframes in the middle of the animation bar are spaced out over the new length of the animation bar.