Computer Graphics Survey

Soundtrack Completion

Using SoundEdit and Director on MacOS Computers

| previous handout | ACG Home | Instructor Home | Class Home | list of tutorials | next handout |

Before beginning the project

Read theinformation that pertains specifically to the way the ACG Lab operates. This section of the directions may not apply if you work on the project elsewhere.


Tutorial Goals

This is the final phase in the creation of an animated element for our web page, saved in the web-compatible Shockwave format. To complete the soundtrack and the animation we will:

For the first step we return to SoundEdit; the following two steps will be done in Director; for the last step we will use a text editing program.


Sound Editing

  1. Re-open your sound file using SoundEdit.
  2. Adjust the waveform display to better see the parts you are interested in (zoom in/out as needed).
  3. Click in the waveform display, and drag to highlight the portion of the sound that you want to modify.
  4. Once you are satisfied with your selection, apply to it one or more of the commands from the Effects menu to adjust the playback levels (we won't address volume adjustments in Director). As always, make sure that you have a backup of your sound in case you cannot undo an experiment you end up not liking. Below are some examples based on this original waveform:
    Waveform before effects
  5. Since Director only has two sound channels, more complex sound layering requires prior mixdown in SoundEdit.
  6. SoundEdit also offers a window to simplify matching the ends of sound loops to avoid pops.
  7. When done, make sure all your sounds are saved (as AIFF files), then quit SoundEdit to free up memory.

| return to top |

Assemble Soundtrack

  1. Launch Director and re-open your animation file.
  2. Use the Import command in the File menu to find and open the sounds you have edited. Make sure the file frmat pop-up menu is set to 'All Files' or 'Sounds', otherwise you won't be able to see your files. Make sure the bottom pop-up menu is set to 'Standard Import'.
  3. Display and scroll the Cast window, if necessary, to see the sound cast members that you just imported into your animation file (they will be marked with a loudspeaker icon).
  4. Click to select the sound that you intend to loop as background ambience. Click the button marked with an 'i' at the top of the Cast window:
    Info button in Cast window
  5. The Properties Inspector is displayed with the Sound tab selected. Turn on the 'Loop' checkbox--this will force the sound to repeat. You can press the play button (the one with the triangle) in the same inspector to listen to the loop.
  6. Display the Score window. If necessary, click the Hide/Show button in the right margin to display the Effects Channels. You should see the Sound channels, indicated by loudspeaker icons.
    the 'Show/Hide Effects Channels' button
  7. Drag the looped ambience sound from the cast window to the first frame of sound channel 1 in the Score:
    Drag sound from Cast to Score
  8. Adjust the duration of the sound (by dragging its resize handle) to match the duration of the animation.
    dragging the sound's resize handle in the score
  9. Drag the hit sound(s) to the appropriate frames in the animation, in sound channel 2 of the Score. Adjust their duration(s).
  10. Play back the animation. If everything sounds OK, Save the file in preparation for conversion to Shockwave format.

| return to top |

Export to a Shockwave for Director file

  1. Make sure your animation is saved (File-->Save). Any further edits to your animation must be made to the original Director file, because the Shockwave file cannot be changed.
  2. In the File menu, choose the 'Publish Settings' command.
  3. In the File menu, choose 'Publish'. If you did not save yet, Director will prompt you to do so. It will then proceed to compress your animation and create the DCR file in the same folder as your Director document.
  4. Before you quit Director, make a note of the size (in pixels) of your animation (see 'Width' and 'Height' in the Modify-->Movie-->Properties inspector).

| return to top |

Create a new HTML file for the Web page bearing the animation

  1. Find SimpleText on your computer's hard drive and launch it.
  2. In the untitled document which appears, create the basic framework of a generic HTML document. Type the following HTML tags, each on a separate line terminated by a return (the left angle bracket '<' is shift-comma, the right angle bracket '>' is shift-period):
    <HTML>
    <HEAD>
    </HEAD>
    <BODY>
    </BODY>
    </HTML>
  3. Press return after the <HEAD> line to insert a blank line. On the blank line enter the TITLE tag pair:
  4. Add a blank line between the two 'BODY' lines and enter the tag to call up the animation:
  5. File-->Save. Enter the filename (all lowercase) according to these rules:

| return to top |

Add a Link in the HTML File for Your Homepage to Point to the New Web Page

  1. Drag the icon of your homepage HTML file and drop it on the icon for SimpleText.
  2. After the HTML file opens in a document window, click to place the insertion point where you want your viewers to find the link to the animation.
  3. Enter the tags and the text for the link. Sam Sample typed this:
  4. Use File-->Save to update the HTML file for your homepage.
  5. Save your Director and SoundEdit files to your Zip disks--in case you want to make changes later. The DCR file and the two HTML files are ready to be posted on the web server.

| return to top |


Information specific to the ACG Lab

return

| previous handout | return to top | next handout |


This document originally at <http://acg2.fullcoll.edu/FACULTY/CORSI/LEARN/OVERVIEW/OV090MAC/INDEX.HTM>
Copyright 1997-2000 by Sandro Corsi.
Last modified 2000-10-18.
SaneDraw home