Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial

Making a Lava Lamp

D. Construct the movie

Setting up your layers

  1. Clean off all symbols from your main movie stage.
  2. Rename layer1 BASE
  3. Insert a layer and call it Bottom Bulb
  4. Insert a layer above that called lava1
  5. Insert a layer above that called lava2
  6. Insert a layer above that called top bulb and top
  7. Insert a layer above that called Labels
  8. Insert a layer above that called Actions

.FRAME 1: Creating the lava lamp in the OFF state.

  1. The first frame will be your lava lamp when it is off. Click on frame 1 layer 1 and drag the base into this frame.
  2. Click on layer bottom bulb, frame1, and place the bulb on top the base. Resize the base as needed. highlight the bulb and opent he effects panel. Set tint to black at 50%
  3. Click on lava2 layer frame 1 and drag the "lava stop" symbol onto the stage. position it atop the base. Resize as needed.
  4. Click on layer 1 of frame top bulb and top. Drag the bulb from the library onto the stage and position it above the bulb. You may want to highlight both and use the align tool to orient them in identical positions. Lock the bottom bulb layer and click on the bulb. Open the effects panel and Set the alpha to 37.
  5. Drag the base onto the stage and resize it to fit the top of the lamp.
  6. On frame 1 of the labels layer set the FRAME name to OFF.
  7. On frame 1 of actions insert an action of STOP by pulling up the actions panel (windows => actions) click the + symbol and then basic actions => stop.

FRAME 2: Creating the lava lamp in the ON state.

  1. Click on the base frame 2. Hit your F5 key. This will insert another frame into the keyframe on 1
  2. Click on Frame 2 of the bottom bulb layer and then hit F6. This will insert a new keyframe exactly like the one before it. click elswhere on the stage.
  3. Click directly on the bulb to select the symbol. Open your properties inspector. Set color to Advanced. Click on the settings button to bring up the advanced settings. Set the values as follows
    1. R 51
    2. G 255
    3. B 0
    4. Alpha 47%


  4. Click on Frame 2 of the lava 1 panel and drag moving lava 1 there. Double click the symbole and ajust the frames for the height of the Lamp bulb.
  5. Click on Frame 2 of lava 2 and drag the moving lava there. Align both lava using onion skinning to where the lava stop is on frame1.
  6. On frame 2 of  the top bulb and top, hit the F5 key.
  7. On the labels layer on frame two insert Blank Keyframe and on the frames panel, name it ON.
  8. On the actions layer for frame two, insert a Blank Keyframe, and then add a stop action like described above.

Now you are ready to make and script the button.

Go to next section

 


"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2025 All Rights Reserved
Privacy and Legal