Adobe 65036570 - Director - PC Tutorial
  1. Manuals
  2. Brands
  3. Adobe Manuals
  4. Software
  5. 65036570 - Director - PC
  6. Tutorial
Adobe 65036570 - Director - PC Tutorial

Adobe 65036570 - Director - PC Tutorial

Create a basic movie in director
Hide thumbs Also See for 65036570 - Director - PC:
Table of Contents

Advertisement

Quick Links

See also: User Manual
CREATE A BASIC MOVIE IN DIRECTOR

Advertisement

Table of Contents
loading

Related Manuals for Adobe 65036570 - Director - PC

Summary of Contents for Adobe 65036570 - Director - PC

  • Page 1 CREATE A BASIC MOVIE IN DIRECTOR...

  • Page 2: Building Your First Basic Movie

    ADOBE DIRECTOR 11.0 Create a basic movie Building Your First Basic Movie This tutorial takes you through the steps of creating your first movie in Director®. If you are new to using Director, follow this tutorial to learn hands-on how to create a simple interactive movie with animation, sound, and video. The movie is designed to suggest what is possible with Director rather than simulate a fully developed Director project.

  • Page 3: Open The Movie

    ADOBE DIRECTOR 11.0 Create a basic movie The movie consists of three scenes. The first is a title scene that contains buttons for navigating to the other two scenes. The second scene is an animation of a tire bouncing. The third scene contains a digital video and buttons that control it.
  • Page 4 ADOBE DIRECTOR 11.0 Create a basic movie In the Property inspector, type 50 in the Channels text box and press Enter (Windows) or Return (Macintosh), and then click OK in the dialog box that appears. The number of channels in the Score decreases from 150 to 50, making the movie’s file size smaller.

  • Page 5: Building The First Scene With Text And An Image

    ADOBE DIRECTOR 11.0 Create a basic movie To toggle from List view to Thumbnail view, click the Cast View Style button in the upper left corner of the Cast window. Cast View Style button The Cast window contains cast members that you can use in your movie. The first is a text cast member. It contains the text “Trio Motor Company.
  • Page 6 ADOBE DIRECTOR 11.0 Create a basic movie The Text window opens. Cast Member Name Size Italic Bold You use the Text window to edit text cast members. You will find that most Director cast member types have associated windows that you can use to view and edit the cast member.

  • Page 7: Add Sprites To The Stage

    ADOBE DIRECTOR 11.0 Create a basic movie Add sprites to the Stage To begin building the scene, you drag the TitleText cast member, button cast member, and bitmap cast member from the Cast window to the Stage or Score. Because the first scene should occur at the beginning of the movie, you put the cast members at the beginning of the Score.

  • Page 8: Add Sprites To The Score

    ADOBE DIRECTOR 11.0 Create a basic movie In the X text box, type 15. In the Y text box, type 15, and press Enter (Windows) or Return (Macintosh). The text is placed at precise coordinates on the Stage. Add sprites to the Score When you place a cast member on the Stage, the sprite is added to both the Stage and the Score.

  • Page 9: Create A New Button Cast Member

    ADOBE DIRECTOR 11.0 Create a basic movie Drag the Animation button cast member from the Cast window to the Stage. Place it on the lower right side of the Stage. Select the button sprite on the Stage. On the Sprite tab of the Property inspector, do the following: In the X text box, type 375. In the Y text box, type 300, and then press Enter (Windows) or Return (Macintosh).
  • Page 10 ADOBE DIRECTOR 11.0 Create a basic movie Make sure that the Tool palette is in Classic view. At the top of the Tool palette, display the list of views and select Classic. Classic view Button tool On the Tool palette, click the Button tool.

  • Page 11: Observe The Difference Between Sprites And Cast Members

    ADOBE DIRECTOR 11.0 Create a basic movie The editable text box changes to a completed button sprite. In the Cast window, the new button cast member takes the next available cast slot, appearing in cast slot 3. Select the new button in the Cast window.

  • Page 12: Change The Default Length Of Sprites

    ADOBE DIRECTOR 11.0 Create a basic movie In the Score window, click the end of the TitleText sprite, and drag it to the left to frame 10. Note: You can also lengthen sprites by dragging their end frames to the right to higher-numbered frames, and you can edit more than one sprite at the same time by selecting multiple sprite end frames.

  • Page 13: Building The Second Scene With Animation

    ADOBE DIRECTOR 11.0 Create a basic movie Building the second scene with animation The second scene of your movie will contain a simple animation of a tire bouncing. You will import an image cast member for this scene and animate it to travel up and down on the screen, creating a bouncing effect. This scene will also include a new button that returns users to the first scene.

  • Page 14: Import Media Into Director

    ADOBE DIRECTOR 11.0 Create a basic movie Import media into Director The tire graphic for the animation is a Fireworks® PNG file, but you can import lots of other media formats as well. Once a file is imported as a cast member, you can use it just as you would use any other cast member.

  • Page 15: Animate The Image To Travel Down

    ADOBE DIRECTOR 11.0 Create a basic movie • In the Score, drag the playhead back and forth from frame 15 to frame 24. This is called “scrubbing the playhead. ” The tire moves up along the path that you just created. Now you will animate the tire returning to the ground.

  • Page 16: Change The Tempo Of An Animation

    ADOBE DIRECTOR 11.0 Create a basic movie Scrub the playhead again. This time, the background sprite exists through the whole tire animation. Change the tempo of an animation For the tire animation to be more realistic, the tire should slow as it reaches the top and accelerate as it returns to the ground.

  • Page 17: Change The Span Of An Animation

    ADOBE DIRECTOR 11.0 Create a basic movie Scrub the playhead. The tire accelerates as it reaches the bottom. Change the span of an animation It may seem that the tire is bouncing too rapidly. To make the animation run at a slower rate, you can add frames to the animation.

  • Page 18: Add An Existing Navigation Button To The Score

    ADOBE DIRECTOR 11.0 Create a basic movie Add an existing navigation button to the Score To complete the animation scene, you will add navigation buttons. First, you will use the Go to Sound and Video button that you created earlier for scene 1. Then you will create a new button that returns users to the first scene.

  • Page 19: Building The Third Scene With Sound And Video

    ADOBE DIRECTOR 11.0 Create a basic movie At the bottom of the Stage, click the Rewind button, and then click the Play button. The movie plays from beginning to end, flashing scene 1 briefly on the Stage and playing the tire animation once before returning to frame 1 and playing again.

  • Page 20: Play The Digital Video

    ADOBE DIRECTOR 11.0 Create a basic movie The new digital video cast member appears in the Cast window in the first available cast slot. It is named after the imported file. Play the digital video You can view the QuickTime cast member by opening the QuickTime window. This window contains controls for playing the video file but not for editing the video;...

  • Page 21: Create A Quicktime Sprite

    ADOBE DIRECTOR 11.0 Create a basic movie Create a QuickTime sprite You are now ready to place the QuickTime sprite on the Stage. The sound and video scene should start in frame 55. In the Score, in channel 1, click frame 55. The playhead moves to frame 55.
  • Page 22 ADOBE DIRECTOR 11.0 Create a basic movie The Play button’s sprite appears on the Stage and in channel 2, frames 55 through 64, of the Score. In the Cast window, find the Pause cast member and drag it to the Stage. Place the Pause button on the Stage underneath the QuickTime sprite, just to the right of the Play button.

  • Page 23: Import A Sound

    ADOBE DIRECTOR 11.0 Create a basic movie On the Align tab, click the Align Vertical Center button. This option aligns the buttons along the X axis. Align vertical center Distribute horizontal center On the Align tab, click the Distribute Horizontal Center button. This option unifies the distances between the three buttons.

  • Page 24: Add Navigation Buttons

    ADOBE DIRECTOR 11.0 Create a basic movie In the Score, click the Hide/Show Effects Channels button if the effects channels are not visible. The effects channels should appear above the frame number bar in the Score. The Hide/Show Effects Channels button...

  • Page 25: Writing Scripts To Control The Movie

    ADOBE DIRECTOR 11.0 Create a basic movie You used the GoStart button in the animation scene and placed it at the very bottom left corner of the Stage. Since it is appropriate for that button to be in the same location on the Stage in the sound and video scene, you can use the same sprite for both scenes.

  • Page 26: Looping The Playhead With Lingo

    ADOBE DIRECTOR 11.0 Create a basic movie Director supports scripting in two languages: Lingo and JavaScript syntax. In this tutorial, you will script in Lingo only, but if you are already familiar with JavaScript, you may want to try JavaScript syntax instead. Lingo is designed to be easy to learn, so don’t be intimidated.

  • Page 27: Reuse The Handler

    ADOBE DIRECTOR 11.0 Create a basic movie In the Cast window, select the new script. In the Cast Member Name text box at the top of the Cast window, type Loop. Press Enter (Windows) or Return (Macintosh). At the bottom of the Stage, below the movie, click the Rewind button. Then also at the bottom of the Stage, click the Play button to play your movie.

  • Page 28: Create Navigation In Lingo Using Marker Names

    ADOBE DIRECTOR 11.0 Create a basic movie Markers are a way of giving a name to a specific frame in the Score. If you name the first frame of the animation scene and then decide to move the scene, you can simply move the marker in the Score along with the rest of the scene.

  • Page 29: Test Your Script

    ADOBE DIRECTOR 11.0 Create a basic movie You start by adding scripts to the button sprites in the start scene. In the Score, display frames 1 through 10. Right-click (Windows) or Control-click (Macintosh) the Animation button sprite in channel 3, frames 1 through In the context menu, select Script.

  • Page 30: Write Script That Refers To Scenes

    ADOBE DIRECTOR 11.0 Create a basic movie Display frame 1 of the Score. In the Score, click the marker bar in frame 1, the first frame of the start scene. A new marker appears. In the text box next to the new marker, type Start, and press Enter (Windows) or Return (Macintosh).

  • Page 31: Add One More Script To The Sound And Video Scene

    ADOBE DIRECTOR 11.0 Create a basic movie To write a new script for the Go to Start button, right-click (Windows) or Control-click (Macintosh) the GoStart button sprite that starts on frame 15 of the Score. Select Script from the context menu.

  • Page 32: Rewind The Quicktime Sprite

    ADOBE DIRECTOR 11.0 Create a basic movie When the user navigates to the sound and video scene from a different scene, the digital video plays from start to finish once. To play the video again without first leaving the scene, you need to rewind it. You rewind the video by setting its property.

  • Page 33: Add A Script That Pauses The Quicktime Sprite

    ADOBE DIRECTOR 11.0 Create a basic movie Select Script from the context menu. In the Script window, on the second line of the handler, type the following Lingo: sprite(1).movieRate = 1 This script starts the QuickTime sprite playing at normal speed.

  • Page 34: Modify The Script For The Pause Button

    ADOBE DIRECTOR 11.0 Create a basic movie Place the insertion point at the end of the second line of the handler that reads as follows: sprite(1).movieRate = 1 Press Enter (Windows) or Return (Macintosh), and type the following on the new line: sound(1).play(member("track1"))

  • Page 35: Add Sounds To Buttons

    ADOBE DIRECTOR 11.0 Create a basic movie Add sounds to buttons The final effect to add is to make a short sound play when users click any of the video control buttons in the sound and video scene. This sound file is small; there is no compelling reason not to import the file directly into your Director file.

  • Page 36: Use A Quicktime Xtra Extension

    ADOBE DIRECTOR 11.0 Create a basic movie Use a QuickTime Xtra extension Xtra extensions are software components that extend the functionality of Shockwave content and projectors. A QuickTime Xtra extension is necessary to ensure your QuickTime movie plays correctly when published. When you imported the QuickTime movie, Director automatically added the QT3 Asset Xtra to the Xtra extensions list for your movie.

  • Page 37: Summarizing What You Learned

    ADOBE DIRECTOR 11.0 Create a basic movie Summarizing what you learned By completing this tutorial, you have become familiar with the basic tasks and procedures used to create Director movies. You now know how to do the following: • Import cast members •...

This manual is also suitable for:

Director 11

Table of Contents