Director_Basic





	Introduction to Director - Tutorial

		In Photoshop: Create a simple image such as a daisy, 1" x 1" 72 pixels per inch. Use the magic wand tool to select the background. Choose Select->Inverse Choose Select->Save Selection Click OK Look at the Channels Window, you should see an extra channel named Alpha1. This will be used by Director to mask the daisy against the background. In other words, the flower's background will be transparent or the alpha channel. Save your file as a TIFF with LZW compression.


	Adjust the Background Color In Director: Select the Stage Window Look at the Property Inspector Window. (You may open this window by selecting: Open->Window->Inspectors->Property) Choose the Movie tab. Click on the square box next to the paint bucket to select a color other than white.

Import Your Photoshop Image

Choose File-Import...
    Select your flower file,
    Click Import.
    (If you threw out the preferences file the default settings should be OK.)
    Click OK.

Drag and drop the flower from the Cast Window on to the Stage Window.

Notice the flower is 28 frames long in the Score Window. Drag the end frame to make it longer.

Also notice the flower has a transparent background because of the Alpha channel.

Animate the image

From the Stage Window, drag the flower from its center to a new position. You may also scale or rotate the flower as well. Notice a line representing the flower's motion over time will appear.

You may view a frame in the middle of the animation and change that as well.

Try bringing in more flowers, layer them over each other.

Use Control->Play to play the animation. Use Control->Stop or the apple . to stop it.

Add a Simple Behavior to an Animated Flower

Choose one of the flowers on the stage.

Open the Window->Inspectors->Behavior Inspector

Click and hold on the top + button to add a new behavior.
         Name it flower beep


	In the Behavior Inspector Window, click the small arrow pointing right to see more options. Click and hold on the second + button down to add the command MouseWithin. Click and hold on the third + button to add the command Sound->Beep. Use Control->Play to play the animation. Move your mouse over the flower, it will beep if your audio is turned on.

Add a More Complex Behavior to the Animated Flower

Add another effect, click and hold on the third + button to add
the command Sprite->Change Ink
Choose Reverse

Use Control->Play to play the animation.

Notice the flower stays in Reverse Ink mode.

Fix this by clicking and holding on the second + button down to add the command MouseLeave.

Click and hold on the third + button to add the command Sprite->Change Ink. Choose Copy, so when the mouse leaves the flower it will change back to normal.

You may drag and drop this behavior from the Internal Cast Window on top of any Sprite (or flower) on the Stage Window.

Just for fun click the Script button in the Behavior Window, this shows you the script you created. Later when you learn more about Lingo, you can write your own scripts to create interactivity.