DIRECTOR 6.0 - TUTORIAL

Computers in Principle and Practice II (A22.0005)

Follow these steps to practice setting up your own Director 6 animated movies.

TABLE OF CONTENTS:


Create a ball in the PAINT window

1. Select File -> New -> Movie

2. Select Window -> Paint

3. Select a color for the foreground (e.g. purple, red, blue, etc)

4. Select the ellipse tool to draw a filled circle

5. Click on the foreground palette again and select a light color (e.g. white or yellow)

6. Use the ellipse tool and draw a small light circle on the dark circle (for a highlight)

7. Click the upper-left square of the paint window to close it.

8. Select Window -> Cast; now you will see the "ball" you just created in the cast window

9. Select Window -> Score

10. Move the score and cast windows around so that you can see everything.

11. Note: The ball is now called a "sprite".

Return to the Table of Contents.

 

Create a simple animation of the ball rolling

1. Click on the ball in the cast window and drag it on to the first frame of the score for channel 1.

2. Drag on the small rectangular box at the right end of the purple bar to extend it out to 60 frames, staying in the first channel of the score.

3. Select Modify -> Sprite -> Tweening.

4. Click the "path" checkbox and click on okay.

5. In the score, click on the first frame for channel 1.

6. Select Insert -> Keyframe

7. On the stage, drag the sprite to the upper left corner.

8. In the score, click on frame 30.

9. Select Insert -> Keyframe

10. On the stage, drag the ball down to the lower right corner. A line tracing the path will follow.

11. In the score, click on frame 60.

12. Select Insert -> Keyframe

13. On the stage, drag the ball back to the upper left corner. A line tracing the path will follow.

14. Click on Rewind and Play

15. Click on Frame 60

16. Select Modify -> Frame -> Script

17. Type in the following line after "on exit Frame": GO TO FRAME 1

18. Close the edit mode by clicking the box in the upper left corner

19. Click on Rewind and Play. Click on Stop to stop the animation.

Return to the Table of Contents.

 

Create an animation of the ball bouncing around the stage

1. click on the score window

2. Select Edit -> Select All -> Delete

3. Click on Rewind

4. Click and drag the ball from the cast window to the top center of the border of the stage

5. Click and drag the ball from the cast window again to the center of the right right border of the stage

6. Click and drag the ball from the cast window again to the center of the bottom border of the stage

7. Click and drag the ball from the cast window to the center of the left border of the stage

8. Click on the score

9. Make sure each sprite is only one frame wide; if necessary, use the mouse to bring the right end of the sprite back to frame 1 for each sprite (one in each channel).

10. Select the cells in the score in frame 1 from channel 1 to channel 4.

11. Select Modify -> Space to Time

12. Select "1" for Separation / frames. Click okay.

13. In the score window, double click the cell at frame 1, channel Tempo. In the dialogue box, drag the tempo slider or use the arrow keys set the tempo at 10 or 12 fps (frames per second). Click okay.

14. Click Rewind and Play. Make this into a continuous animation by following steps 15- 19 above.

Return to the Table of Contents.

 

Real-Time recording in a Channel

1. Click on the score window.

2. Select Edit -> Select All

3. Delete

4. Select the sprite in the score or click and drag the sprite on to the first channel in the score.

5. Click and drag the sprite from the cast window on to the start position on the stage.

6. Click on the start frame

7. Select Control -> Real-Time

8. Click and drag the sprite in the path you wish to create

9. Release the mouse

10. Click on Rewind and Play.

Return to the Table of Contents.

 

Doing loops

1. Select File -> New -> Movie

2. Select File -> Open -> Runner and click OK. (The "Runner" file can be found in the "MM Directory Animation Tutorial" folder which is on the ACFSE Macintosh server under Courses / A220004 / Presentations.)

3. Select Modify -> Movie -> properties and then set the stage size for a web page such as Quicktime 320 x 240 or Quicktime 160x120. Then Select frame 1, channel 1 in the score window.

4. Click and drag cast member 1 from the cast window to the stage and line it up with the lower left corner of the stage.

5. Click and drag cast member 2 from the cast window to the stage and line it up with the lower left corner of the stage on top of cast member 1.

6. Click and drag cast member 3 from the cast window to the stage and line it up with the lower left corner of the stage on top of cast member 2.

7. Keep clicking and dragging each runner sprite on to the lower left corner of the stage.

8. Make sure that each channel is only one frame wide; click and drag the purple line back to frame 1 for each sprite if necessary.

9. Select the cells in the score in frame 1 from channel 1 to channel 10.

10. Select Modify -> Space to time

11. Enter "1" for "separation" in the dialogue box. Click okay.

12. Click rewind and play.

13. Click on the score window and select frame 1 to frame 10 in channel 1.

14. Select Edit -> copy sprites

15. Click on an empty cast member box in the cast window and select Edit -> paste sprites.

16. Name your loop "Runner Loop". Click okay.

17. Click on the score window. Select the cells in Channel 1 from Frame 1 to Frame 10 and press the delete key.

18. Click on Rewind.

19. Click on the Cast window and drag the Runner Loop cast member on to channel 1, frame 1. Extend the duration to 30.

20. Select Modify -> Sprite -> Tweening. Make sure the path checkbox is marked. Click okay.

21. Click on frame 1, channel 1.

22. Select Insert -> Keyframe

23. On the stage, drag the sprite to the lower left corner

24. Click on frame 30, channel 1.

25. Select Insert -> Keyframe

26. Drag the sprite to the lower right corner. A line tracing the path will follow.

27. Click on Rewind and Play.

28. Click on Frame 30.

29. Select Modify -> Frame -> Script

30. Type in the following line after "on exitFrame": GO TO FRAME 1

31. Close the edit mode by clicking in the box in the upper left corner

32. Click on rewind and Play. Click on Stop to stop the animation which should now be continuous.

Return to the Table of Contents.

 

Adding Sound:

33. Select File -> Inport and go to the SOUNDS folder in the software folder for the course A2200004.

34. Open "Instruments" and click on "drum rolls". Click Add.

35. Click on "cymbals". Click Add.

36. Click on Import.

37. When you return to Director, the sounds should appear as new cast members.

38. Drag the drum roll cast member on to frame 1 of the first sound channel. Extend the length of the sprite to frame 30.

39. Select Modify -> Cast Members -> Properties and click on Options / Loop (checkbox). Then click okay.

40. Drag the cymbal cast member to frame 10 of sound channel 2.

41. Select Modify -> Cast Members -> Properties and click on Options / Loop (checkbox). Then click okay.

42. Click on Rewind and Play.

Return to the Table of Contents.

 

Saving your movie:

1. Select File -> Save to save the movie as a Director 6 file so that you can modify it in the future.

2. Select File -> Save as Shockwave Movie in order to play it on your website. For further instructions on creating a Director movie to play on the web, see below.

Click here to see a sample movie based on the "runner" cast.

Click here to learn more about creating a Director movie to run on your web site.

Go to the top of the page.

 

 

Spring, 1998 / D. Engel