How to Make Flash CS3 Interactive Open & Close Doors

Written by carol adams
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to Make Flash CS3 Interactive Open & Close Doors
Create a door in Flash that opens when the viewer clicks it. (Red Door image by Kathy Lippard Cobb from Fotolia.com)

Flash animation can be used to add visual interests and features to a web page. Adobe Flash CS3 is widely used for creating interactive animations for web pages or games. Generally, people tend to think that only professionals can produce this kind of content. However, if you would like to use Flash CS3 to add interaction on a web page in which a door seems to open and close when clicked on, you can do this quite easily.

Skill level:
Moderate

Other People Are Reading

Instructions

  1. 1

    Open Flash. Select the "Rectangular" tool from the toolbar. In the "Properties" panel set the "Stroke" to about 5 and the colour to "Black." Set the "Fill" colour to brown.

  2. 2

    Click on the "New Layer" button under the timeline and name the new layer "doorframe." Then draw a door shape on the canvas.

  3. 3

    Select the "Select" tool from the toolbar and click on the brown part without selecting any of the black border, which will serve as the door frame. Right-click and select "Convert to Symbol." In the dialogue, make the symbol a "Movie Clip," name it and click "OK." Name the new layer "Door."

  4. 4

    Select the door on the canvas and the first frame of the timeline. Select "Insert" from the menu and choose ""Motion Tween." Drag the frame length out to 50.

  5. 5

    Go to frame 25 of the animation. Select the "3D Rotation" tool from the toolbar. Then move the centre point of the tool to the side of the door where the hinge would be.

  6. 6

    Rotate the door so it appears open. Then select the last frame and close it again.

  7. 7

    Select the "doorframe" layer and click in the empty space at frame 50. Hit "F5" on your keyboard. This way the frame appears in the entire animation.

  8. 8

    Use the Actions panel to add an action that causes the door opening to happen when the viewer clicks on it. Save your work.

Don't Miss

References

Filter:
  • All types
  • Articles
  • Slideshows
  • Videos
Sort:
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the eHow.co.uk site, you consent to the use of cookies. For more information, please see our Cookie policy.