Tutorial
Tutorial
Tutorial
Demo
ObjectDANCER Tutorial Demo
ObjectDANCER:
A dream of Joëlle de La Casinière
Basic design and user interface by Philippe Cailloux
Software architecture by Leonardo Jervis and Antonio Tuzzi
Written by Antonio Tuzzi, Leonardo Jervis, Luigi Lira, and Tommaso Spazzali.
ObjectDANCER Tutorial Demo designed and developed by Ellen Feaheny.
Copyright © 1996/97 PaceWorks, Inc. All rights reserved. PaceWorks, ObjectDANCER, PaceWorks logo and
ObjectDANCER logo are trademarks of PaceWorks, Inc. Macintosh and QuickTime are registered trademarks of
Apple Computer, Inc. and the MacOS logo, Power Macintosh, the QuickTime logo, ColorSync and the ColorSync
logo, and TrueType are trademarks of Apple Computer, Inc. used under license. Sea Gull image is a Copyright ©
1996 of PhotoDisc, Inc. All other registered trademarks and trademarks are the property of their respective owners.
Published in the United States of America.
Except as permitted under the Copyright Act of 1976, no part of this publication may be reproduced or distributed
in any form or by any means, or stored in a database retrieval system, without the prior written permission from
PaceWorks, Inc.
No licenses, express or implied, are granted with respect to any of the technology described in this publication.
PaceWorks, Inc. retains all their intellectual property rights in the technology described in this publication.
Even though PaceWorks, Inc. has reviewed this publication, PACEWORKS, INC. MAKES NO WARRANTY OR
REPRESENTATION, EITHER EXPRESS OR IMPLIED, WITH RESPECT TO THIS PUBLICATION, ITS
QUALITY, ACCURACY, NONINFRINGE-MENT, MERCHANTABILITY, OR FITNESS FOR A PARTICULAR
PURPOSE. AS A RESULT, THIS PUBLICATION IS DELIVERED “AS IS” AND THE READER ASSUMES
THE ENTIRE RISK AS TO ITS QUALITY, ACCURACY, OR SUITABILITY FOR ANY PARTICULAR
PURPOSE.
IN NO EVENT WILL PACEWORKS, INC. BE LIABLE FOR DIRECT, INDIRECT, SPECIAL, INCIDENTAL,
OR CONSEQUENTIAL DAMAGES RESULTING FROM ANY DEFECT OR INACCURACY IN THIS
PUBLICATION, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
PaceWorks, Inc.
Customer service
650 Castro Street, Suite 120-237
Mountain View, CA 94041 - USA
[email protected], http://www.paceworks.com
Tutorial Demo
PREPARATION
This document guides you in creating you first animation with ObjectDANCER. Like animations,
experiencing ObjectDANCER first-hand is crucial to understanding ObjectDANCER and its richness. Just
as an animation is a live experience, so is ObjectDANCER. You will use the sample media folder,
including PICTs, audio files, text clip, QuickTime movie, and a GX object, included on your
ObjectDANCER CD-ROM to create follow along in this demo.
Note
All sample objects. movies, or media contained within this CD-ROM are included for
demonstration purposes only. They may not use be used for professional-use. To use these
objects in a manner other than that which is stated here, consult PaceWorks.
SYSTEM REQUIREMENTS
Refer to the ObjectDANCER Reference Manual for an even more comprehensive list of requirements and
steps for installing and running ObjectDANCER.
Following is a list of required and recommended equipment. Ensure that your system configuration
includes the listed minimum hardware equipment, and if not already installed, install the appropriate
software listed.
4 An Apple Macintosh© PowerPC, any model (or PowerPC clones), with a minimum of 5 megabytes
(MB) of application RAM (8MB or more recommended).
4 Apple System Software 7.5 (or later) installed, which includes the following necessary extensions:
ColorSync™ system extension and control panel, Sound Manager 3.2 (or later) system extension,
and Sound control panel.
2 ObjectDANCER Tutorial Demo
4 Apple QuickDraw GX software installed, which comes packaged with System Software 7.5 or later
(although QuickDraw GX is not automatically installed unless specified), or install the provided
GXGraphics INIT system extension (refer to “Read Me.txt” file in the “GXGraphics INIT” folder on
the CD-ROM).
4 QuickTime™ 2.0 (version 2.5 recommended), which includes: QuickTime™ system extension,
QuickTime™ PowerPlug system extension, QuickTime™ Musical Instruments system extension,
MoviePlayer 2.0 (or later) application.
In addition, PaceWorks recommends the following hardware, although not necessary:
4 CD-ROM drive
4 17” or larger monitor
4 external speakers
Basic Concepts
Upon launching ObjectDANCER, new “Untitled-1” project windows are displayed. These windows, the
Compo and Synchro Windows, are the main project windows for building ObjectDANCER projects. The
Compo Window is essentially your visual drawing pad for designing and manipulating imported objects
over the time of a ObjectDANCER animation. An object, in ObjectDANCER, is any imported graphic,
picture, glyph, video, or sound file that is brought together in the ObjectDANCER project.
The other main project window, the Synchro Window, is used for synchronizing project objects’
movements and attributes with the desired effects and styles. The changes in any object’s position, size,
scale, skew, shape, color, rotation or other attributes over time are known as dances. The current time
within ObjectDANCER projects is tracked by the red current time indicator, or RCT indicator.
The following figure illustrates the Compo and Synchro Windows. Notice how the objects in the Compo
Window have a corresponding object label entry in the Synchro Window. Also notice that both windows
have an RCT indicator along their gray timeline ruler, indicating the current position and effect imposed
ObjectDANCER Tutorial Demo 3
RCT indicator
gray timeline ruler
Whenever you import an object into the Compo Window, the same object is also be reflected in the
Synchro Window, or vice versa. These windows are essentially mirrors of each other, each allowing you
to manipulate the objects in different ways.
4 ObjectDANCER Tutorial Demo
2. Drag the RCT indicator line (just below the red arrow) to the right along the gray timeline ruler at
the bottom of the Synchro (or Compo) Window to change the current time.
Note
When dragging the RCT indicator line just below the red arrow, the cursor should
look like this: .
3. Drag the moon object to the right. A line from the original location to the new location shows the
object’s path.
Now let’s add some text to the project. You can copy and paste text (or other) objects into the project
windows. 1
5. Highlight the word “MOON” in the MOON.PSP filename.
6. Select the Copy command (or press zC) from the Edit Menu.
7. Click the cursor in the Compo Window.
8. Select the Paste command (or press zV) from the Edit Menu. The MOON text object appears in the
Compo Window.
You can adjust the position of an imported object by dragging it in any direction within the Compo
Window. Let’s try this.
9. Drag the newly imported MOON text object to the lower right corner of the Compo Window.
Notice that the MOON text object is titled “Untitled” amongst the Synchro Window’s object labels.
10.To rename this text object (or any other object), double-click on the object’s label and a Rename...
dialogue box is launched.
Just as you created a path for the MOON.PSP graphic object, let’s create a path for the MOON Text
object.
12.Drag the RCT indicator arrow to the right along the gray timeline ruler (about an inch over).
1. Text objects can also be created through direct input using the Text tool accessed through the Show Tools command on the
Windows Menu (see page 11). Click on the Text tool, then click in the Compo Window and type in some text. A
corresponding text object appears in the Synchro Window.
6 ObjectDANCER Tutorial Demo
13.Drag the MOON Text object to the upper left corner. A line from the original location to the new
location shows the object’s path.
To preview the animated movements of the objects within your project so far, choose from one of two
options:
• Select the Show Preview option from the Output Menu (or click on the Show Preview
smart icon at the top of the Synchro Window). A wireframe preview of the project is
displayed. (To stop the preview, click the mouse anywhere.)
• Click on either of the current time snap buttons within the Compo (or Synchro)
Window to review your project frame by frame.
16.Drag on the rightmost purple handle of the yellow project output bar to extend the project area
beyond the range of the object lifespans in the Synchro Window. (When you drag the right purple
handle, appears.)
yellow project output bar purple handle
object lifespans
17.From the Output Menu, select the Make QT Movie command (or click on the Make QT Movie
smart icon at the top of the Synchro Window). A “Making Movie” progress screen is
displayed, and then a small movie window is displayed.
scrub back/forward - to
manually scrub movie backward
or forward.
18.Click on the play button in the movie window, and your movie is played.
The running indicator on the bottom scroll bar will move to the right while the movie plays. (If no sound
is heard, ensure that your speakers are properly connected and configured on your computer.)
progressive screens...
ObjectDANCER Tutorial Demo 9
dance bars
With the expanded object, as shown in the above illustration, we introduce two new ObjectDANCER
concepts: dance bars and keyframe mushrooms. Dance bars hold the animation dances (keyframe
mushrooms) of an object’s attributes.2 By moving the RCT indicator to a new position, and then entering
a new value for a particular attribute, a new keyframe is created (and the attribute is changed in the
animation at that particular time). These animated dances, marked by keyframe mushrooms along the
dance bars, are imposed values during the animation when an object changes its position, color, size,
rotation, etc. Values in between any two keyframes along a single dance bar are automatically
interpolated.
Let’s change the rotation of the MOON.PSP object, so the moon completes a 360˚ rotation from its
starting to ending point.
2. Click on the last keyframe mushroom along the position dance bar ( ). The RCT indicator line
jumps in alignment with this mushroom.
3. Input 360˚ in the rotation input area ( ), then [return]. A new rotation keyframe mushroom
appears along the rotation dance bar.
Next, let’s change the background color, to the color of the sky, for example.
4. Click on the Background Color... smart icon at the top of the Compo Window. A color
picker dialog box is displayed.
5. Drag the handle along the color bar until a desired background color appears in the upper right
“New:” box. Then press “OK”.
2. Note the info labels at the top left of the Synchro Window. These labels identify the names of the object attributes as you
move the cursor over them.
10 ObjectDANCER Tutorial Demo
If the current time is in a position where the moon is visible, the moon object’s background now appears
white over the blue background. Let’s change the moon object’s background so it blends with the
background color. By doing this, we will activate the alpha channel.
6. Move the RCT indicator to the beginning of the timeline by either dragging it there or clicking on
the first keyframe mushroom on any attributes’ dance bar.
7. Select “Over” from the options in the transfer mode pull-down box. The moon’s object background
now blends with the background color.
Just as we have made changes to the moon’s rotation and transfer mode, you can similarly make changes
to any graphic object’s attribute, such as visibility, position, scale, skew, etc. by moving the RCT
indicator to a new current time, and then inputting a new value (or toggling a toggle, as the case may be).
8. Click on the arrow to the right of the “MOON.PSP” object label. The attributes list will close.
Let’s change directions for a moment, and make some changes to the text object’s attributes.
9. Click on the arrow to the right of the “MOON Text” object label in the Synchro Window. The
following attributes list is displayed. To increase the Synchro Window’s area, drag the icon in
the bottom right corner.
ObjectDANCER Tutorial Demo 11
Let’s change the font size, so the text grows larger from its starting to ending point.
10.Click on the first keyframe mushroom along the font size dance bar ( ).
11.Change the font size in the input area to “8” point, then press [return].
12.Click on the last (second) keyframe mushroom along the position dance bar ( ). The RCT
indicator line jumps in alignment with this mushroom.
13.Input “24” point in the font size input area, then press [return].
How about changing the color of the text, from its starting to ending point. Let’s change the color of the
text object to match a color in the moon.
14.Select the Show Tools command from the Windows Menu. (This palette may already be displayed on
your screen.) The Tools palette is displayed.
18.Click on the last (second) keyframe along the position dance bar ( ). The RCT indicator line
jumps in alignment with this mushroom.
19.Click on the MOON Text object in the Compo Window. The text changes to the orange color in the
color sample/picker box, and a keyframe mushroom appears along the color dance bar, aligned with
the position’s second keyframe mushroom just above.
12 ObjectDANCER Tutorial Demo
With this change, the MOON Text will gradually change colors from black to orange over the time
between the two color keyframes in the animation.3
20.Click on the arrow cursor ( ) in the Tools palette.
Similarly, you can change any and all other text objects in this same fashion.
In this demo, we have always aligned attribute changes with the ending position keyframe mushroom;
although, you can insert a keyframe mushroom anywhere along an attribute’s dance bar simply by
moving the RCT indicator line to the current time location of your choice, and then inputting a new value
of an attribute.
Let’s experiment with one more ObjectDANCER feature before recreating your movie. This feature is
called “Text Decompose”. Text Decompose allows you to break down text objects into pieces whereby
you can then to manipulate those objects’ attributes in time to create interesting effects.
21.Click on the first keyframe mushroom along the position dance bar ( ). The RCT indicator line
jumps in alignment with this mushroom.
22.Click on the Text Decompose smart icon. The following dialogue box is displayed.
Next, we need to time align the decomposed text objects, so they are displayed gradually over time,
instead of all four objects appearing at the same time.
25.While holding down [shift], click on each of the four text objects in the Synchro Window (they will
be highlighted in red as each text object is selected).
3. Another way to select a color instead of using the eyedropper tool, is to use the color sample/picker box tool. By double-
clicking on the color sample/picker box, the color picker dialog box is displayed (as illustrated when changing the
background, on page 10). Select a color, and then with the paint bucket tool, drop the color onto a selected object.
ObjectDANCER Tutorial Demo 13
26.Click on the Time Alignment... smart icon, and the following window is displayed.
27.Input new values in the input boxes of the Time Alignment... window, and click on the “Lock end”
and “Keyframe scaling” toggles.
28.Click on “OK”, and you will notice that the objects have been stepped in time in the Synchro
Window.
Let’s now take a look at our project so far, as a movie. Once again, before outputting the movie, we need
to readjust the project output bar, as we did with the basic animation.
29.Drag on the rightmost purple handle of the yellow project output bar to extend the project output
area beyond the range of the object lifespans in the Synchro Window ( appears as you drag the
purple handle).
14 ObjectDANCER Tutorial Demo
30.Select the Make QT Movie command from the Output Menu (or click on the Make QT Movie
smart icon at the top of the Synchro Window). A “Making Movie” progress screen is
displayed, and then a small movie window is displayed.
scrub back/forward - to
manually scrub movie backward
or forward.
31.Click on the play button in the movie window, and your movie is played.
32.The running indicator on the bottom scroll bar will move to the right while the movie plays. (If no
sound is heard, ensure that your speakers are properly connected and configured on your computer.)